Allpost

Add Multi Tabbed Navigation Widget To Blogger / Blogspot Blogs Sidebar

2012-10-02T23:49:00.003-07:00

Add Multi Tabbed Navigation Widget To Blogger / Blogspot Blogs Sidebar:

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

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout.Backup your template before attempting this tutorial.

Step 1:

In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.

In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.

Now find (CTRL+F) this code in the template:

Step 2:And find the code </head>
Step 3: Now add the following code just before the </head> tag.

Adding CSS Theme Code

Select One Theme and Place Theme code before </head> tag

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/black-tie/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/blitzer/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/dark-hive/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/dot-luv/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/eggplant/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/excite-bike/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/flick/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/hot-sneaks/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/le-frog/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/mint-choc/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/pepper-grinder/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/redmond/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/south-street/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/start/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/sunny/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/swanky-purse/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/trontastic/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/ui-darkness/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/ui-lightness/jquery-ui.css" type="text/css" />

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/vader/jquery-ui.css" type="text/css" />

Adding HTML Code

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

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

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

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

How To Add Animated Flash Clock To Your Blogger Blog

2012-10-02T23:49:00.001-07:00

How To Add 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.

Add Animated Flash Clock To Your Blogger blog

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below
4. Now Click On Save 'JavaScript' You are done.

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.

Happy blogging!

Special Thanks http://flash-clocks.com

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

How To Add Snow Effect On The Blogger Mouse Cursor Area

2012-10-02T23:48:00.005-07:00

How To Add Snow Effect On The Blogger Mouse Cursor Area:

