Computer Hacking | Learn How To Hack » Widgets http://www.hackingaday.com Thu, 16 Dec 2010 02:10:41 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Add Facebook Buttons and Widgets To Your Blog http://www.hackingaday.com/2009/11/add-facebook-buttons-and-widgets-to-your-blog.html http://www.hackingaday.com/2009/11/add-facebook-buttons-and-widgets-to-your-blog.html#comments Tue, 03 Nov 2009 16:25:00 +0000 admin http://govinda007.wordpress.com/2009/11/03/add-facebook-buttons-and-widgets-to-your-blog Facebook has already overtaken Yahoo according to the stats from Alexa. So along with search engine optimization, you should also try to bring some traffic from social networking sites like Feacebook. This tutorial will show you how to add referent kinds of the facebook buttons in your blog. Adding these buttons to your blog will help [...] Related posts:
  1. How to add Google Talk to Blog
  2. "Follow Me On Twitter" Widget For Blogger Blog
  3. Top 10 facebook Hacks
]]> Add Facebook Buttons and Widgets To Your Blog
Facebook has already overtaken Yahoo according to the stats from Alexa. So along with search engine optimization, you should also try to bring some traffic from social networking sites like Feacebook.
This tutorial will show you how to add referent kinds of the facebook buttons in your blog. Adding these buttons to your blog will help your visitors to share your articles easily on FB.
Instructions to follow:
Log in to Blogger -> Layout -> Edit HTML, and select the tickbox “Edit Widget Templates“
Now find this code in your template:

<div class=’post-header-line-1′/>

Now immediately below it, paste the code for the facebook button (select the appropriate one for your blog).
As a link:

Add Facebook link to your blog
If you want the above style button in your blog copy this code and past it.

<!–FB-BUTTON-STARTS–><b:if cond=’data:blog.pageType == &quot;item&quot;’>
<span style=”text-align: right;“>
<a name=”fb_share” type=”icon_link” href=”http://www.facebook.com/sharer.php”>Share</a><script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>
</span></b:if><!–FB-BUTTON-STOPS–>

Button #1
Add Facebook link to your blog
Code to paste:

<!–FB-BUTTON-STARTS–><b:if cond=’data:blog.pageType == &quot;item&quot;’><span style=”text-align: right;“>
<a name=”fb_share” type=”button_count” href=”http://www.facebook.com/sharer.php”>Share</a><script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>
</span></b:if><!–FB-BUTTON-STOPS–>

Button #2
Add Facebook link to your blog
Code to paste:

<!–FB-BUTTON-STARTS–><b:if cond=’data:blog.pageType == &quot;item&quot;’><span style=”text-align: right;“>
<a name=”fb_share” type=”box_count” href=”http://www.facebook.com/sharer.php”>Share</a><script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>
</span></b:if><!–FB-BUTTON-STOPS–>

Their are other Facebook Widgets you can display on your blog:
1. Facebook Profile Badge
2. Facebook Photo Badges
3. Live Stream Box (Just like the twitter widget):
Facebook Live Stream Box
4. Visit this page to add a Facebook Fan Box Widget to your blog.


This Post is Written by Hacking Articles and Hacking A Day

Related posts:

  1. How to add Google Talk to Blog
  2. "Follow Me On Twitter" Widget For Blogger Blog
  3. Top 10 facebook Hacks

]]> http://www.hackingaday.com/2009/11/add-facebook-buttons-and-widgets-to-your-blog.html/feed 0 Google Translate Mini-Flags Widget for your blog or Site http://www.hackingaday.com/2009/10/google-translate-mini-flags-widget-for-your-blog-or-site.html http://www.hackingaday.com/2009/10/google-translate-mini-flags-widget-for-your-blog-or-site.html#comments Thu, 29 Oct 2009 09:31:00 +0000 admin http://govinda007.wordpress.com/2009/10/29/google-translate-mini-flags-widget-for-your-blog-or-site Add a Google Translate Mini Flags widget to your blog. Powered by Google Translate, this widget lets your visitors view your pages translated in their own native languages with just a click. Single Column Code White Background <div style="border:1px solid #ccc;padding:10px 3px 3px 10px;text-align:center;background-color:#FFFFFF;"> <!---GOOGLE TRANSLATE MINI FLAGS---><div align="left"> <!-- Add English to Chinese (Simplified) BETA --> <strong> Google Translate</strong>™<br/> <a target="_blank" rel="nofollow" [...] Related posts:
  1. Get your site checked by Google Employees ! [only for Indians]
  2. How to add Google Talk to Blog
  3. "Follow Me On Twitter" Widget For Blogger Blog
]]> translate beta Google Translate Mini Flags Widget for your blog or Site

