Add fixed Position Slide Open Egg Social

The best thing about it is that it's so charming and everyone may be bound in its spell and consequently you'll have high traffic to your blog/website.
If you really long to visualize it prior to adding this Gadget to your blogger, then check out the following..

 "LIVE DEMO"

NOW FOR ADDING IT JUST FOLLOW THE STEPS GIVEN DOWN HERE!

1: BackUp your Template and then go to Design/layout on Edit HTML

2: Now find the Below Code by pressing CTRL+F
                           </head>

3: Now Copy the Below Script and paste it below/after </head>

    <!-- Start Heart Bookmarking Gadget Code From  http://www.http://bloggingtricx.blogspot.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://www.http://bloggingtricx.blogspot.com -->



4: Now find the below code in the Template Coding by pressing CTRL+F
                                        </body>

5: Now copy the Below script and paste it below/after the </body>

    <!-- Start Heart Share Code From http://www.http://bloggingtricx.blogspot.com// --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="www.http://bloggingtricx.blogspot.com/">Blogger Wordpress Gadgets</a><!-- End Heart Share Code From http://www.http://bloggingtricx.blogspot.com -->

Posted By.
Rana Sgeel

Add Author Bio Box For Blogger

In   this  post, im  gonna  explain  how  to  add wordpress
style author  bio  box for blogger. You  can  add  this  box
every end of y our  blog  post. You  can  change  the c ode
according to your details.i mentioned it with  highlighting
the code.So, it will easy  for  you. Other  thing is,  for  this
bio box.  you  can  use 80 x 80 pixel  image. you  can get
my earlier

Demo

1. Log in to blogger account and Click drop down.

2. Now select "Template" Like Below.

3. Now you can see Live on blog, Click EDIT HTML Button"

4. Now click Proceed button.
   
5. Find this tag by using Ctrl+F    <div class='post-footer-line post-footer-line-1'>

6. Paste below code Before <div class='post-footer-line post-footer-line-1'> tag