Hello! `How are you guys? Adding snow effect when you move the mouse cursor will change the look of your blog. here is the effect of fresh snow in your area simple mouse blog. This will make your blog more cold than snow falling from the mouse cursor. Effect is very simple gadget to use. So this is very fast. I tested this effect in Internet Explorer, Mozilla Firefox and many other web browsers. This simple and not flash based image works great! I hope you enjoy using this very cool snow effect gadget. So, let's see how to Add Snow Effect On The Mouse Cursor On The Blog..

make a snow effect on the mouse cursor on the blog

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below
4. Now Click On Save 'JavaScript' You are done.

And now click Save

# you can change :

var colour="black";

Hex Color Code Chart & Generator

Html Color Codes Generator

That’s All!

Hope you have enjoyed the post.

Random Posts Widget for Blogger / Blogspot With Summaries

2012-10-02T23:48:00.003-07:00

Random Posts Widget for Blogger / Blogspot With Summaries:

Random Posts Widget For Blogger is great widget. Posts Widget for Blogger is random most popular flash which is useful to increase traffic. make the visitor stay on your site longer and to increase page views posts.Each time updates page of your blog posts widget random change. It can be shown in the sidebar of your blog with or without thumnails.Really this is the jewel of the flash really should show up on his blog.

How to Install this Widget

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:
If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

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

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

And now click Save

Change the the text no in red above in codes to select how many random posts you want to display.

Random Posts widget Generator

1. Change the title of the widget if you want.

2. Change the number of posts links you want to display.

3. Click the “Customize” generate button to make the changes take effect, then click on the “Add to Blog” button.

Random Posts With Summaries Widget

summary to the random posts widget.
Preview:

And now click Save

Change the the text no in red above in codes to select how many random posts you want to display.and Change the blue number of words you want to include in the summary to display.

Random Posts With Summaries Widget Generator

1. Change the title of the widget if you want.

2. Change the number of posts links you want to display.

3. Change the number of words you want to include in the summary to display.

3. Click the “Customize” button to make the changes take effect, then click on the “Add to Blog” button.

Those are all the steps necessary to implement the Random Post Widget to blogger. I hope you and your readers thoroughly enjoy it!

Many thanks to bloggodown for making this code and I just tested and modified to work on blogger

Animated Recent posts for Blogger / Blogspot with thumbnails - Simple Spy

2012-10-02T23:48:00.001-07:00

Animated Recent posts for Blogger / Blogspot with thumbnails - Simple Spy:

Animated recent post is a fantastic way to present headlines updates to your readers.The effect of smooth scrolling attract readers and generate more clicks to your site.This gadget displays your most recent posts and includes a small thumbnail, but has the added bonus of using an animated effect that moves smoothly through the posts.There are a lot of great tutorials discussing on how to add Animated Recent posts for blogger with thumbnails and Simple Spy, but most of the tutorials I've found are not really suitable for a beginner.

How to Install Animated Recent posts for blogger with thumbnails and Simple Spy

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

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

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

Note - If you have previously added jQuery to your blog you can remove the line at the top in red.

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css" media="screen">



</style>

<script language='JavaScript'>

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNquYrOMuqeSZVn-qwVeCmbQrxQSetg6FTjdh5LSccXznbMiag0sBe4zogEqDZiXfBzs0ImSpu2F8J8YxySKgsA6pw6uOXoHnkUZAapunhXKYJthCGMFPEMdxp1YT4UXPxy19X1d9r6EY/s400/noimage.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNquYrOMuqeSZVn-qwVeCmbQrxQSetg6FTjdh5LSccXznbMiag0sBe4zogEqDZiXfBzs0ImSpu2F8J8YxySKgsA6pw6uOXoHnkUZAapunhXKYJthCGMFPEMdxp1YT4UXPxy19X1d9r6EY/s400/noimage.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNquYrOMuqeSZVn-qwVeCmbQrxQSetg6FTjdh5LSccXznbMiag0sBe4zogEqDZiXfBzs0ImSpu2F8J8YxySKgsA6pw6uOXoHnkUZAapunhXKYJthCGMFPEMdxp1YT4UXPxy19X1d9r6EY/s400/noimage.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNquYrOMuqeSZVn-qwVeCmbQrxQSetg6FTjdh5LSccXznbMiag0sBe4zogEqDZiXfBzs0ImSpu2F8J8YxySKgsA6pw6uOXoHnkUZAapunhXKYJthCGMFPEMdxp1YT4UXPxy19X1d9r6EY/s400/noimage.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNquYrOMuqeSZVn-qwVeCmbQrxQSetg6FTjdh5LSccXznbMiag0sBe4zogEqDZiXfBzs0ImSpu2F8J8YxySKgsA6pw6uOXoHnkUZAapunhXKYJthCGMFPEMdxp1YT4UXPxy19X1d9r6EY/s400/noimage.png";

showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://bdlab.blogspot.com/";

limitspy=4

intervalspy=4000

</script>

<div id="spylist">

<script src='http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/animated_recent_posts.js' type='text/javascript'></script>

</div>

And now click Save

Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

1. homepage address
home_page = “http://bdlab.blogspot.com/”;

2. Style

from above style/css, you can change :

width : 220px;
width:208px:

customize base on your template
and
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
or background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRisGN1xI0V3cGZXdHo_s1K4BFKi6WeJz0j3OWxri7EPdLHrXtKvICyIweENns32j4n_KCmCI9vLbm2wCcirhCsrmV3Fa0UR1X0gvicmFVcsULI80ns0tNNpPCPwyDH8jIa4uPGcyK0SYg/s1600/bdlab-blogspot-com.jpg) repeat-x;

Customize the colors of backuground

3. image size
thumbwidth = 70;
thumbheight = 70;

Match your needs

4. How many post you will show
numposts = 10;

Base on what you need to show

Many thanks to abu-farhan for making this code and I just tested and modified to work on blogger

Auto Scrolling Recent Posts Widget For Blogger / Blogspot

2012-10-02T23:47:00.001-07:00

Auto Scrolling Recent Posts Widget For Blogger / Blogspot:

If you have a lot of post on the blog, or if you want to show everyone your list of favorite books, but have little space in the sidebar widget this will be a great help to you. This post explains how to add auto scrolling (marquee) recent posts Widget on his blog that looks good on your blogspot blog. This is similar to the display of recent post in your sidebar, but this will have a marquee in this widget. Now if you want to show your blog in this way, either on top or bottom of your blog, then you can use this new widget:

How to Install Auto Scrolling Recent Posts Widget

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

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

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

And now click Save

Note:- Choose appropriate Image Bullet or Icon That have transparent Background and small in Size

ScrollAmount:	(0 = No Scroll)
ScrollDelay:	(0 = MaxScrollSpeed)

You can only modify the code with red color (variables) according to your requirements, for ex. in case of "var w2bScrollDelay", lower the number, higher the speed.

Watch live Demo

Demo does not works Properly here, But when we add as widget it Works Great!

How to Install This Widget On 'Blogger' ?

Customize Options in Given Widget Generator Form
Click on Generate Button
Click Preview** Button to see your widget Preview
Finally Click Add to Blogger Button to add this widget on Your blog

**Note:- After changing any values, First Click Generate Button and then See Your Preview

Note:- Choose appropriate Image Bullet or Icon That have transparent Background and small in Size

Automatic scrolling Recent posts widget will give scrolling of post titles with links

This widget has automated MARQUEE Effect will result scrolling titles

And now click Save

Watch live Demo

(Demo does not works properly here, But when we add as widget it Works Great!)

How To Add This Widget :

1. Customize Bellow form and Click on Generate button.

2. And Click Add to Blogger button to add this widget to your blog.

Many thanks to Harish for making this code and I just tested and modified to work on blogger

Sexy Sliding JavaScript Side Bar Menu Using Mootools

2012-10-02T23:46:00.003-07:00

Sexy Sliding JavaScript Side Bar Menu Using Mootools:

Show- hide, Smooth sliding and sexy. Menu bar with javascript and mootools. This post explains how to add Sexy Sliding JavaScript Side Bar Menu Using Mootools Widget on his blog that looks good on your blogspot blog.Be effective CSS vertical menu with show / hide uses MooTools to show / hide the menu with a vertical slide-in/slide-out nice effect.

About MooTools: "MooTools is a compact, modular, Object-Oriented JavaScript framework designed for intermediate to advanced JavaScript developer. It lets you write powerful, flexible, cross-browser code with its elegant API, well documented and consistent. ".
MooTools Home: Home Mootools.

How to Install Beautiful Sliding JavaScript Side Bar Menu Using Mootools

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

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

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

And now click Save

Note: Keep in mind that before a save above "#" of land and your link Link One, Link Two, Link Three Link Four, and the name of the place you need to do is save.And here is the link I used to have 4, you can link up to 10

22+ Google Flag Translate Widget For Blogger / Blogspot

2012-10-02T23:45:00.003-07:00

22+ Google Flag Translate Widget For Blogger / Blogspot:

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

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

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

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

<a href='http://bit.ly/work24'><img alt='blogger widgets' src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a><style>

 .google_translate img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        border:0;
        }
        .google_translate:hover img {
        filter:alpha(opacity=30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
        .google_translatextra:hover img {
        filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
  </style>

 <div>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwCOzsDt5BM95Rex5dMlIw8T3w_0LB0K8yEYqbFr0RUt708ZzkXsTfrxtrPXy3hgdpyGQcV6mdE2s2oekvbJSpk9Kg4GnPEJgVJe2g94tKPaba-rUG9a8zfn1pU_kWZDipZ-eWbZHuNvAc/s1600/United+Kingdom%2528Great+Britain%2529.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ACwhCgcXQRqN8xr9lE4UIXWbbyvCOGjJWiLdLKEBl3BZ74aAx2zWdcRGMgh0HvSsh24jsRN5wJ5l8gDNTWMvfCnPddDA_xgR8YErxVJ3ZZ2mSnLsoLYHBuvwNrMMDuZNWkEhOpwO4X9W/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNkPBGbd-uxIxjrXQuPWgB2g10iAGio70den-BeIzVtC4jS_1XTIF5gRSwYXS7GA22sy_WOL66ku2moBNXWuoHHym-QLi0V7UT8WJA63yiL-Sx_FlDjxMaYnF97HE_FAguazyAipSSKfze/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_tHP6oXMa9JBVamiu3tyQYstGvpid2y1q1SrLWl1OVz339S0le5TeHD1zvsfld2VqhCEILDMBDtyJae_vInfyR9fub9Qu-JoiHDvbDKLBSe-7zZbe4COd33QBpcM4G52Vfz83uuOJ06jx/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBaE6wU5yXbrmJEmREMYuFbTOcfYO4npkjhLsWU1tag_4T8b5nM-b6eOnvcExjJMtqhN2krKydhIaV78D_t7JA5j2AieP2Dfc-Sw6xuNYCqoJ_KFoAqWVcaF1ySKbUD4K1D0dBXzKsgrTq/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDTv50UJV_lHWtDgoz42G2lRashuHDdpJ4ahrx5Alp1OAcMQDgq8jg1j0UQEHVsGeK1qR-4pbICiumfDji6z3WM7Qgya59DK1PLgIy7FqpUl-55ALbNGR3cw3NhM4BLS1Q1v6cQjtZG4lF/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigL6rVFrPlelB6SQ1Sm5ulnnNlrBEoNxuA4J7OBDv1zrPNTHF3Mr8mf-EwWTUxmgVFlLDuPWYfji8FGJEeDSfYA1WfxeLMdlY22wJC1gf4vuJ9hVzTjEKrGeJ0ZPCG3xDDHB6yhq7pkOdH/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb40UEpjbel-b81X_BqQjGkIHEI-sPihAES_VBca6MmJa1ZbMK17cOut2PboZyMANRuTx8yrC8n7TBLFs4if5A24kPgxnx7nshE8GrT52aDv6HDf9gFx115PEHh5FF9husO-67sid3M1rG/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2aQm-IWitQPUmzY3LYqyTvS2lNWzOIi62ZycmN-z_Inc3ofishFYyhojkQTH-ClsToXZsyI49KY-cMOBn9jdI6TV9H_J-mpUf2rNss9gUMSlCebUaIBB6LOB3KwQe9FnRbyAbDnXIbKrq/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtuDJn14J_CNFqbbCVWx5eiklrGv9gjOkuM0uOJtpqtm8610eYp6swPQDba4XzVBvd15VLa-J9aCy_wqL5sF4JW68C77kxDR07zV_mV1szDm61yadY5uhQCf5t52b5sGX9pv4y2Sc90Max/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEide-AJwEXbrtQyEJAIXrg-crkAWYmeJHEhWOUU1UDmUoth_Ua4pB5IJWDP8EJVvuAh2uXC-60dYTeMGiThIuyOIOUkI_PYG-ElnM_YZeL1qizKLMOUHTNfBU1Yt49ADwmfBMNni4k8Jp-p/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-CAPZtdcs3FCNhQ04TK31mMF4nEO1ZZeDhz8fa9HYukY1lFynKa8Pt26MD23AVmZNvBThRqg4_wiOCbIrOKygPYPfvwALFjnBGjvxvt7kh9cIfDN6w9lAnzykJFq4ggo9BTtTJ52aJ8Pw/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>      
 <div style="float: left;">
  <sup> Powered By </sup><a href="http://24work.blogspot.com/"><img style="border:none;" alt="google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT4vhrWZwg7s_fobsLLLM_W2NQXYNaV71bQfoAqjOVlzVfWfcBHAku6Ou6XIyIvbZKvF5a-cWft97T10u_kERC5feKf4ND_oKlAorl75CrNA0pso-DP9FslhIgcc8lA5qKzbZKw4JfhWd4/s1600/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget"/></a>
 </div>
</div>

Google Flag Translate Widget For Blogger / Blogspot 02

<!-- by 24work.blogspot.com -->
<a href='http://bit.ly/work24'><img alt='blogger widgets' src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a><div class='24work' style="padding: 3px 3px 3px 3px; text-align: center;">

 
 
<div align="center" style="padding:11px 0px 0px 0px;">

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ar&hl=en'" title="Translate to Arabic" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMN-WGWPi8xXw3-s4kUjnShU4IESuZ-08MdHf1z3Glv1BCLPHdnFMcQRjQHh46C_ZURLnsnWPy-FZ-8T_nE0ZMms54iEsQ_rxb82R9EDpVzFCAnLwNi33SUQ7qR-rUURBJokPltHE9zqI/s1600/sa-Arabic.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ms&hl=en'" title="Translate to Malay" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhUu3IPiUM__0Fny3NWx-Zeax4RoQrbQhp7YdyCOOeDpqAB9Rst6lPQEHFDvnaNja_1PJPGfLWZKKbY_LbcWfQXrUivnHU1TblCcnazETHH1PDNSYe6HNavlUEDd61i5G1CCLu0u4eR15H/s1600/my-Malesia.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|zh-CN&hl=en'" title="Translate to Chinese" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-S0Xvv7BAAs1XUNP2Jl0MoN8wG93VhF_tVUh16Ud5hReiDUPh-F4K61fPUoPLcqXRyzChyc_C-bkMANUTqSPXJce-vIxPvcDD3rLQh6MpPAanozPT94MtmI_DTzYraDtp31aWAYeEcw9Y/s1600/cn-china.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|et&hl=en'" title="Translate to Estonian" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5YNnk_7crcxpVt1ejX3OJw_jU7BpJ7GkIJRM0jARAhqQ_L2L_y_NG_hepzS4wMsvfRqaZtadg_fM6R0y41vgeFWreu_vZgdJlBflw4LmAN86IiN_ldeMWqNOg6Srn_ACkrNx5a9a3Q8Ww/s1600/ee-Estonia.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|fn&hl=en'" title="Translate to Finnish" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdVmeLdoF1KIcO_e2duX85Q7GYMTcXZ4tC3rpNFpSAbhyphenhyphenjo0nvfhuf5u9pWsSccpN5L-wRG4_RN8g5zHM65rr3ffiMnikLHcL6pg6Ce9bhweFps-aZV-VINt0LIS0NKRnTixCyWqn3sn42/s1600/fi-Finland.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|fr&hl=en'" title="Translate to French" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3nSdeWp2s6Krv2TB5OaMDCn42iZnDs11LKkACxwZ4mAEU8TOOt3UrW_tnRNGxdEuRbrMxgdknCmIq4SsQUGNb24zUhFtFkpKOn5UyWoCgB45wlnDVHnRp77FZYgNk_x9pJl78gAj3TPHX/s1600/fr-France.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|de&hl=en'" title="Translate to German" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpCA5sy0SejdATvaWT9CXZI6YBxFT_nu2DTDz4PyEAMUlKLe0n-aZxQgVGnh7TG2wOY8b2_EEJ-QhD0JB2HTCwktwCfnDv5cerBj4gRf4xasTC7vF9CaysX01FnzzyCseeUanotiprbD2/s1600/de-German.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|el&hl=en'" title="Translate to Greek" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidIfWopc1VoHqcOeExbCS8UMo18Iey6GeyflBXhxmJP-BzjygUwdLj6FNNCsacxZb2o6YwFIw6kGhhNENAC4Vs0Pa8VkjcLz91Aprs1KZsvh5c3_wdor8zlieKuBHx2pRWN3qEDuZEUpUP/s1600/gr-Greek.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|hi&hl=en'" title="Translate to Hindi" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWdOxybN1mXY1tlEyKeqBBsk9jIoHHD59Pi24-sfCcU4npv0Orih1LQ3cVkqeAgYf0TtSfD0XsvuPgauJ2k4TrD5D75qA087uTITPJ7JdVWVMvPpK-aCfGFGxT_fZAfS2jhSLMXWU8Vbyr/s1600/in-Hindi.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|id&hl=en'" title="Translate to Indonasian" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA1QcAFg4TGrnYnADbbOqioU5XJHePBzNn2pa7lSVNlEJqzjr3acafpYF7vTbYIoRlmbtVqftwz6CkGq4NlGkAgzhVTIDQqRTUIEBgEzmvKNIqqXAHRaUaJVVaduIy3KAe2nuDWWi0ldPE/s1600/id-Indonesia.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|it&hl=en'" title="Translate to Italian" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHhyr5QleDeSAvGcQpjTGT-Ghn-qzpwOTT24U_LbocvS9BIXsiooqqCzIkRPxAoHU5eD22Qbs2Vajxvj7whMVJVXb6t-xVnbTyrLeB3szjanUWUjAD-usyxj3OP0W0SCUy0MSMQWaKCOFT/s1600/it-Italy.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ja&hl=en'" title="Translate to Japanese" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji2OCP09U7CJlNc9lUuVJkH6LJNylUKHUBSdISuQpYsIwZK0iN5n8XCLtyLWeFoHrwQDMFqof067Hmv1Ajf0m7kQA_Zl6qAO2ntisOmU21ATPz00tuGsjolbLZUI20fuqa668tgjE3830Z/s1600/jp-Japan.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|fa&hl=en'" title="Translate to Persian" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbrEA8KwiNd7NAWzREOXb-JRWp8ftTHN3iWTvp67G1nERTkTbYld6-Fe9zQPlxWYF2-QavsmJZs5nbxtOO6mwUAJf6zpGmrixP_HwMcfEzaMOoMthyphenhyphenVRNFCY1XL4GXn7fcUEa1Or80_p4Z/s1600/ne-Niger.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|no&hl=en'" title="Translate to Norwegian" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFvfeIrr9F9OlkE2hfXDwTbOZJbT9qvxpNInUVczLtiDor9im-caQ_LT3G4Ovm7KHOTqWF_7pGejzud7x_LimX1BQCS8bBu0bNwnjNo6DcZqFR82vnNbsSHz8PrMPdQADSKqc4psq1gn7x/s1600/no-Norway.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|pt&hl=en'" title="Translate to Portuguese" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS4WIPbAVIoZo8Qt1yT0IgmjfrX40SshyphenhyphenlJponflBH69d8gVTcSn9FjQxXT3Fz8CV_bAqrOLXGzFmq0OeiyL_eSJTrLdsWOOKGNQ4krMn1mPBPqnLTMuTPwveATsDJzl_UX58nRmsUyW1k/s1600/pt-Portugeese.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ro&hl=en'" title="Translate to Romanian" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3LULLWZfKy_5b1Hi4X6DKW-qhP4qK8f-YSeQUSUD7cGeTiJ0Qbdi01-pddE9yGbvIQisf1Jzk4O4hUz6Qu_otRGdW6T-Auuha601903iFiS6hDP_9gT7irrkrq2qYVvjA1EccfkT9QaYY/s1600/ro-Romania.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ru&hl=en'" title="Translate to Russian" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-jQLI86SlndED826kvOGy_xgXgVNtkbDLl6jXiCxbJBntKJWTgie0kk8pez4q2tNume5leC73htx5G7Z64cEHGZrABU_V5_uI8018dXGultdJ2H860xvGE3wBdvyovOfM74VaLTWOtiU/s1600/ru-Russia.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|sk&hl=en'" title="Translate to Slovak" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWSFF2OUTIP63n8uJz_BBRq9LROFa5_lnjT5mY7Kh7wVesHag_6nsTTMH4dNATW8AWH4awdreFfSgXejnOc5uze2cBLW7pNB0pBCIMmrYNC0XqHmB-hP4SsvuaRWEspjyTogitTw0Fxd6/s1600/sk-Slovakia.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|sw&hl=en'" title="Translate to Swedish" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDy6XXRSsgE1TqEuTsyMqbfWE8NKupzmDuKE-FYrNSUmcGbaLVuFeaEh3tLfBwMuxk7vdAgkevj_TegAdPlpkAQtF3dWGGhaS83YkcpqzAfrEXScnxLutByiXiN_2KaBqD1Oz47Cmq-g_1/s1600/se-Sweedan.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|th&hl=en'" title="Translate to Thai" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq0Tdvwb0h6BAuTtnRYRCKyIGZm1nMYnp9AiNh8Hs1o0erNQ879NnYNZLVQ0IT9YvN2-K5tyDbmHrNUosgyvbluNCigBYD5syncPpn7Ya01aORyp6KCUr6xnO6qh6jaPqF3kg9VvN3gCsH/s1600/th-Thailand.png" /></a>





<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|tr&hl=en'" title="Translate to Turkish" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNp4Gwl6aorsEBjpqdRtrNOw4kVRbj6_JislB0DEAKC93mupbau0k72_lKFsqUCLDRIJ5j-PmaFJUuLIwYSK4gbTYQyQjEpUM5jsjqKeY5YiGtH-nTv9YuUM9EpdWVAfACostEEPQDLq1z/s1600/tr-Turkey.png" /></a>

<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|vi&hl=en'" title="Translate to Viatnamese" target="_blank"><img border="0" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMR9W-nBLOA6QHeV376TpQUupYsWA6fKzDuGHSPHDF74EUjv5ZmdrOSc8NsxuyWppNxrjHDhBIIcIRm_MOGfQ7u6CS9y_YGeBKccfWOAVKPQvgtushoz5Hq5WuG6JHt3j2Hkn-BxNwHYMW/s1600/vn-Viet+nam.png" /> </a>

</div></div><div style="text-align:center;width:200px;height:20px;">  <small>↑ <a href="http://24work.blogspot.com/" target="_blank" title="Google Translate™ Flags Widget">Google Translator</a> <a href="http://24work.blogspot.com/" target="_blank">Widget</a></small>
  </div></div>
<!-- Translate flag  24work.blogspot.com END -->

Google Flag Translate Widget For Blogger / Blogspot 03

<a href='http://bit.ly/work24'><img alt='blogger widgets' src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a><form action="http://www.google.com/translate"><script language="javascript" type="text/javascript"><br /><!-- document.write ("<input name="u" value="+location.href+" type="hidden">")<br />// --><br /></script><input name="u" type="hidden" value="http://YOUR_BLOG_ADDRESS" />



<noscript>&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;input value="http://24works.blogspot.com" name="u" type="hidden"/&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</noscript> <input name="hl" type="hidden" value="en" /> <input name="ie" type="hidden" value="UTF8" /> <input name="langpair" type="hidden" value="" />







<center>





<table border="1"><tbody><tr> <td>



<input height="20" name="langpair" src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-fM7vwhSI/AAAAAAAAHl0/ZoZkfhEb01M/s320/Andorra+-+Catalan+-+ad_flag.png" title="Andorra / Catalan" type="image" value="en|ca" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" title="العربية / Arabic" type="image" value="en|ar" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiXtQx-uLI/AAAAAAAAG6I/RuLPDhnFMXY/s320/Bulgaria+-+bg_flag.png" title=" България / Bulgaria" type="image" value="en|bg" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" title="中文（简体） / Chinese (Simplified)" type="image" value="en|zh-CN" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" title="中文（繁体） / Chinese (Traditional)" type="image" value="en|zh-TW" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://1.bp.blogspot.com/__v4nth5_ki0/SMhVoigYF0I/AAAAAAAAG5s/naE3NObTVZs/s400/Croatia+-+hr_flag.png" title="Hrvatska / Croatian" type="image" value="en|hr" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiX9aMIL3I/AAAAAAAAG6o/4-RYadolKWQ/s320/Czech+Republic+-+cs_flag.png" title="Česká Republika / Czech Republic " type="image" value="en|cs" width="30" onclick="this.form.langpair.value=this.value" /> |







<input height="20" name="langpair" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiX9nD1NZI/AAAAAAAAG6w/ZnIBEtLIHEw/s320/Denmark+-+da_flag.png" title="Danmark / Denmark" type="image" value="en|da" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZwsOFndI/AAAAAAAAG8w/VlBr_zN32q8/s320/Finland+-+fi_flag.png" title="Suomi / Finnish" type="image" value="en|fi" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" title="Français / French" type="image" value="en|fr" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" title="Deutsch / German" type="image" value="en|de" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0qSaEKsm5An-uOxlceuBz4MURf6tkmh2KCh0YGjNk_KjCb4pdp-_6uhBBeHPjralotLPDyMs7zC68gXjIb7hH5HtCDiZv5F5Pq7hKNXXCo7ArZ8vfohRw-oYQfs4lCk2S1Sn7C34I4CX/s320/Greek+Flag+36x24.png" title="Ελλάς / Greek" type="image" value="en|el" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNBP-7LI/AAAAAAAAHmE/fJeA_Sbl9w4/s320/Israel+-+il_flag.png" title="ישראל / Hebrew" type="image" value="en|iw" width="30" onclick="this.form.langpair.value=this.value" /> |







<input height="20" name="langpair" src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiYu9muwaI/AAAAAAAAG7Y/lO6YgNdyHM4/s320/India+-+hi_flag.png" title="Hindi / India" type="image" value="en|hi" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNKvGgZI/AAAAAAAAHl8/UESh2PimM5U/s320/Indonesia+-+id_flag.png" title="Bahasa / Indonesian" type="image" value="en|id" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" title="Italiano / Italian" type="image" value="en|it" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" title="日本語 / Japanese" type="image" value="en|ja" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" title="한국어 / Korean" type="image" value="en|ko" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNX2rCXI/AAAAAAAAHmM/1LRWqh7YQBA/s320/Latvia+-+lv_flag.png" title="Latvija / Latvian" type="image" value="en|lv" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNrJizVI/AAAAAAAAHmU/kdaran4uffk/s320/Lithuania+-+lt_flag.png" title="Lietuvos /

How to change mouse cursor in blogger blog to animated cursors

2012-10-02T23:45:00.001-07:00

How to change mouse cursor in blogger blog to animated cursors:

How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun to your blog is, changing mouse cursor on your blog. Changing the mouse cursor in blogger or blogspot blogs is very easy.This tutorial will help you to change the mouse cursor of your blog to animated cursors.Many bloggers are asking such kind of questions but there is no tutorial available on the internet.I created this post because there are a blogger friend who asked how to change the pointer / cursor on the blogger. This you can do to decorate the look of blog.

I take the cursor image from http://www.cursors-4u.com and http://rw-designer.com you can change it anytime depends on your festive moods.

How to Install mouse cursor in blogger blog to animated cursors

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout.Backup your template before attempting this tutorial.

Step 1:

In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.

In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.

Now find (CTRL+F) this code in the template:

</head>

And immediately before it, paste this code:

And now click Save Template

Change Mouse Cursor Generator by 24work.blogspot.com

How To Add Mouse Cursor Widget To Blogger?

Choose a type of Mouse Cursor below
Click on "Genetate" button
Finally click on "Add to Blogger" to add it to your blog.

Note: We are going to add more cursor, cursor pointer, cursors, mouse cursor, Totally Free Cursors, Myspace Cursors, Animated Cursors and cursors oftenly so keep visiting this page.

Blogger MySpace Cursor Code Generate

You can change the appearance of the cursor on the MySpace profile page (the cursor is the little that moves on the screen by moving the mouse). For example, you could make the appearance of the cursor as a question mark when the user hovers over an object.The widget is originally developed by code-generator.net, i just changed something in the widget.

How to Install Blogger MySpace Cursor Code Generator Widget

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below
4. Now Click On Save 'JavaScript' You are done.

Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger

2012-10-02T23:44:00.001-07:00

Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger:

You can show the falling objects or graphics to your Blogger profile page. This generator falling objects to specify an image of your choice. Once you paste the HTML code to your Blogger profile page, you see several copies of the image of all that fall on the page!

For this to work, make sure you specify the exact location of an image. Also note that some browsers can not display the objects that fall as planned.The widget is originally developed by www.bdlab.blogspot.com, i just changed something in the widget.

Blogger Falling Object Generator Code

Blogger Falling Text Code Generate

Here's a cool way to get that "falling text" effect on your Blogger profile page. Elsewhere, you can use JavaScript for the effect of the fall of text - but not on Blogger. Fortunately, you can use a little HTML trick to get the same effect!

Use the form below to generate text fall into your Blogger profile page. You can then copy and paste the HTML code on your profile page.The widget is originally developed by www.bdlab.blogspot.com, i just changed something in the widget.

Marquee Scrolling Text Generator for Blogger

In HTML, allows you to have a marquee scrolling text and images. Tents are perfect for your Blogger page, allowing you to do things that normally require JavaScript (which does not allow Blogger).

You can create a Blogger marquee to scroll horizontally or vertically. You can also change other things as the speed at which it moves.

Use the form below to generate the code for Blogger marquee. Simply select the values you need, click "Generate Marquee and Preview", then copy and paste in your profile page.The widget is originally developed by www.bdlab.blogspot.com, i just changed something in the widget.

How to Install Blogger Code Generator Widget

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

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

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

Multi-Color Effect For Your Links On Hover For Blogger / Blogspot

2012-10-02T23:43:00.003-07:00

Multi-Color Effect For Your Links On Hover For Blogger / Blogspot:

How to create text links in different colors? Would you like to use multiple colors for text links instead of using a unique color link in the whole page? Confused start to tell what the title, purpose ANAA if you want to link touched the pointer to uppercase, bekedip flashing rainbow colors and the background like fireworks or a star-studded.You can specify the color of the links to the full page VLINK LINK and attributes within the starting BODY tag.

How to add multiple link styles

Want to make a link to your blog and rainbow-colored flashing when the pointer is affected? It is very easy

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout.Backup your template before attempting this tutorial.

Step 1:

In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.

In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.

Now find (CTRL+F) this code in the template:

</head>

And exactly before it add the next code :

Now Click Save Template

And you are done.

Customize And Demo.

You can change this value

var rate = 15 ;

in the above code to control the speed of color transformation by increasing or decreasing the number 15

How to create a rainbow colored hover link

If you want to use this Multicolor link hover effect on your Blogger Blog
Then follow below steps

In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.

In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.

Now find (CTRL+F) this code in the template:

</head>

And exactly before it add the next code :

Now Click Save Template

How to Add Rainbow Color Effect For Your Links In Hover For Blogger / Blogspot

Hello friends! Effect of rainbow colors to random colors will give your link on hover. This widget works based on simple JavaScript. Once applied, all the links on the page displays a rainbow effect onmouseover.

Watch Live Demo

How to add this widget to blogger?

Just click Add to Blogger Button Bellow

(OR)

Login to Blogger Account
Go to Design > Page elements
Click Add a Gadget and choose Html/JavaScript
Paste Bellow Code and click Save Button

Please leave your comments and responses for better improvement of my blog

Add Flash Twitter Follow Me Buttons to Blogger Blogs / Websites

2012-10-02T23:42:00.001-07:00

Add Flash Twitter Follow Me Buttons to Blogger Blogs / Websites:

Twitter is a social networking sites popular in the world of bloggers to promote their blogs. So here I am very cool Twitter Blogger widget, now it shows me how to add flash buttons to your twitter blogs and websites. These are the widgets based on Flash animations and have some nice effects.These buttons can help Twitter Flash Spice up your blogs, Webssites and can help you gain more followers on Twitter. These are designed and developed by twitterflash.net. I'm taking all the 15 types of one-click install to your blog.

How to Install Flash Animated Twitter Follow Me Widget To Blogger / Blog / Websites

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

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

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

And now click Save

How to Install Flash Twitter Follow Me Buttons on Your Blog?

1. Choose Any Flash Follow Me Button As You Want

2. Replace rohul786 With Your Twitter User Name

3. Customize Width And Height as You Need

4. Click on Generate Button and Finally Click on Add to Blogger Button to add this widget on your blog.

OR

5. Click on Get Code Button and Copy the code to use it.

Tum dil se hamein yon pukara na karo,

2012-10-02T23:02:00.001-07:00

Tum dil se hamein yon pukara na karo,

Yon tum hamein ishara na karo,

Door hain tumse ye majburi hai hamari,

Tum tanhaiyon mein yun tadpaya na karo…

Ishq wale ankhon ki baat samajh lete hain,

2012-10-02T23:00:00.001-07:00

Ishq wale ankhon ki baat samajh lete hain,

Sapno mein mil jaye to mulaqat samajh lete hain.

Rota to asman bhi hain apne Bichde pyaar ke liye,

Par log use barsat samajh lete hain…

Meri Har Khata Pe Naraz Na Hona,

2012-10-02T22:58:00.001-07:00

:

Meri Har Khata Pe Naraz Na Hona,

Apni Pyari Si Muskan Ko Kabhi Na Khona,

Sukun Milta Hai Apki Hasi Dekhkar

Mujhe Maut Bhi Aajaye Tab Bhi Mat Rona…

Tum Bin Guzar To Jayegi Zindigi

2012-10-02T22:56:00.001-07:00

Tum Bin Guzar To Jayegi Zindigi

Per Main Jee Na Paaoonga Tum Bin

Hazaroon Sitaron Ki Bheer Main Bhi Dekho

Yeh Chaand Kitna Tanha Hai Tum Bin…

Saath agar doge muskrayenge zarur,

2012-10-01T05:37:00.001-07:00

Saath agar doge muskrayenge zarur,
Pyar agar dil se karoge to nibhayenge zarur,
Raah me kitne kante q na ho ,
Awaz agar dil se doge to aayenge zarur…

Unse Roj milne ko dil chahta hai,

2012-10-01T05:34:00.002-07:00

Unse Roj milne ko dil chahta hai,
kuch sunane aur sunane ko dil chahta hai,
Tha kisi ke manane ka andaz aisa ki,
Ek bar ruth jane ko dil chahta hai…

Nafrat Kabhi Na Karna Tum Hamse

2012-10-01T05:33:00.003-07:00

Nafrat Kabhi Na Karna Tum Hamse
Ye Hum Seh Nahi Payenge
Ek Baar Keh Dena Humse Zarurat Nahi Ab Tumhari
Tumhari Duniya Se Haskar Chale Jayenge…..!

Ha mera har lamha chura liya aapne ,,

2012-10-01T05:32:00.004-07:00

Ha mera har lamha chura liya aapne ,,
Aakho ko ek chand dekha deya aapne ,,
Hume zindagi de kisi aur ne ,,
Par pyaar itna dekar jeena sikhaya aap ne…

Ahista ahista aapka yakeen karne lage hain….

2012-10-01T05:31:00.003-07:00

Ahista ahista aapka yakeen karne lage hain….
Ahista ahista aapke kareeb aane lage hain…
Dil tho dene se ghabraathe hain…
Magar ahista ahista aapke dil ki kadar karne lage hain….

Allpost

Add Multi Tabbed Navigation Widget To Blogger / Blogspot Blogs Sidebar

How To Add Animated Flash Clock To Your Blogger Blog

How To Add Aniamted Flash Clock Widget To Blogger?

How To Add Snow Effect On The Blogger Mouse Cursor Area

Random Posts Widget for Blogger / Blogspot With Summaries

Animated Recent posts for Blogger / Blogspot with thumbnails - Simple Spy

Recent Posts with Thumbnails Widget for Blogger / Blogspot

Explanation:

Auto Scrolling Recent Posts Widget For Blogger / Blogspot

Sexy Sliding JavaScript Side Bar Menu Using Mootools

Recommended Post Slider Widget for Blogger with Twitter / Facebook share button

22+ Google Flag Translate Widget For Blogger / Blogspot

How to change mouse cursor in blogger blog to animated cursors

Change Mouse Cursor Generator by 24work.blogspot.com

How To Add Mouse Cursor Widget To Blogger?

Recent Comments Widget For Blogger / Blogspot with Top Commenters

Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger

Blogger Falling Object Generator Code

Blogger Falling Text Code Generate

Marquee Scrolling Text Generator for Blogger

Multi-Color Effect For Your Links On Hover For Blogger / Blogspot

How to add this widget to blogger?

Related Posts Widget For Blogger / Blogspot with jQuery

Add Flash Twitter Follow Me Buttons to Blogger Blogs / Websites

How to Install Flash Twitter Follow Me Buttons on Your Blog?

Tum dil se hamein yon pukara na karo,

Ishq wale ankhon ki baat samajh lete hain,

Meri Har Khata Pe Naraz Na Hona,

Tum Bin Guzar To Jayegi Zindigi

Saath agar doge muskrayenge zarur,

Unse Roj milne ko dil chahta hai,

Nafrat Kabhi Na Karna Tum Hamse

Ha mera har lamha chura liya aapne ,,

Ahista ahista aapka yakeen karne lage hain….