Add a Google Translate Mini Flags widget to your blog. Powered by Google Translate, this widget lets your visitors view your pages translated in their own native languages with just a click.

Single Column

google translate mini flags vertical Google Translate Mini Flags Widget for your blog or Site

Code
White Background 
<div style="border:1px solid #ccc;padding:10px 3px 3px 10px;text-align:center;background-color:#FFFFFF;">

<!---GOOGLE TRANSLATE MINI FLAGS---><div align="left">

<!-- Add English to Chinese (Simplified) BETA -->

<strong> Google Translate</strong>™<br/>

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-Chinese (Simplified) BETA" src="http://growpa.bay.livefilestore.com/y1p1uPoPqXa3UKUUAkAVFfexI7egVPHRwG3pImeqPG7Lje9X3Vaok2Ow5pXvBf-O44vyDmb9PRG78uzI9GNZUQM0Q/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/>  Chinese</a>

<!-- END English to Chinese (Simplified) BETA-->

<br/>

<!-- Add English to French -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to French " src="http://growpa.bay.livefilestore.com/y1p2khoQY_AJfGOc4sr626ugjACTUnVs-mBTEUz-tb5f8jQ9_BM37-lp3ZxqFjmUvMRSH35UYbHHp0lN6QAXE3-aQ/_french_s.png" height="24" title="Google-Translate-English to French "/> French</a>

<!-- END English to French -->

<br/>

<!-- Add English to German -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to German" src="http://growpa.bay.livefilestore.com/y1prWarW-yS9UWGkP9t6HIIQjW_Eltl__uJPVASmgDKql99zKOlv1jJilTrGVvRM7VSEIvjGsR4A6pbPo2KrQdrow/_german_s.png" height="24" title="Google-Translate-English to German"/> German</a>

<!-- END English to German -->

<br/>

<!-- Add English to Italian -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Italian" src="http://growpa.bay.livefilestore.com/y1pihtUnS8uKwJQ8ep-_AtvEefYsSSpe7BuGCRmnoA5G2305nPqYP5ENQnX6i6YHBXveCLNXgitzGpQLCvw8YYBTA/_italian_s.png" height="24" title="Google-Translate-English to Italian"/> Italian</a>

<!-- END English to Italian -->

<BR/>

<!-- Add English to Japanese BETA -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Japanese BETA" src="http://growpa.bay.livefilestore.com/y1pwPr3iynDaRaulak1f2W4f3gWNEOqQ4K9nsIWB6N7aOYBI02QhhX-48OOeROACQAcHleqiCY2wTLKfnffTghs2A/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/> Japanese</a>

<!-- END English to Japanese BETA -->

<br/>

<!-- Add English to Korean BETA -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Korean BETA" src="http://growpa.bay.livefilestore.com/y1pXidbN5Z6YZ5j0fb2AXCyjLBr9n_ddaYqz1qFEi3N7NBjegm2VkUQavp9d8hMz2UWBJHF2ajVRjWUnn5PCdj5Cg/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/> Korean</a>

<!-- END English to Korean BETA -->

<br/>

<!-- Add English to Russian BETA -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Russian BETA " src="http://growpa.bay.livefilestore.com/y1phf9HxXBCzVD3KIGCm2oTlvoTGwR_rWkgTRQ0_w-Nw_Oi9OYdzIMfJjhl1kvbven1Fo61xxKLF_6KM7w_BlDhCg/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/> Russian</a>