/* Code for the author box starts here bloggertrix.com */
<style type="text/css">
#postauthor { background: #eef7f8; border: 1px solid #c6d9ed; padding:10px; margin: 15px 0; width:650px; height:90px; font-family:Georgia, "Times New Roman", Times, serif; }
#author-info{float:left; width:410px; padding:0 15px 0 0; border-right:1px solid #ccc; }
#author-info img {background:#fff; border: 1px solid #ddd; float: left; margin-right:10px;padding: 5px;
box-shadow: 0 0 3px #CCC; padding:3px;}#author-info h6 { color: #666; font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif; font:Georgia, "Times New Roman", Times, serif }
#author-info h5 {color:#666; text-transform:none; font-size:12px; letter-spacing:0; font-family: Georgia;}
#author-info p { color: #515151; font-size: 12px; line-height:16px; font-family: Georgia;}
* { margin:0; padding:0;}#author-connect{width:21%; float:right; margin-right:8%; }
a.gplus-s{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHbmSohYpZqqRSaTBz6uztNq0DePMdm8_CnI3jVaJ5YclMvQa0RKBisN2SMddo-S1MJGcNnUDXSfUdAO7buc5vZ6buLP4l6wR7W7NbxnOLX_m9ctVNnl2ujMHHzXGLaAk5EUXSdlqo34uf/s1600/gp-icon.png") no-repeat 0 0px; color: #666;  font-weight: bold;margin: 5px 0px; padding: 0 20px;text-decoration: none;}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;Author Name&quot;'>
<div id="postauthor">
<div id="author-info">
 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8yED4j06WnCEA-g_poSzA7B3_inmYo2F4wa8-9X7Y4cMMDEJv4sGGX76EBzy0WhHM57zAK0hvw6S6mAWf491F9tRJM5gucAsSu3Qj9sxp-WkTVGi2pRa89rR4nfuFIACSQwmD0qA7qoM/s1600/author.jpg'  height='80' width='80' /><h6 style="font:Georgia">Article by <a expr:href='data:post.authorProfileUrl' rel='author'><data:post.author/></a></h6>
<h5>AuthorName has Written Many Useful Articles.</h5>
<p>If you like This post, you can follow bloggertrix on <strong> 
<a href="http://twitter.com/bloggertrix" rel="nofollow" >Twitter  </a> </strong>. Subscribe to <strong> Bloggertrix feed via <a href="http://feeds.feedburner.com/bloggertrix" rel="nofollow" >RSS</a> or  <a href="http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix&amp;loc=en_US" rel="nofollow" > EMAIL </a>  </strong>to receive instant updates.</p></div>
<div id="author-connect">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloggertrix&amp;send=false&amp;layout=button_count&amp;width=120&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=230688610312045" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>          
<a href="https://twitter.com/bloggertrix" class="twitter-follow-button" data-show-count="false" data-size="small">Follow @bloggertrix</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 
<a href="https://plus.google.com/107955298793879607964" target="_blank" rel="nofollo" class="gplus-s" >Google</a></div></div>
</b:if></b:if>

Replace with red color link with your author image link.
Replace bloggertrix with your twitter ID
Replace bloggertrix with your  feedburner ID
Replace bloggertrix with your  facebook ID
Replace 107955298793879607964 with your  Google plus ID

7. now click save template. you are done...

Flag Translator

1:goto Layout
2:slect jave Script
3:paste these codes
4:save it now
             here is codes


<span class="Apple-style-span" style=" color: rgb(102, 102, 102); line-height: 18px; font-family:Verdana;font-size:12px;"><a class="google_translate" href="http://livesportschannle.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Urdu" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cur&amp;hl=en'); return false;"><img alt="Urdu" border="0" align="absbottom" title="Urdu" height="60" src="http://1.bp.blogspot.com/-QmWshuaHPOM/T0A64knecXI/AAAAAAAACMY/gF8DPZ6ZBIU/s1600/pakistan-flag.gif" width="96" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <aclass ="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Hindi" style="color: rgb(0, 132, 206);text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location .href) +'&amp;langpair=auto%7chi&amp;hl=en'); return false;"><img alt="Hindi" border="0" align="absbottom" title="Hindi" height="60" src="http://1.bp.blogspot.com/-s4RrySXOqZo/T0A63_Ks4xI/AAAAAAAACMQ/v2oe7IomTbg/s1600/india%20flag.gif" width="96" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /><divclass="separator" style="clear: both; text-align: center; "><a class ="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="English" style="color: rgb(0, 132, 206);text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location .href) +'&amp;langpair=auto%7cen&amp;hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6bT3JWsJ8CKBdSJNu9GUF3TXwpxkY2UrKXIWJCcE0FMk0TJnGwWdinuelhk_zOmPt2bgrJACzEYchgfbph4YaEwDIaUTi5alPUhTACX5Io810L6tmvExiy-szOCbRaMDMe9zUGodprE/s200/United+Kingdom(Great+Britain).png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <aclass ="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="French" style="color: rgb(0, 132, 206);text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location .href) +'&amp;langpair=auto%7cfr&amp;hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG9dGuxWUrBvT7lwtGrNnLmyDJ1mCVlbxzvVXlq7PtSconQJHvmCa0Za0qEbGMjV5SzbRvfU7KHmKceXGR8CXPsPhKY9x6lqmXPj-GQBje1aTG77zxgvagS_n41jrRmbGE4ACtrTG1TVY/s200/France.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /> <aclass ="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="German" style="color: rgb(0, 132, 206);text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location .href) +'&amp;langpair=auto%7cde&amp;hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWiMk3OmFmTP_SqBH8BqHAKrBDcv9UgiEA66tgZO6QgVvt5fETUZw9s3t-jhofSP_B_6W_1HMNPnOl-snhpX9WMGVoCXP4V9oNwg6uS2XijB49YpUvAWNyQrFffhrtRqiO7jjLTv7wCpM/s200/Germany.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /> <aclass ="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Spain" style="color: rgb(0, 132, 206);text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location .href) +'&amp;langpair=auto%7ces&amp;hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFbc3w0RzOzQoAWgeqJWMksqjPmsBLC_UsTCjRq_t2aGAsPLKLQpLS1qOeSNcSGpKToJ_Lg1j2Y0uaAFzrJgMDRG_mM528NieEjzLKBdU5UjuVt67bePs6CY_KyPn04U2GNAU8UOy1JQ/s200/Spain.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /> <aclass ="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Italian" style="color: rgb(0, 132, 206);text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location .href) +'&amp;langpair=auto%7cit&amp;hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZC7VZNkszKq_n2nL97ATC0Lb566wJPfoxFHQh6Cf2MWqC-m579ZBxBRiAUJEyicWuQLkkfBZ_SmvKhCVsotAFXS2cTISgLhb-Dy2PZ6SgmrQdwbgphRH5CDlPj5LPqbQI-0QADz8b9Y8/s200/Italy.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /> <aclass ="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Dutch" style="color: rgb(0, 132, 206);text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location .href) +'&amp;langpair=auto%7cnl&amp;hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieHc1zOvm_dt9rf3Zkyk4WALmkWTMIW0Qqw1AiG-WoH_Hg6Uyeejm5B106g9QmzfLRLfD5d7RB5JCgp2waloYtlfiU1uG9xs4pDC0iq3jAbM6gGnwmbtQH_mCwvKvL1lOA7yHYgCdA6vE/s200/Netherlands.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /><div class="separator" style="clear: both; text-align: center; "><a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Russian" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cru&amp;hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_JF3jg5FbAjTAy-WGy_gHv2z5lY9wlRxglQ20Id_A3FbVSOONkH21pLw6rATUMk9ECeYbW90NsNRhHHf30YvYZpod2J6WMUbjI5wFF8ZwHyk_nJETfxHag182TKFzMU8yJbipdNaCKy0/s200/Russian+Federation.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Portuguese" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cpt&amp;hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiAAOMg44-AMlThgRrhcbQ_Y2PZn6y1KZk97CxJjaF-fl1LybapyjeFczCKcimVTOw_aLi0M0TVZJEGHy-UXyW3WUfs7A19EMV22zmKP6F7oMadCRHrmMCd_4N31_2OP-1dch2RH3HKG8/s200/Brazil.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Japanese" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cja&amp;hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzc1tujvMDpgp_j3eYJ7RH_oEkobcO6AY2E482jxqTQg1ER769UaUZRkeadSC2vdQTbBJkqFwcIFFHsOr0qr1l2bZ3Mg9JtxLPlI34y6mgNA92fSo0c86nF7GgN46rANh__W45F6yk7y4/s200/Japan.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Korean" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cko&amp;hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3GKvhHYV7chWgrYaAfcMmgwCs9GULyEiZ6wYSQHxflpRcs1SrCgJ9xZFCnPHC9K-zblbgjG18xn4-PjrflzhZedS6KOXr7H_oj6lAwRx7K843bNoLVvAOfEUztYiJEjaLIiOSC1MFADo/s200/South+Korea.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Arabic" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7car&amp;hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDSxURyA62Jtide4Sm5SwJWimaQfKFOw9tm_QZNnaYiAXT0WzeZxfzWF5n_61_LsR3WyjSJlEs6g0dEevMDoyThgsK3uac6gpcbuNff7qTCvGEUT68lCCVDmpDyfySnpJuNiJ8fpP95OA/s200/Saudi+Arabia.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Chinese Simplified" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7czh-cn&amp;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/AVvXsEg6y6zUA5I35lW1Zmu0TCV2kp1E8bTfAYvh-9Vn2h8BWF3CQTuLbbCcfE1OT59rxvm1SJEm3FnkKPDAnMx8FY5-IZn1mYREhoo6wJPw-ESPkT7ba_wl31M23w-PG635gXX4oomoNJkAQBA/s200/China.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a></div></aclass></aclass></aclass></aclass></aclass></divclass="separator"></aclass></span>

