vendredi 1 avril 2016

How To Add Animated Flash Clock To Your Blogger Blog

Animated Flash Clock To Your Blogger Blog

Hello! `How are you guys? here's the cool Clock.this tutorial will show you how to Add animated flash clock gadget your Blogger blog. A clock gives a beautiful look to a website. A clock is a necessity for a personal website, forum, blog etc.Isn’t it exciting when you get a highly quality flash Clock absolutely Free? you can add this flash animated clock your blog easily.i've tested this Flash Clock on internet explorer, mozzilla firefox & many other web browsers. it's very fast and fresh.You simply have to copy the code below each clock and add it to your blog.





How To Add Aniamted Flash Clock Widget To Blogger?

  • Choose a type of clock below
  • Provide Require widget title
  • Fill Height and Width of the Widget
  • Click on "Genetate" button
  • Finally click on "Add to Blogger" to add it to your blog.










Add Animated Flash Clock To Your Blogger blog


Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Blogger Tips And Tricks|Latest Tips For Bloggers

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Blogger Tips And Tricks|Latest Tips For Bloggers


Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done.


Happy blogging!





Special Thanks http://flash-clocks.com/ & http://flash2nd.blogspot.com/

Picture From http://www.2dayblog.com/2009/10/19/manual-digital-clock/




Libellés : , , , , , , ,

mardi 22 mars 2016

Add Multi Tabbed Navigation Widget To Blogger Sidebar

Multi Tabbed Widget For Blogger



Hi Friends, Today I am going to share how to add multi tabbed widget for blogger. I have seen that there are so many tutorials on the web regarding this. But as I thought these are really complicated.I am writing very easy and simple tutorial which will guide you to add this widget to your blog’s sidebar.It looks very nice in your sidebar. This widget works based on jQuery and jQueryUI.





How to Install This Widget on Blogger?

Steps...

A. Adding Script Code

B. Adding CSS Theme Code

C. Adding HTML Code

Adding Script Code



How to add HTML-CSS-Javascript Codes to your Blog ?

This is very simple and easy you only follow below steps and add this widget in your blog.

Step 1 Log-in to your Blogger account.

Step 2 Backup your Template.

Edit Template HTML


Step 3 Click on The Template>> Edit HTML>> Proceed.

Step 4 Now find [by pressing Ctrl + F ] this code in the template:


And immediately Before it, paste this code:









Adding CSS Theme Code

Select One Theme and Place Theme code before tag





Style 1:-


Multi Tabbed Navigation Widget









Style 2:-


Multi Tabbed Navigation Widget









Style 3:-


Multi Tabbed Navigation Widget









Style 4:-


Multi Tabbed Navigation Widget









Style 5:-


Multi Tabbed Navigation Widget









Style 6:-


Multi Tabbed Navigation Widget









Style 7:-


Multi Tabbed Navigation Widget









Style 8:-


Multi Tabbed Navigation Widget









Style 9:-


Multi Tabbed Navigation Widget









Style 10:-


Multi Tabbed Navigation Widget









Style 11:-


Multi Tabbed Navigation Widget









Style 12:-


Multi Tabbed Navigation Widget









Style 13:-


Multi Tabbed Navigation Widget









Style 14:-


Multi Tabbed Navigation Widget









Style 15:-


Multi Tabbed Navigation Widget









Style 16:-


Multi Tabbed Navigation Widget









Style 17:-


Multi Tabbed Navigation Widget









Style 18:-


Multi Tabbed Navigation Widget









Style 19:-


Multi Tabbed Navigation Widget









Style 20:-


Multi Tabbed Navigation Widget









Style 21:-


Multi Tabbed Navigation Widget









Style 22:-


Multi Tabbed Navigation Widget















Adding HTML Code



Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.



Blogger Tips And Tricks|Latest Tips For Bloggers

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.


Blogger Tips And Tricks|Latest Tips For Bloggers

Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done.










tabs-1">  Tab 1 content goes here  

tabs-2">  Tab 2 content goes here  

tabs-3">  Tab 3 content goes here  


Blogger Tips and Tricks
Latest Tips For Bloggers
Free Backlinks






Note:
Replace these with your tab titles


Tabs-1 , Tabs-2  , Tabs-3

Replace these with your widget codes.

Tab 1 content goes here Tab 2 content goes here ,  Tab 3 content goes here





Adding HTML Code


Use bellow Form to add HTML widget code to Blogger






Yes! You are Done!

For any assistance and customization of this widget you can surely contact me via comments or Contact form.

Have a Nice Day...



Many thanks to way 2 blogging for making this code and I just tested and modified to work on blogger

Libellés : , , , , , , , ,

lundi 14 mars 2016

22+ Google Flag Translate Widget For Blogger / Blogspot

Google Translate Widget for Blogger

Installing translete on blogs is very necessary because there could be visitors from foreign countries who stray blog you, but that should be taken to ensure that no errors occur then translate your blog must use the official language, not language or slang market.Let your readers easily translate your blog with this highly compact widget. This blog translator is powered by Google Translate. The languages available at the click of a flag are Arabic, Bulgarian, Chinese (simplified and traditional), Croatian, Czech, Danish, Dutch, Finnish, French, German, Greek, Hindi, Italian, Japanese, Korean, Norwegian, Polish, Portuguese, Romanian, Russian, Spanish and Swedish.I hope no one could have seen a huge list anywhere. Now This widget gives your readers easily translate your blog.


How to add the Google Translate Widget to your blog:


Blogger


Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Blogger Tips And Tricks|Latest Tips For Bloggers

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Blogger Tips And Tricks|Latest Tips For Bloggers


Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done. ..............


WordPress

1. Login to your Admin panel > Presentation tab > Widgets tab


2. Paste the code into the Text Widget. If there’s no Text Widget available, add one.

3. Add a title. Ex: Translate, Translate this page, Google Translate (Optional)

4. Save.

Joomla site

1. Login to your Admin panel > Modules – Site Modules > click New


2. Paste the code into the Custom Output content box

3. Adjust module details and menu item links if necessary

4. Click Apply or Save.



...............................

Google Flag Translate Widget For Blogger / Blogspot 01


Google Flag Translate Widget For Blogger Blogspot 01



Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks

English
French
German
Spain
Italian
Dutch
Russian
Portuguese
Japanese
Korean
Arabic
Chinese Simplified

Powered By google






Google Flag Translate Widget For Blogger / Blogspot 02


Google Flag Translate Widget For Blogger Blogspot 02


↑ Google Translator








Google Flag Translate Widget For Blogger / Blogspot 03


Google Flag Translate Widget For Blogger Blogspot 03


http://YOUR_BLOG_ADDRESS" />



| | | | | | |
Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
| | | | | |
| | | | | | |
| | | | | | |
| | | | | |






Google Flag Translate Widget For Blogger / Blogspot 04


Google Flag Translate Widget For Blogger Blogspot 04


Google Translate
ArabicBlogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks Korean Japanese Chinese Simplified Russian Portuguese
English French German Spain Italian Dutch







Google Flag Translate Widget For Blogger / Blogspot 05


Google Flag Translate Widget For Blogger Blogspot 05


Google Translate
ArabicBlogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks Korean Japanese Chinese Simplified
Russian Portuguese English French
German Spain Italian Dutch








Google Flag Translate Widget For Blogger / Blogspot 06


Google Flag Translate Widget For Blogger Blogspot 06


Google Translate
ArabicBlogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks Korean Japanese
Chinese SimplifiedRussian Portuguese
English French German
Spain Italian Dutch







Google Flag Translate Widget For Blogger / Blogspot 07


Google Flag Translate Widget For Blogger Blogspot 07


Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks

Powered By google







Google Flag Translate Widget For Blogger / Blogspot 08


Google Flag Translate Widget For Blogger Blogspot 08





English
FrenchBlogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
German
Spain
Italian
Dutch
Russian
Portuguese
Japanese
Korean
Arabic
Chinese Simplified
↑ Google Translator







Google Flag Translate Widget For Blogger / Blogspot 09


Google Flag Translate Widget For Blogger Blogspot 09





Chinese
FrenchBlogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
German
Japanese
Korean
Russian
Spanish


Powered By google






Google Flag Translate Widget For Blogger / Blogspot 10


Google Flag Translate Widget For Blogger Blogspot 10






Google-Translate-Chinese (Simplified) BETABlogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
Google-Translate-English to French
Google-Translate-English to German
Google-Translate-English to Italian
Google-Translate-English to Japanese BETA
Google-Translate-English to Korean BETA
Google-Translate-English to Russian BETA
Google-Translate-English to Spanish





Google Flag Translate Widget For Blogger / Blogspot 11


Google Flag Translate Widget For Blogger Blogspot 11






Google-Translate-Chinese (Simplified) BETA
Google-Translate-English to French Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
Google-Translate-English to German
Google-Translate-English to Italian
Google-Translate-English to Japanese BETA
Google-Translate-English to Korean BETA
Google-Translate-English to Russian BETA
Google-Translate-English to Spanish






Google Flag Translate Widget For Blogger / Blogspot 12


Google Flag Translate Widget For Blogger Blogspot 12






Google-Translate-Chinese (Simplified) BETA
Google-Translate-English to French Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
Google-Translate-English to German
Google-Translate-English to Italian
Google-Translate-English to Japanese BETA
Google-Translate-English to Korean BETA
Google-Translate-English to Russian BETA
Google-Translate-English to Spanish






Google Flag Translate Widget For Blogger / Blogspot 13


Google Flag Translate Widget For Blogger Blogspot 13






Google-Translate-Chinese (Simplified) BETA
Google-Translate-English to French Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
Google-Translate-English to German
Google-Translate-English to Italian
Google-Translate-English to Japanese BETA
Google-Translate-English to Korean BETA
Google-Translate-English to Russian BETA
Google-Translate-English to Spanish







Google Flag Translate Widget For Blogger / Blogspot 14


Google Flag Translate Widget For Blogger Blogspot 14






Google-Translate-Chinese (Simplified) BETA
Google-Translate-English to French Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
Google-Translate-English to German
Google-Translate-English to Italian
Google-Translate-English to Japanese BETA
Google-Translate-English to Korean BETA
Google-Translate-English to Russian BETA
Google-Translate-English to Spanish






Google Flag Translate Widget For Blogger / Blogspot 15


Google Flag Translate Widget For Blogger Blogspot 15






Google-Translate-Chinese (Simplified) BETA
Google-Translate-English to French Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
Google-Translate-English to German
Google-Translate-English to Italian
Google-Translate-English to Japanese BETA
Google-Translate-English to Korean BETA
Google-Translate-English to Russian BETA
Google-Translate-English to Spanish








Google Flag Translate Widget For Blogger / Blogspot 16


Google Flag Translate Widget For Blogger Blogspot 16






Google-Translate-Chinese (Simplified) BETA
Google-Translate-English to French Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks
Google-Translate-English to German
Google-Translate-English to Italian
Google-Translate-English to Japanese BETA
Google-Translate-English to Korean BETA
Google-Translate-English to Russian BETA
Google-Translate-English to Spanish





Google Flag Translate Widget For Blogger / Blogspot 17


Google Flag Translate Widget For Blogger Blogspot 17








Google Flag Translate Widget For Blogger / Blogspot 18


Google Flag Translate Widget For Blogger Blogspot 18








Google-Translate-Chinese (Simplified) BETABlogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks


Google-Translate-English to French


Google-Translate-English to German


Google-Translate-English to Italian


Google-Translate-English to Japanese BETA


Google-Translate-English to Korean BETA


Google-Translate-English to Russian BETA


Google-Translate-English to Spanish


↑ Google Translation








Google Flag Translate Widget For Blogger / Blogspot 19


Google Flag Translate Widget For Blogger Blogspot 19






Google-Translate-Chinese (Simplified) BETABlogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks


Google-Translate-English to French


Google-Translate-English to German


Google-Translate-English to Italian
Google-Translate-English to Japanese BETA


Google-Translate-English to Korean BETA


Google-Translate-English to Russian BETA


Google-Translate-English to Spanish


↑ Google Translation









Google Flag Translate Widget For Blogger / Blogspot 20


Google Flag Translate Widget For Blogger Blogspot 20


Blogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks








Google Flag Translate Widget For Blogger / Blogspot 21


Google Flag Translate Widget For Blogger Blogspot 21




中文(简体) PortuguêsBlogger Tips And Tricks|Latest Tips For BloggersFree BacklinksBlogger Tips And Tricks English (US) Français Deutsch Italiano 日本語 한국어 Русский Español

↑ Google Translate™








Google Flag Translate Widget For Blogger / Blogspot 22


Google Flag Translate Widget For Blogger Blogspot 22






Google translator bar language code
Language name Code Language name Code Language name Code
Albanian sq Hungarian hu Turkish tr
Arabic ar Indonesian id Ukrainian uk
Bulgarian bg Italian it Vietnamese vi
Catalan ca Japanese ja Afrikaans af
Chinese (Simplified) zh-CN Korean ko Belarusian be
Chinese (Traditional) zh-TW Latvian lv Icelandic is
Croatian hr Lithuanian lt Irish ga
Czech cs Maltese mt Macedonian mk
Danish da Norwegian no Malay ms
Dutch nl Persian fa Swahili sw
English en Polish pl Welsh cy
Estonian et Portuguese pt Yiddish yi
Filipino tl Romanian ro Afrikaans af
Finnish fi Russian ru Belarusian be
French fr Serbian sr Icelandic is
Galician gl Slovak sk Zulu zu
German de Slovenian sl Bengali bn
Greek el Spanish es
Hebrew iw Swedish sv
Hindi hi Thai th








Libellés : , , , , ,