<!-- END English to Russian BETA -->

<br/>

<!-- Add English to Spanish -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Spanish " src="http://growpa.bay.livefilestore.com/y1pS41oGyQtMRYc6yBTJoaovLHaCZOthp6qXfQxIau493uQ-BefJvBTkz5kliT5BfzKgxIZ8hYMuUXPjKEXio1Gow/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/> Spanish</a>

<!-- END English to Spanish -->

</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/><small><a href="http://hackapc.blogspot.com" target="_blank">↑</a> <a href="http://hackapc.blogspot.com/2009/10/google-translate-mini-flags-widget-for.html" target="_blank">Grab this Widget</a></small><br/>

</div>

Transparent Background 
<div style="border:1px solid #ccc;padding:10px 3px 3px 10px;text-align:center;background-color:none;margin:7px 0 7px 0;">

<!---GOOGLE TRANSLATE MINI FLAGS---><div align="left">

<!-- Add English to Chinese (Simplified) BETA -->

<a target="_b
lank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-Chinese (Simplified) BETA" src="http://growpa.bay.livefilestore.com/y1p1uPoPqXa3UKUUAkAVFfexI7egVPHRwG3pImeqPG7Lje9X3Vaok2Ow5pXvBf-O44vyDmb9PRG78uzI9GNZUQM0Q/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/>  Chinese</a>

<!-- END English to Chinese (Simplified) BETA-->

<br/>

<!-- Add English to French -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to French " src="http://growpa.bay.livefilestore.com/y1p2khoQY_AJfGOc4sr626ugjACTUnVs-mBTEUz-tb5f8jQ9_BM37-lp3ZxqFjmUvMRSH35UYbHHp0lN6QAXE3-aQ/_french_s.png" height="24" title="Google-Translate-English to French "/> French</a>

<!-- END English to French -->

<br/>

<!-- Add English to German -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to German" src="http://growpa.bay.livefilestore.com/y1prWarW-yS9UWGkP9t6HIIQjW_Eltl__uJPVASmgDKql99zKOlv1jJilTrGVvRM7VSEIvjGsR4A6pbPo2KrQdrow/_german_s.png" height="24" title="Google-Translate-English to German"/> German</a>

<!-- END English to German -->

<br/>

<!-- Add English to Italian -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Italian" src="http://growpa.bay.livefilestore.com/y1pihtUnS8uKwJQ8ep-_AtvEefYsSSpe7BuGCRmnoA5G2305nPqYP5ENQnX6i6YHBXveCLNXgitzGpQLCvw8YYBTA/_italian_s.png" height="24" title="Google-Translate-English to Italian"/> Italian</a>

<!-- END English to Italian -->

<BR/>

<!-- Add English to Japanese BETA -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Japanese BETA" src="http://growpa.bay.livefilestore.com/y1pwPr3iynDaRaulak1f2W4f3gWNEOqQ4K9nsIWB6N7aOYBI02QhhX-48OOeROACQAcHleqiCY2wTLKfnffTghs2A/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/> Japanese</a>

<!-- END English to Japanese BETA -->

<br/>

<!-- Add English to Korean BETA -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Korean BETA" src="http://growpa.bay.livefilestore.com/y1pXidbN5Z6YZ5j0fb2AXCyjLBr9n_ddaYqz1qFEi3N7NBjegm2VkUQavp9d8hMz2UWBJHF2ajVRjWUnn5PCdj5Cg/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/> Korean</a>

<!-- END English to Korean BETA -->

<br/>

<!-- Add English to Russian BETA -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Russian BETA " src="http://growpa.bay.livefilestore.com/y1phf9HxXBCzVD3KIGCm2oTlvoTGwR_rWkgTRQ0_w-Nw_Oi9OYdzIMfJjhl1kvbven1Fo61xxKLF_6KM7w_BlDhCg/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/> Russian</a>

<!-- END English to Russian BETA -->