How To add Alexa Box In BLog

1:goto Layout
2:slect jave Script
3:paste these codes
4:save it now
             here is codes


<center><a href="http://www.alexa.com/siteinfo/http://bestpakpoetry.blogspot.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://bestpakpoetry.blogspot.com//'></script>
</a></center>

Note; Replace this link http://bestpakpoetry.blogspot.com/  and now save it 

How to add chat Box in blog

1:goto Layout
2:slect jave Script
3:paste these codes
4:save it now
             here is codes


<!-- Envolve Chat -->
<script type="text/javascript">
var envoSn=91861;
var envProtoType = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript src='" + envProtoType + "d.envolve.com/env.nocache.js' type='text/javascript'%3E%3C/script%3E"));
</script>

Posted by rana

New Social Sharing Widget

1:go To Layout
2:Slect jave script
3;Paste The Given codes in down side of blog post
4:Save It now
                here is codes


<!-- Start Shareaholic Classic Bookmarks settings -->
<script type="text/javascript">
  var SHRCB_Settings = {"shr_classic":{"size":"32","link":"","service":"5,7,313,309,78,304,88","apikey":"2fc518bd8c0bb3cf45bdade11877971c1","shortener":"bitly","shortener_key":"","designer_toolTips":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
  var SHRCB_Globals = {"perfoption":"1"};
  </script>
 <!-- End Shareaholic Classic Bookmarks settings -->

        <!-- Start Shareaholic Classic Bookmarks script -->
<script type="text/javascript">
       (function() {
            var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
            sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-cb.min.js";
            var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
        })();
        </script>

<!-- End Shareaholic Classic Bookmarks script -->

        <script type='text/javascript'>
          if (typeof(SHR4P)=="undefined") SHR4P = {};
          SHR4P.blogger_addDiv = SHR4P.blogger_addDiv || function(divClass)
          {
                  var post = new RegExp('hentry');
                  var titleContainer = new RegExp('post-title');
                  var postContainer = new RegExp('post-footer');
                  var elements = document.getElementsByTagName('div');
                  for (var i = 0; i < elements.length; i++)
                  {
                      var classes = elements[i].className;
                      if (post.test(classes))
                      {
                          var container = elements[i];
                          for (var j = 0; j < container.childNodes.length; j++)
                          {
                              var item = container.childNodes[j].className;
                              if (titleContainer.test(item))
                              {
                                  var link = container.childNodes[j].getElementsByTagName('a');
                                  if (typeof(link[0]) != "undefined")
                                  {
                                      var url = link[0].href;
                                      var title = link[0].innerHTML;
                                  }
                                  else
                                  {
                                      var url = document.url;
                                      var title =  container.childNodes[j].innerHTML;
                                  }
                                  if (typeof(url) == "undefined"|| url == 'undefined' ){
                                      url = window.location.href;
                                  }
                                  title=title.replace('"',"%22");
                              }
         
                              if (postContainer.test(item))
                              {
                                  var footer = container.childNodes[j];
                              }
                          }
                          var d = document.createElement('div');
                          var code = '<div style="clear:both"></div><div class="' + divClass + ' shareaholic-show-on-load" data-shr_href="' + encodeURI(url) + '" data-shr_title="' + title + '"></div><div style="clear:both"></div>';
 
                          d.innerHTML = code;
                          container.insertBefore(d , footer);
                    }
                }
                return true;
        };
        SHR4P.blogger_addDiv("shr_classic");</script>



Posted By Rana

Related Post Widget

1: Go To templet Desing

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

</head>


And immediately before it, paste this code:


<!--Related Posts Scripts and Styles www.bdlab.blogspot.com Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>

<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><style type="text/css">

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}

#related-posts .widget{

padding-left:6px;

margin-bottom:10px;



}