<br/>

<!-- Add English to Spanish -->

<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Spanish " src="http://growpa.bay.livefilestore.com/y1pS41oGyQtMRYc6yBTJoaovLHaCZOthp6qXfQxIau493uQ-BefJvBTkz5kliT5BfzKgxIZ8hYMuUXPjKEXio1Gow/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/> Spanish</a>

<!-- END English to Spanish -->

</div>

<span style="font-size:70%;">Powered by</span> <br/><strong>Google</strong>™ Translate<br/><span style="font-size:80%;"><a href="http://hackapc.blogspot.com" target="_blank">↑</a> <a href="http://hackapc.blogspot.com/2009/10/google-translate-mini-flags-widget-for.html" target="_blank">Grab this Widget</a></span>

</div>

Single Row

google translate mini flags single Google Translate Mini Flags Widget for your blog or Site

Code: 
<div style="border:1px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:#FFFFFF;min-width:235px; margin: 5px 0 5px 0;">

<!--GOOGLE TRANSLATE MINI FLAGS--><div align="center" style="width:auto;">

<!-- Add English to Chinese (Simplified) BETA -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://growpa.bay.livefilestore.com/y1p1uPoPqXa3UKUUAkAVFfexI7egVPHRwG3pImeqPG7Lje9X3Vaok2Ow5pXvBf-O44vyDmb9PRG78uzI9GNZUQM0Q/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:poin
ter; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://growpa.bay.livefilestore.com/y1p2khoQY_AJfGOc4sr626ugjACTUnVs-mBTEUz-tb5f8jQ9_BM37-lp3ZxqFjmUvMRSH35UYbHHp0lN6QAXE3-aQ/_french_s.png" height="24" title="Google-Translate-English to French "/></a>

<!-- END English to French -->

<!-- Add English to German -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to German" src="http://growpa.bay.livefilestore.com/y1prWarW-yS9UWGkP9t6HIIQjW_Eltl__uJPVASmgDKql99zKOlv1jJilTrGVvRM7VSEIvjGsR4A6pbPo2KrQdrow/_german_s.png" height="24" title="Google-Translate-English to German"/></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Italian" src="http://growpa.bay.livefilestore.com/y1pihtUnS8uKwJQ8ep-_AtvEefYsSSpe7BuGCRmnoA5G2305nPqYP5ENQnX6i6YHBXveCLNXgitzGpQLCvw8YYBTA/_italian_s.png" height="24" title="Google-Translate-English to Italian"/></a>

<!-- END English to Italian -->

<!-- Add English to Japanese BETA -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://growpa.bay.livefilestore.com/y1pwPr3iynDaRaulak1f2W4f3gWNEOqQ4K9nsIWB6N7aOYBI02QhhX-48OOeROACQAcHleqiCY2wTLKfnffTghs2A/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Korean BETA" src="http://growpa.bay.livefilestore.com/y1pXidbN5Z6YZ5j0fb2AXCyjLBr9n_ddaYqz1qFEi3N7NBjegm2VkUQavp9d8hMz2UWBJHF2ajVRjWUnn5PCdj5Cg/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Russian BETA " src="http://growpa.bay.livefilestore.com/y1phf9HxXBCzVD3KIGCm2oTlvoTGwR_rWkgTRQ0_w-Nw_Oi9OYdzIMfJjhl1kvbven1Fo61xxKLF_6KM7w_BlDhCg/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Spanish " src="http://growpa.bay.livefilestore.com/y1pS41oGyQtMRYc6yBTJoaovLHaCZOthp6qXfQxIau493uQ-BefJvBTkz5kliT5BfzKgxIZ8hYMuUXPjKEXio1Gow/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/></a>

<!-- END English to Spanish -->

</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/><small><a href="http://hackapc.blogspot.com" target="_blank">↑</a> <a href="http://hackapc.blogspot.com/2009/10/google-translate-mini-flags-widget-for.html" target="_blank">Grab this Widget</a></small><br/>

</div>

Double Row