#related-posts .widget h2, #related-posts h2{

font-size: 1.6em;

font-weight: bold;

color: black;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:blue;

}

#related-posts a:hover{

color:blue;

}

#related-posts ul{

list-style-type:none;

margin:0 0 0px 0;

padding:0px;

text-decoration:bold;

font-size:15px;

text-color:#000000

}

#related-posts ul li{

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFy0vYxa7jH0twIfbsKCcPIykuXIBrtFhIKHnShQAwENg0JvEm1q9ze8bKfhgkIzP1CcIHGF1y8z7aDvSiUa3q4VIen8sipBWa3n_17zXLz7ybccgqG3qH_78nMuE9wPa1SjB278sH_FY/s200/greentickbullet.png) no-repeat ;

display:block;

list-style-type:none;

margin-bottom: 13px;

padding-left: 30px;

padding-top:0px;}

</style>



<script type='text/javascript'>

var relatedpoststitle="Related Posts";

</script>

<script src='http://safir85.ucoz.com/24work-blogspot/related-posts/related-posts-for-blogger-24work.js' type='text/javascript'/>



<!--Remove--></b:if>

<!--Related Posts Scripts and Styles www.bdlab.blogspot.com End-->




If you want to change the title of your widget you can edit this line of the above code



var relatedpoststitle="Related Posts";


If you want you can edit the blue and black colors present in this code



2.Now find this line of code


<div class='post-footer-line post-footer-line-1'/>


If you cant find it then try finding this one


<p class='post-footer-line post-footer-line-1'/>


Now immediately after any of these lines(whichever you could find) place this code snippet



<!-- Related Posts Code www.bdlab.blogspot.com Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://24work.blogspot.com'><img style="border: 0" alt="Related Posts Widget for Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu6U0K-NBJoezlVOk6g-KCH6uyQFuNEhUcNaahplwf7FumGpsFUSxGcf89m2kAL45kInIiiX7HjLgn_IMKsaJORs2afPrDY6RWQBaq_EI7Jpkq8Zhl40CZgRozgVkRO3yCvXNI0qcvkXiN/s1600/blogger-widgets.png" /></a>


<script type='text/javascript'>

var maxresults=5;

removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);

</script>

</div>



<!--Remove--></b:if>

<!-- Related Posts Code www.bdlab.blogspot.com End-->


And now click Save Template





You can adjust the maximum number of related posts being displayed by editing this line in the code.


var maxresults=5;




Posted By Rana

How To change mouse crouser

How to Change mouse courser in blogger

1:go to layout
2:Open Templets
3:Find </body> tag By using "Ctrl+F" And Paste The codes below </body> tag
4:now save the templets
Here is code

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>

New 7 Flash Twitter Bird Widgets

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-tripleflap.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bloggers-hero.blogspot.com">BloggerHero</a></span></noscript>

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different Arrow Plain.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bloggers-hero.blogspot.com">BloggerHero</a></span></noscript>

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Black Howk.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And om/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">BloggerHero</a></span></noscript>

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Crishtmas.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bloggers-hero.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">BloggerHero</a></span></noscript>






<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Orange-man.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bloggers-hero.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">sgeelmahmood</a></span></noscript>






<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-kama humaha.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">sgeelmahmood</a></span></noscript>






<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-red howk.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bloggers-hero.blogspot.com">BloggerHero</a></span></noscript>


Now replace sgeelmahmood with your twitter username
You can edit the title of the tweet this text,to change it simply edit the word "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/"
Now hit save button

Brick Type Label

Part-1

1.Go to blogger

2.Layout >> Add a Gadget >> Labels

3.Customize the labels widget as Shown in the below image

customize blogger labels2 in brick style

4. Now Save It.

PART-2

5.Go to Template >> Edit Html >> Proceed.. Check Expand Widget Templates.

6.Search for the below code using shortcut key ctrl+F

 ]]></b:skin>

7. Now Add the below code just before/Above it.

 .label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

8. Now Save the template and you're Done Adding the Widget.Enjoy

new Flash Twitter bird

1:Goto Layout
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.



<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><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=rohul786"></param><a href="http://24work.blogspot.com/" title="Blogger Widgets">Blogger Widgets</a><embed src="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=sgeelmahmood"></embed></object>

Change Username "sgeelmahmood" WithYour userName

And now click Save

Sexy Sliding Jave Script

1.Goto Layout

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.

<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://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
<style>
body{
font-size:75%;
}
a{
outline: none;
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#F0FFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0px 5px 5px 10px;
padding: 0 0 0 10px;
list-style-type:none;
display:block;
background-color:#DA1074;
width:177px;
color:#FFFFFF;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0 0 0 20px;
width:100%;
}
#sideBar li a:hover{
color:#FFFF00;
text-decoration:underline;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
left:0px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbN_8AoqR4jujbLEtY9oVHy4y_px7H4TIHHbIBZ4XgoiTXh-1oHprLwv5_jjF0s2U4DiozaTLF8yw9fyC66DOPeSNzgJeQjdsVGWJ2mgAnvOyaDbBwjO2vMxs7sl1v3GyDuhJGiqhzU9NU/s320/left.collapse.border.png);
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>Left<span>Menu</span></h2>
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div> </div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKT68ImZYjyB30BRC5srhVRTYd0xB8WwIz0moA-PdhoOOZBQ8a9KQMYLyZslN0EI3zs8aFb7HqIzbBBRAB4Byy5gQAT-ObEdk3dvOE0_7XPWbiSQ2u4JnVMADltp8snijUFn-xazl_wtzq/s320/sidebarcollapse.png" title="sideBar" /></a>
</div>

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

Recent Comment Widget

How to Install Recent Comments Widget For Blogger






So, let's see how to install this cool widget in your blog..

1. Sign into Blogger dashboard

old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget.Select 'HTML/Javascript' and add the one of code given below.Just copy and paste this code..






<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 style=text/javascript src=http://safir85.ucoz.com/bdlab-blogspot/24work/recent-comments/rc1blogger.js ></script>
<script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script>
<script src=http://bdlab.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rcdr"><a href=http://24work.blogspot.com/>Recent Comments</a> <a href=http://24work.blogspot.com/ target=_blank title=blogger widgets>Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px #cccccc dotted; padding-top: 7px!important; padding-bottom: 7px!important;}
#rcdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihA8gz2PNw6gU2KXDa5_1oz7fACkhDua9gotVjQWCVJnRdkhGxxfqBlkXF06IPk-Qh25-kZh3WcLDDwsyY5ZrA-xvepjTv8OxRU24ODYoAFBpPar5V28_MqyRLW0L1YK4RRZVAT6dW8jYK/s320/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rcdr, #rcdr a {color:#808080;}
</style>









Replace http://bdlab.blogspot.com ( given in RED bold letters) with your blogspot URL or your website URL. Do not try to change anything from the code

And now click Save

How To Add number Page navigation

1:Go To Layout
2:slect java Script
3:Paste The Given Codes Below
4:And Save It