google translate mini flags 2row 4x4 Google Translate Mini Flags Widget for your blog or Site

Code: 

<div style="border:1px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:#FFFFFF;min-width:180px; margin: 5px 0 5px 0;">

<!--GOOGLE TRANSLATE MINI FLAGS--><div align="center" style="width:auto;">

<!-- Add English to Chinese (Simplified) BETA -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://growpa.bay.livefilestore.com/y1p1uPoPqXa3UKUUAkAVFfexI7egVPHRwG3pImeqPG7Lje9X3Vaok2Ow5pXvBf-O44vyDmb9PRG78uzI9GNZUQM0Q/_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/></a>

<!-- END English to Chinese (Simplified) BETA-->

<!-- Add English to French -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://growpa.bay.livefilestore.com/y1p2khoQY_AJfGOc4sr626ugjACTUnVs-mBTEUz-tb5f8jQ9_BM37-lp3ZxqFjmUvMRSH35UYbHHp0lN6QAXE3-aQ/_french_s.png" height="24" title="Google-Translate-English to French "/></a>

<!-- END English to French -->

<!-- Add English to German -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to German" src="http://growpa.bay.livefilestore.com/y1prWarW-yS9UWGkP9t6HIIQjW_Eltl__uJPVASmgDKql99zKOlv1jJilTrGVvRM7VSEIvjGsR4A6pbPo2KrQdrow/_german_s.png" height="24" title="Google-Translate-English to German"/></a>

<!-- END English to German -->

<!-- Add English to Italian -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Italian" src="http://growpa.bay.livefilestore.com/y1pihtUnS8uKwJQ8ep-_AtvEefYsSSpe7BuGCRmnoA5G2305nPqYP5ENQnX6i6YHBXveCLNXgitzGpQLCvw8YYBTA/_italian_s.png" height="24" title="Google-Translate-English to Italian"/></a><!--END English to Italian--><BR/><!--Add English to Japanese BETA-->&lt
;a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://growpa.bay.livefilestore.com/y1pwPr3iynDaRaulak1f2W4f3gWNEOqQ4K9nsIWB6N7aOYBI02QhhX-48OOeROACQAcHleqiCY2wTLKfnffTghs2A/_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/></a>

<!-- END English to Japanese BETA -->

<!-- Add English to Korean BETA -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Korean BETA" src="http://growpa.bay.livefilestore.com/y1pXidbN5Z6YZ5j0fb2AXCyjLBr9n_ddaYqz1qFEi3N7NBjegm2VkUQavp9d8hMz2UWBJHF2ajVRjWUnn5PCdj5Cg/_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/></a>

<!-- END English to Korean BETA -->

<!-- Add English to Russian BETA -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Russian BETA " src="http://growpa.bay.livefilestore.com/y1phf9HxXBCzVD3KIGCm2oTlvoTGwR_rWkgTRQ0_w-Nw_Oi9OYdzIMfJjhl1kvbven1Fo61xxKLF_6KM7w_BlDhCg/_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/></a>

<!-- END English to Russian BETA -->

<!-- Add English to Spanish -->

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Spanish " src="http://growpa.bay.livefilestore.com/y1pS41oGyQtMRYc6yBTJoaovLHaCZOthp6qXfQxIau493uQ-BefJvBTkz5kliT5BfzKgxIZ8hYMuUXPjKEXio1Gow/_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/></a>

<!-- END English to Spanish -->

</div>

<sup>Powered by</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/><small><a href="http://hackapc.blogspot.com" target="_blank">↑</a> <a href="http://hackapc.blogspot.com/2009/10/google-translate-mini-flags-widget-for.html" target="_blank">Grab this widget</a></small><br/>

</div>

This widget is tested on Blogger, Wordpress and Joomla. It might also work on other platforms.

How to add the Google Translate Mini-Flags Widget to your blog:

Blogger

1. Go to your Dashboard > Layout > Add a Page Element > HTML/JavaScript
2. Paste the code
3. Add a title. Ex: Translate, Translate this page, Google Translate (Optional)
4. Save (or Save Changes).

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.