<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:bold}.showpageNum a{color:#000;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#f8b5a4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPAfo1lyCUZBl7Km9EY8hnuF5UNVuo5gTfHuqePlV8s_yzWwUYKuq9QV-ws12oibu6uLyZiOM1W31oZQPQTetD-x-TxFNxnX6dr2gQi5hAgQgReCF8kviW_xx6qftTs4XnkupnLgTvNsj/s1600/w2b_pagenav1.png) 0 -60px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#f7cac9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPAfo1lyCUZBl7Km9EY8hnuF5UNVuo5gTfHuqePlV8s_yzWwUYKuq9QV-ws12oibu6uLyZiOM1W31oZQPQTetD-x-TxFNxnX6dr2gQi5hAgQgReCF8kviW_xx6qftTs4XnkupnLgTvNsj/s1600/w2b_pagenav1.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#666;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f2f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPAfo1lyCUZBl7Km9EY8hnuF5UNVuo5gTfHuqePlV8s_yzWwUYKuq9QV-ws12oibu6uLyZiOM1W31oZQPQTetD-x-TxFNxnX6dr2gQi5hAgQgReCF8kviW_xx6qftTs4XnkupnLgTvNsj/s1600/w2b_pagenav1.png) 0 -5px repeat-x;text-decoration:none} </style>
<a href="http://24work.blogspot.com/" target="_blank" title="Grab this"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a>
<a href="http://24work.blogspot.com/" target="_blank" title="Free Backlinks"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js'></script>

How To Change Text Color With Rainbow Color

Rainbow color effect
1. Login to Blogger Account

2. Go to Design > Page elements

3. Click Add a Gadget and choose Html/JavaScript

4. Paste Bellow Code and click Save Button

<script src='http://yourjavascript.com/1442162926/rainbow-colors-facebookjocks.blogspot.in.js' type='text/javascript'></script>

How To Change Mouse Courser

How to Change mouse courser in blogger

1:go to layout
2:Open Templets
3:Find </body> tag By using "Ctrl+F" And Paste The codes below </body> tag
4:now save the templets
Here is code
                            (1)

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>



                            (2)
<link href="http://24work.ucoz.com/24work-blogspot/mouse-cursor/24work.blogspot.com-cursors-animated-cursors-1.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Blogger Templates" border="0" style="position:absolute; top: 0px; right: 0px;" ></a>

                              (3)

<link href="http://24work.ucoz.com/24work-blogspot/mouse-cursor/cursor/24work.blogspot.com-cursors-animated-cursors-366.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Blogger Templates" border="0" style="position:absolute; top: 0px; right: 0px;" ></a>   

                              (4)

<link href="http://24work.ucoz.com/24work-blogspot/mouse-cursor/cursor/24work.blogspot.com-cursors-animated-cursors-366.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Blogger Templates" border="0" style="position:absolute; top: 0px; right: 0px;" ></a>  

                                (5)


<link href="http://24work.ucoz.com/24work-blogspot/mouse-cursor/cursor/24work.blogspot.com-cursors-animated-cursors-323.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Blogger Templates" border="0" style="position:absolute; top: 0px; right: 0px;" ></a>        

                                 (6)

<link href="http://24work.ucoz.com/24work-blogspot/mouse-cursor/cursor/24work.blogspot.com-cursors-animated-cursors-303.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Blogger Templates" border="0" style="position:absolute; top: 0px; right: 0px;" ></a>                   

How TO Add Meta Tag In blogger

Best Tric To Add mEta tag in blogger

1. Go you Blog template click edit HTML.

2. Find this Code  <b:include data='blog'name='all-head-content'/>

3. Copy The below meta Tags code and paste after it.
 
    <meta content='YOUR BLOG DESCRIPTION HERE' name='keywords'/>
   <meta content='BLOG KEYWORDS HERE SEPARATED BY COMMAS 'name=keywords'/>
   <meta content='AUTHOR NAME HERE 'name='author'/>
  <meta content='general' name='rating'/>
 <meta content='all' name='robots'/>
 <meta content='index, follow' name='robots'/>
 <meta content='en' name='language'/>
 <meta content='in' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>


4.  in the above code which in blue color change with the description meta tag put your
      blog description. and in the
     keywords meta tag put your  keywords. and author meta tag put your name.

    Done!

Hope you enjoyed this post. Thanks for reading. If you have any doubts regarding meta tags implementation, please let me know via comments or you can contact me directly. Catch you again with more posts.

Falling Object

Falling object
1:go to layout
2:add a gedjet
3:slect jave script
4:paste the given codes below
5:Replace all  "Love poetry" tage with your name
6:and then save it

here is coeds



<!-- HTML Codes by 24work.blogspot.com -->
<marquee style="z-index:2;position:absolute;left:916;top:778;font-family:Cursive;font-size:12pt;color:#33cc33;height:576;"direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:973;top:886;font-family:Cursive;font-size:12pt;color:#33cc33;height:348;"scrollamount="1" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:885;top:339;font-family:Cursive;font-size:12pt;color:#33cc33;height:416;"direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:251;top:1017;font-family:Cursive;font-size:12pt;color:#33cc33;height:684;"scrollamount="3" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:610;top:556;font-family:Cursive;font-size:12pt;color:#33cc33;height:718;"direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:808;top:362;font-family:Cursive;font-size:12pt;color:#33cc33;height:707;"scrollamount="2" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:519;top:556;font-family:Cursive;font-size:12pt;color:#33cc33;height:22;"direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:866;top:225;font-family:Cursive;font-size:12pt;color:#33cc33;height:719;"scrollamount="5" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:809;top:701;font-family:Cursive;font-size:12pt;color:#33cc33;height:468;"scrollamount="6" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:194;top:797;font-family:Cursive;font-size:12pt;color:#33cc33;height:675;"scrollamount="2" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:891;top:345;font-family:Cursive;font-size:12pt;color:#33cc33;height:190;"scrollamount="2" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:485;top:1050;font-family:Cursive;font-size:12pt;color:#33cc33;height:112;"scrollamount="3" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:335;top:375;font-family:Cursive;font-size:12pt;color:#33cc33;height:472;"scrollamount="6" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:662;top:442;font-family:Cursive;font-size:12pt;color:#33cc33;height:161;"scrollamount="2" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:488;top:1054;font-family:Cursive;font-size:12pt;color:#33cc33;height:575;"scrollamount="1" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:915;top:313;font-family:Cursive;font-size:12pt;color:#33cc33;height:282;"scrollamount="6" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:195;top:400;font-family:Cursive;font-size:12pt;color:#33cc33;height:582;"scrollamount="6" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:526;top:896;font-family:Cursive;font-size:12pt;color:#33cc33;height:124;"scrollamount="2" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:299;top:812;font-family:Cursive;font-size:12pt;color:#33cc33;height:730;"scrollamount="4" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:777;top:137;font-family:Cursive;font-size:12pt;color:#33cc33;height:334;"scrollamount="5" direction="down">Love Poetry</marquee><marquee style="z-index:2;position:absolute;left:843;top:871;font-family:Cursive;font-size:12pt;color:#33cc33;height:394;"scrollamount="4" direction="down">Love Poetry</marquee><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Blogger Templates" border="0" style="position:absolute; top: 0px; right: 0px;" ></a>

Fave Book pop Like Box

facebook pop up Like Box

1: Go to layout
2:ad a gadjet
3:slect jave script
4:past the give code below
5:now save it



<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 type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
<script type="text/javascript">FB.init("");</script>
<fb:fan profile_id="424039054327749" stream="0" connections="10" width="300px" height="300px" header="0" logobar="0" css="http://24work.ucoz.com/24work-blogspot/facebook/custom-like-box-start-24work.blogspot.com-.css?"></fb:fan>

Animated Recent Post

ADD ANIMATED RECENT POSTS WIDGET | Sliding Recent Post Widget for Bloggers

Procedure:

 (1):- Go to blogger and login to your account.Select your blog.

 (2):- Select Layout and then click add a Gadget. Select HTML/Javascript.

(3):- Copy below code and paste it in that empty field.



<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/914099092/jjjs.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

change The Blog Tittle

Title tags for blogger play vital role in search engine optimization.Today i will hold the tutorial on title tags and various ways on how to add these tags and what effect it makes to SEO with various demos and pictures to make it all clear. The original way is blog title first then the post title tag like this:


Let me first tell you, this post is the part of my blogger design tutorial series i have started.Below are the first two Types of changing blogger post title:



 Swap title hack.Swap the title or change the title for the posts of the blog in place of title of blog makes the seo for blogger. Title tags hack makes blogger search engine optimized. When you click the post in blogger the post title always appear after the blog title. and your blog is restricted to only blog title.
 But now your title will come first on clicking your post which ill make it seo i.e the blogger title is swapped.

 This title tag hack is also done in two ways:-

 1. if you want blog title to appear after your post title separated by | sign.

2. Only post title will appear after clicking post.

 First Change title tags for your blogger posts with blogger title-

 1. Go to Layout then Edit Html

 Search for this tag   <title><data:blog.pagetitle/></title>

Replace this tag with Following tag

 <b:if cond='data:blog.pagename==&quot;&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pagename/> | <data:blog:.title/></title>
</b:if>

NOW POST TITLE WILL APPEAR FIRST THEN THE BLOG TITLE LIKE THIS  :-




I hope you will like this swap title hack as this is very good for search engine optimization.

2. Change post title in blogger,this is the best hack then previous as only post title is the title for seo and will be searched. As blog title will not be indexed in it as previous.It all depend on you to use which hack as if you feel you blog title to be indexed as well with every title then you can use previous procedure else follow my this new change post title hack in blogger.

Go to Layout then Edit Html

search for this tag <title><data:blog.page.pagetitle/></title>

Replace this tag with following tag

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>


Now For the Only Post Title Will appear like this


thanx......

Auto Scrolling Widget

Auto scrolling post

1; go to layout
2; slect java script
; past the codes

<script type='text/javascript'>
    var w2bWidth="100";
    var w2bScrollAmount="5";
    var w2bScrollDelay="160";
    var w2bDirection="left";
    var w2btargetlink="yes";
    var w2bnumPosts="25";
    var w2bBulletchar =">>";
    var w2bimagebullet="no";
    var w2bimgurl="http://i1178.photobucket.com/albums/x366/facebookapps/JerryAni2.gif";
    var w2bfontsize="13";
    var w2bbgcolor="FFFFFF";
    var w2blinkcolor="FF0000";
    var w2blinkhovercolor="3366CC";
</script>
<script type='text/javascript' src='http://yourjavascript.com/0991101255/way2blogging_rpscroller_v3.js' ></script>
<script type='text/javascript' src="http://facebookjocks.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=25" ></script>
<noscript><a href="http://facebookjocks.blogspot.com"></a></noscript>

Free Sms Codes

 1:go to layout
2: slect java script
3: paste the given does below

<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<form action="http://smsserver.fun92.com/submit.php" method="post">
<div style="text-align: left;">
<input name="ip" type="hidden" value="39.54.1.206" /><label for="Mobile Number" id="mobile_number">Mobile Number: </label><select id="mobnet" name="mobnet">

 <option value="300" />0300

 <option value="301" />0301

 <option value="302" />0302

 <option value="303" />0303

 <option value="304" />0304

 <option value="305" />0305

 <option value="306" />0306

 <option value="307" />0307

 <option value="308" />0308

 <option value="309" />0309

 <option value="300" />-----

 <option value="311" />0311

 <option value="312" />0312

 <option value="313" />0313

 <option value="314" />0314

 <option value="315" />0315

 <option value="316" />0316

 <option value="300" />-----

 <option value="321" />0321

 <option value="322" />0322

 <option value="323" />0323

 <option value="324" />0324

 <option value="325" />0325

 <option value="300" />-----

 <option value="331" />0331

 <option value="332" />0332

 <option value="333" />0333

 <option value="334" />0334

 <option value="335" />0335

 <option value="336" />0336

 <option value="337" />0337

 <option value="300" />-----

 <option value="341" />0341

 <option value="342" />0342

 <option value="343" />0343

 <option value="344" />0344

 <option value="345" />0345

 <option value="346" />0346

 <option value="347" />0347

 <option value="355" />0355

    <option value="364" />0364

        </select><input id="phone" maxlength="7" name="phone" size="20" type="text" /></div>
<div style="text-align: left;">
<label for="Sender Name" id="sender_name">Sender Name: </label><input id="sender" maxlength="11" name="sender" size="29" type="text" /></div>
<div style="text-align: left;">
Message:

<textarea class="text" cols="43" id="text" name="text" onkeydown="textCounter(this.form.text,this.form.tabn,421);" onkeyup="textCounter(this.form.text,this.form.tabn,421);" rows="7" wrap="physical"></textarea></div>
<div style="text-align: left;">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 <input name="tabn" readonly="readonly" size="5" type="text" value="421" />



characters left </div>
<br />
<label for="security_code" id="security_code1"></label><br />
<div class="separator" style="clear: both; text-align: left;">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="http://smsserver.fun92.com/CaptchaSecurityImages.php?width=70&amp;height=30&amp;characters=4" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" id="capcha" src="http://smsserver.fun92.com/CaptchaSecurityImages.php?width=70&amp;height=30&amp;characters=4" /></a></div>
<label for="security_code"></label><br />
<div style="text-align: left;">
<label for="security_code" id="security_code1">Security Code: </label>

        <input id="security_code" name="security_code" size="10" type="text" /></div>
<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input id="send" name="sendsms" type="submit" value="Send" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</form>
</div>