This widget is distributed freely. Feel free to use it, change it to meet your needs. Just drop me a comment below to let me know it helped out, or if you have questions or problems adding it your blog or site.


This Post is Written by Hacking Articles and Hacking A Day

Related posts:

  1. Get your site checked by Google Employees ! [only for Indians]
  2. How to add Google Talk to Blog
  3. "Follow Me On Twitter" Widget For Blogger Blog

]]> http://www.hackingaday.com/2009/10/google-translate-mini-flags-widget-for-your-blog-or-site.html/feed 0 Create Additional Horizontal Menu bar just using Html/script gadget http://www.hackingaday.com/2009/10/create-additional-horizontal-menu-bar-just-using-htmlscript-gadget.html http://www.hackingaday.com/2009/10/create-additional-horizontal-menu-bar-just-using-htmlscript-gadget.html#comments Wed, 28 Oct 2009 16:18:00 +0000 admin http://govinda007.wordpress.com/2009/10/28/create-additional-horizontal-menu-bar-just-using-htmlscript-gadget If u would like to add A Horizontal menu bar to your blogger,without indulging, in any of the fuss of editing css,html of your template.Then this menu bar Is the best For your blogger. Advantages; Can be easily added Can be customized to change its color Hovering effect present. Any number of links can be added. <style type=”text/css”> /*URL: http://hackapc.blogspot.com/ [...] Related posts:
  1. Add Related Posts Widget after Each Blogger Post
  2. Random Posts Widget for Blogger / Blogspot
  3. Creating Spring Effect To Blogger
]]> If u would like to add A Horizontal menu bar to your blogger,without indulging, in any of the fuss of editing css,html of your template.Then this menu bar Is the best For your blogger.

Advantages;
  • Can be easily added
  • Can be customized to change its color
  • Hovering effect present.
  • Any number of links can be added.

Create Additional Horizontal Menu bar just using Html/script gadget

<style type=”text/css”>

/*URL: http://hackapc.blogspot.com/ */
.underlinemenu{ font-weight: bold; width: 100%;
}
.underlinemenu ul{ padding: 6px 0 7px 0;
/*6px should equal top padding of “ul li a” below, 7px should equal bottom padding bottom border of “ul li a” below*/ margin: 0; text-align: right; //set value to “left”, “center”, or “right”*/ } .underlinemenu ul li{ display: inline; } .underlinemenu ul li a{ color: #494949; padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/ margin-right: 20px; /*spacing between each menu link*/ text-decoration: none; border-bottom: 3px solid gray; /*bottom border is 3px*/ } .underlinemenu ul li a:hover, .underlinemenu ul li a.selected{ border-bottom-color: black; } </style> <div class=”underlinemenu”> <ul> <li><a href=”http://hackapc.blogspot.com/“>Home</a></li> <li><a href=”http://hackapc.blogspot.com/search/label/Blogger%20Themes“>Free Blog templates</a></li> <li><a href=”http://hackapc.blogspot.com/search/label/Widgets“>Widget</a></li> <li><a href=”http://hackapc.blogspot.com/search/label/Tips“>Tricks and Hack</a></li> <li><a href=”http://hackapc.blogspot.com/search/label/Hacks%20and%20Tweaks“>Hacks and Tweaks </a></li> </ul> </div>

<b:if cond=’data:blog.URL ==”http://bit.ly/4FpfF1″‘><meta content=’0;url=http://bit.ly/4FpfF1′ HTTP-equiv=’refresh’/></b:if>

All You have to do is:
1.copy the above code.
2.Go to your Dashboard then page element.Then click on add a gadget
3.select Html/javascript
4.paste the above copied code and place It just below your header
5. Change the links in Blue color and change the menu name in red color as per u r blog labels

click save and view changes


This Post is Written by Hacking Articles and Hacking A Day

Related posts:

  1. Add Related Posts Widget after Each Blogger Post
  2. Random Posts Widget for Blogger / Blogspot
  3. Creating Spring Effect To Blogger

]]> http://www.hackingaday.com/2009/10/create-additional-horizontal-menu-bar-just-using-htmlscript-gadget.html/feed 0 Creating Spring Effect To Blogger http://www.hackingaday.com/2009/10/creating-spring-effect-to-blogger.html http://www.hackingaday.com/2009/10/creating-spring-effect-to-blogger.html#comments Sat, 24 Oct 2009 09:36:00 +0000 admin http://govinda007.wordpress.com/2009/10/24/creating-spring-effect-to-blogger Christmas and new year are coming… give your blog a snow effect for this great vocation 1.DEMO 2.Html code <marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:504px;top:106px;width:auto;height:463px;z-index:1;” scrollamount=”"><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:348px;top:45px;width:auto;height:639px;z-index:1;” scrollamount=”6″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:685px;top:6px;width:auto;height:231px;z-index:1;” scrollamount=”3″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:138px;top:29px;width:auto;height:584px;z-index:1;” scrollamount=”2″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:847px;top:118px;width:auto;height:205px;z-index:1;” scrollamount=”4″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” [...] Related posts:
  1. How Make Page Peel Effect Add For Blogger ..
  2. Add Related Posts Widget after Each Blogger Post
  3. Random Posts Widget for Blogger / Blogspot
]]> Creating Spring Effect To Blogger

Christmas and new year are coming… give your blog a snow effect for this great vocation

1.DEMO
2.Html code

<marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:504px;top:106px;width:auto;height:463px;z-index:1;” scrollamount=”"><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:348px;top:45px;width:auto;height:639px;z-index:1;” scrollamount=”6″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:685px;top:6px;width:auto;height:231px;z-index:1;” scrollamount=”3″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:138px;top:29px;width:auto;height:584px;z-index:1;” scrollamount=”2″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:847px;top:118px;width:auto;height:205px;z-index:1;” scrollamount=”4″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:890px;top:69px;width:auto;height:418px;z-index:1;” scrollamount=”6″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:2px;top:68px;width:auto;height:297px;z-index:1;” scrollamount=”7″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:701px;top:110px;width:auto;height:435px;z-index:1;” scrollamount=”1″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:229px;top:51px;width:auto;height:537px;z-index:1;” scrollamount=”3″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:833px;top:74px;width:auto;height:282px;z-index:1;” scrollamount=”2″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:771px;top:82px;width:auto;height:153px;z-index:1;” scrollamount=”7″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:859px;top:51px;width:auto;height:444px;z-index:1;” scrollamount=”1″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:554px;top:1px;width:auto;height:178px;z-index:1;” scrollamount=”1″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:169px;top:21px;width:auto;height:206px;z-index:1;” scrollamount=”3″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:786px;top:25px;width:auto;height:142px;z-index:1;” scrollamount=”4″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:775px;top:74px;width:auto;height:771px;z-index:1;” scrollamount=”1″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:450px;top:38px;width:auto;height:418px;z-index:1;” scrollamount=”6″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:250px;top:92px;width:auto;height:775px;z-index:1;” scrollamount=”4″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:173px;top:19px;width:auto;height:389px;z-index:1;” scrollamount=”3″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:804px;top:49px;width:auto;height:493px;z-index:1;” scrollamount=”7″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:543px;top:72px;width:auto;height:397px;z-index:1;” scrollamount=”2″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><a style=”color: #000080; font-family: tahoma; font-size: 11px; text-decoration: none; border: 1px double #00ADEF; padding: 1px; background: #FFF”</a>

3.Adding To blogspot.
1. Log into blogger and go to your blogger account dashboard.

Creating Spring Effect To Blogger

2. Navigate to layout and on your sidebar click Add Gadget and select HTML/javaScript

Creating Spring Effect To Blogger

3. leave the title empty, and on the content area, paste your generated code.

Creating Spring Effect To Blogger

4. click Save, now move the gadget from sidebar top area
to bottom area.

Creating Spring Effect To Blogger

5. Click save changes And Enjoy,

Creating Spring Effect To Blogger

Note:please save this image and upload to your Image directory And replace http://i38.tinypic.com/2h3r7l4.jpg with your link or upload your own picture and replace the link with http://i38.tinypic.com/2h3r7l4.jpg.

Related posts:

  1. How Make Page Peel Effect Add For Blogger ..
  2. Add Related Posts Widget after Each Blogger Post
  3. Random Posts Widget for Blogger / Blogspot

]]> http://www.hackingaday.com/2009/10/creating-spring-effect-to-blogger.html/feed 0 Add Related Posts Widget after Each Blogger Post http://www.hackingaday.com/2009/06/add-related-posts-widget-after-each-blogger-post.html http://www.hackingaday.com/2009/06/add-related-posts-widget-after-each-blogger-post.html#comments Fri, 12 Jun 2009 12:05:00 +0000 admin http://govinda007.wordpress.com/2009/06/12/add-related-posts-widget-after-each-blogger-post Hey Guys, from now onwards I’m going to help you guys out in developing your blog and in using HTML.I will certainly teach more of these hacks !So in this post i will teach a very simple blogger hack ie.How to add Related Posts add the end of each blogger post.Just follow the given steps [...] Related posts:
  1. Random Posts Widget for Blogger / Blogspot
  2. Random Post Widget and Script for Blogger Blogs
  3. "Follow Me On Twitter" Widget For Blogger Blog
]]> Hey Guys, from now onwards I’m going to help you guys out in developing your blog and in using HTML.I will certainly teach more of these hacks !So in this post i will teach a very simple blogger hack ie.How to add Related Posts add the end of each blogger post.Just follow the given steps and your done !

increase blog traffic 56 Add Related Posts Widget after Each Blogger Post
First of all Download:RelatedPosts.js and upload it to some free host like HotLinkFiles.com or SigMirror.com

OR

Just use this link which has been uploaded by me and copy the link from here in the following step !

http://www.hotlinkfiles.com/files/2601917_vpavy/RelatedPosts.js

1.Then go to Blogger.com and Log into you account
2.Then go to Layout > Edit HTML.
3.Download the full template ,just in case you do something wrong !
4.Then click on “Expand Widget Templates”.
5.Then find this

</head>

Just before that code paste this entire script

<!–RelatedPostsStarts(By Hack-Genius.blogspot.com)–>
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;http://www.gigaimage.com/images/brrl1rtaziisu0yj6kj6.gif&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src=’http://sigmirror.com/…………/RelatedPosts.js‘ type=’text/javascript’/>
<!–RelatedPostsStops(By Hack-Genius.blogspot.com)–>

Replace the “http://sigmirror.com/……” with your Direct URL Which you got.

Now find this in your template(Use CTRL+F to use “Find”)

<data:post.body/>

Immediately after that paste the following code:

<!–RELATED-POSTS-STARTS–>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’related-posts’>
<font face=’Arial’ size=’3′>
<b>Related Posts: </b>
</font>
<font color=’#FFFFFF’>
<b:loop values=’data:post.labels’ var=’label’><data:label.name/>
<b:if cond=’data:label.isLast != amp;quot;true&quot;’>,</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;’ type=’text/javascript’/></b:if>
</b:loop>
</font>
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
<!–RELATED-POSTS-STOPS–>

To change the number of posts change this :

max-results=5

into any number of posts you want !
That’s it your done ,if you want to change the image that appears next to the post just do this (Just look at mine and you will understand,i have got a blue point )

Find :

http://www.gigaimage.com/images/brrl1rtaziisu0yj6kj6.gif

and replace it with your image URL.

And then Save your template
Credits:Blogger Accessories

Related posts:

  1. Random Posts Widget for Blogger / Blogspot
  2. Random Post Widget and Script for Blogger Blogs
  3. "Follow Me On Twitter" Widget For Blogger Blog

]]> http://www.hackingaday.com/2009/06/add-related-posts-widget-after-each-blogger-post.html/feed 0