Sunday, January 2, 2011

Automatically Update Your Twitter And FaceBook Status When You Add A New Post On Blogger.


Twitter, facebook, Laconica, Ping.fm and Hellotxt are now one of the biggest visitors sources for a lot of blogs, so you have to use this services to get more visitors,
So you have to update your status regularly each time you add a new post on your blog so your followers and friends keep receiving the latest updates from your blog.
But updating your status regularly taking a lot of time, specially if you post many posts daily.
Today we’ll learn a new way that`ll save us more time. by using this tool you wont need to tweet and update your status on Twitter, facebook, Laconica, Ping.fm and Hellotxt.
You will just need to Authenticate your Twitter, facebook, Laconica, Ping.fm and Hellotxt account .
After this add your blog’s RSS feed link there . and you are good to go.
Lets Do It.
Go to TwitterFeed.com, And click register now. Then fill the form and click Create account.
Then you’ll be taken to another page contain 3 steps.
Step 1: Name Feed & Add Source URL.
You’ll need to enter your
Feed Name
RSS Feed URL, your default blog url should be the following.http://yourblogname.blogspot.com/feeds/comments/full
Or you can enter your feedburner url if you are a member of feedburner.
And click Continue to Step 2
Step 2: Configure Publishing Services.
In this step you will be able to Authenticate your accounts in Twitter, facebook, Laconica, Ping.fm and Hellotxt with your twitterfeed.com account,
For example click on Facebook, on the next page, click Connect with facebook, a new window will be opened, enter your facebook e-mail and password and clickconnect Then click allow access and click create service
And after you add and Authenticate all your accounts click All Done.
Step 3: Done.
On this step just click Go to dashboard. From your dashboard you can add, edit or remove services from your account.
And now you are done.

Add Apture Toolbar to Blogger


About Apture ToolBar and it’s features.
The Apture Site Bar is a new way to give readers more information without leaving the page. this is what Apture authors says about the toolbar, but i’ll try to describe what is this toolbar can do for you,
once your visitor scroll down on your blog, this bar will appear loaded with some great features.
  • Share on facebook button with a counter.
  • Tweet this for twitter button with a counter.
  • Share on email
  • Search box with jquery, and this mean that your visitor don’t have to leave the page when he search for another content.
  • When your visitor can select any part of your posts text small button will appear that says Search
  • You can customize it with your own logo.
How To Add It To Your Blog.
You can add it in a very easy way, please visit www.apture.com,
and click Design a bar now
and on the next page, please fill the following info.
  • Your website address:
  • Your email:
  • Upload a Logo or Set Title
  • you can upload your blog logo from your computer ( don’t forget to click upload ) , or just type your blog title.
  • Pick your bar color
and now click Get my bar. please wait till the site finish loading and i’ll give you a code titled, Apture Magic Javascript
Copy the code and now go to your blogger account,
navigate to Layout >> Edit html and now find the following code.

</body>

and paste your toolbar code before it.
Now Click Save Template 
That’s it, and you are now done and your blog ready to show the bar.

Saturday, January 1, 2011

Recent posts for blogger with thumbnails and Simple Spy

image
Alhamdulillah,  Simple Spy style taken from Scarlet theme, results for wordpress can be found in this blog. View as below, For the demo on the blogger click :
For bloggers put into Sidebar Gadget(add gadget) select html, copy all html below to that gadget:
image
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

 <script language='JavaScript'> 

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

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

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
 <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>    

Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :
1. homepage address
home_page = “http://name-your-blog.blogspot.com/”;
2. Style
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}


from above style/css, you can change :
width
width : 220px;
width:208px:
customize base on your template
and
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
Customize the colors of backuground
3. image size
thumbwidth = 70;
thumbheight = 70;
Match your needs
4. How many post you will show
numposts = 10;
Base on what you need to show

Google Translate Flags Widget For Blogger

Alot of people keep asking me about a new social bookmarking and sharing widgets,
Since I love jQuery, i thought about try to customize a new sharing widget specially for blogger that using the new jQuery features, and If you like the OS X dock, you’ll love this widget.
this new widget in originally released by AddThis.com , and i customized it to be able easily used with blogger.
Widget Features
This widget is a great one and the best translate widget ever and here are the features.
  • This Widget Auto detect your blog language and translate it to the readers chosen language.
  • Support 12 different languages, English, French, Germany, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, Arabic And Chinese.
  • Auto Adjustment, No matter where do you add this widget, it’ll be auto adjusted with your blog template.
widget to our blog. it’s easy and one step trick.
How To Add It To Blogger.
It’s very easy to add this widget to your blog, just go to your blogger dashboard >>Layout >> and on page elements page, Click Add A Gadget and chooseHTML/JavaScript 
Leave the title empty or type any title for your widget, and in the content area paste the following code.

<style>

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

 <div>

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

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

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

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

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

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

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

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

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

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

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_8PsAjynHuqdXqFP-TLWWVh3PhrSNZ6cKv7d0qPFpXeb5rKkt0kS6fIo028_BJVpWeHBUVamg-191GLzRsQipTDNftBv5S-B1zUYoWHCSNsl4wTwH6LGKavLeeW4gyuMDm2FzgtFCEQ/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>      </div> 
  <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

 <br/>
        <a href="http://asadtricks.blogspot.com"><font size="1px">this widget by www.Asadtricks.blogspot.com</font></a>

And click Save
The check your blog.


Demo
To see a demo for this widget please click here.

Adding Social Bookmarking Buttons Widget To blogger And Customize It.

If you are a regular user here on allblogtools.com you’ll notice that i posted many sharing and bookmarking widgets for blogger,
But a lot of users are contacting me asking to add a new one with customizable buttons and have tweet this button that working correctly with blogger.
Now lets see how to add it, then we’ll learn how to customize it to your own blog.










How To Add It.
This is a very easy widget, It’ll be done in only one step, now lets go.
Go to your blogger account, Navigate to Designà Edit Html, And make sure to check Expand
 Widget Templates,
And find the following code.

<data:post.body/>

And exactly after it, paste the next code,

<div align='left'>
  <span class='post-icons'>


<!-- Widget Title , Share This Start, Remove Or Leave-->
<p align='left'>
  <img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk7_0IWmcsNV94Inm0GN0kD8sIuX0Xxh-HUdzoZrvnMKfvDEqcgl0IqrHuW205725QrRlUJYcosAe0Kj-EhRJeeMxcqVxelhv8dQl3sOC_LD8HPkgWSnBubwSuFpEulC9rKlh-LlMW2as/s400/share-this.png'/></p><!-- Widget Title , Share This Start, Remove Or Leave-->

 

<!-- Stumbleupon Button Start, Remove Or leave -->
  <a expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'><img alt='Stumble This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlAqdRcEbstCw7HUajhyphenhyphenF3t9FW-lJZGY-iqtPv5uSCH5v0Y_DTNYaxCljCsl78cUPHeugVb_7RGsY-XCALduMmlVNGP83dcn5h4zAPZzK8j-_qWD3maKiFJzEd3GeaZDEZg8RGvk4eQ/s200/stumbleupon.png'/></a>
  <!-- Stumbleupon Button End, Remove Or leave -->


<!-- Technorati Button Start, Remove Or leave -->
  <a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn1qj0kExEn4EhpiuXV8_Tw11By0DvBklXhkEr0Ft08ZeLnJtzp2fdMNooJsiJr0GKFoE2G3PzWzZacyDQ4ExarUjaQinvPoVe33Oc_TWruN6d-1nKwBeiJR5OYm82rUDoihFBpaq-5g/s200/technorati.png'/></a>
  <!-- Technorati Button End, Remove Or leave -->


<!-- Delicious Button Start, Remove Or leave -->
  <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSJPvrLU33nDr2fvBnGGmrK8O52avm5ehzKHwYCn8Vz0tvDbPLdOyV_kWczQJ4FylIPRHdxDKA-csxzIUCmJlYAPLVA2b28QzODs8YaqtklTqyGuJnROd7HK3RZw124otm8uA9NMCuug/s200/delicious.png'/></a>
  <!-- Delicious Button End, Remove Or leave -->


<!-- Digg Button Start, Remove Or leave -->
  <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'><img alt='Digg This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTM2wRBb7M2Q2K1gOflqO30136HfRQcElsF6I5J9ib7bbyASrLqFc8zgnuqdjU00Vp3JapYUzjj5Nc6lyCU8CSU_AV2ic94gK8z9tU1xLI7yLt5Q9DgvhCvYjEUX4L-YN83NXDaujW_g/s200/digg.png'/></a>
  <!-- Digg Button End, Remove Or leave -->


<!-- Reddit Button Start, Remove Or leave -->
  <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Reddit'><img alt='Add To Reddit' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZODWwc2JXA8emNr36yedOmtlmgnR6BkXzNR7GX1Mzo3WFSYfLdb9v1hgac0KjrFFXHgEdjbg9XZN-ar4Wog_SFRPdIh763oc9ILTPQu-JL3Sv-QcYw1CFf1HRz3GO1oX8i7z8lSRNQ/s200/reddit.png'/></a>
  <!-- Reddit Button End, Remove Or leave -->

 

<!-- FaceBook Button Start, Remove Or leave -->
  <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Facebook'><img alt='Add To Facebook' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyNCV7uOLSHbqQmsGISbleL_3WS4tNsq_-fLjIHD48g49YfiD8u5bx-fYzZYO73iRTFZS6ytkFZwF1t0ymdRM1xRRSzl6olBsjtCRWCpPdrJYGdBQPnQooHnm1gy9Lki5cVf7NqL_XmQ/s200/facebook.png'/></a>
  <!-- FaceBook Button End, Remove Or leave -->


<!-- Yahoo Button Start, Remove Or leave -->
  <a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Yahoo'><img alt='Add To Yahoo' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH2DjXvJl1P_mWOfsLWnrB2Fwdfi4r_LIsTcRdWS65doRGIBm5DaoLnED2w6TKIPUyF_VJNFkXX_guRrNW0NmvdVTLVWj-8Phuyue49gynZO9f9MYBDK9xT4ffRDzS7CjIWhyphenhyphenq39N_7A/s200/yahoo.png'/></a>
  <!-- Yahoo Button End, Remove Or leave -->

<!-- Twitter Button Start, Remove Or leave -->
  <script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
  <script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
  <a expr:onclick='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='#'>
  <span style='display:none;'>I&#39;m reading: <data:post.title/></span><img alt='Add To Yahoo' border='0' class='icon-action' src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png'/></a>
  <!-- Twitter Button End, Remove Or leave -->

</span>
  </div>


Now Just Click Save Template and you are done.


Customize the widget.
You can delete or rearrange the buttons in this widget, and you can remove the Sharethis Big sign or leave it.
Lets see how.
In the above code you’ll notice that there are lines in red and blue colors.
For example Here is a part of it.
&<!-- Technorati Button Start, Remove Or leave -->
  <a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn1qj0kExEn4EhpiuXV8_Tw11By0DvBklXhkEr0Ft08ZeLnJtzp2fdMNooJsiJr0GKFoE2G3PzWzZacyDQ4ExarUjaQinvPoVe33Oc_TWruN6d-1nKwBeiJR5OYm82rUDoihFBpaq-5g/s200/technorati.png'/></a>
  <!-- Technorati Button End, Remove Or leave -->
This part of code is responsible for Technorati Button Can remove it, Move it to up or down to rearrange the widget buttons, And of curse you can do this with all the widget buttons in the same way.


Demo.
Too see a live demo for this widget please click here. Please don’t hesitate to leave your comments, feedback, or your questions.

OS X Styled Sharing Dock Widget, New sharing Widget For Blogger


DEMO
Widget Features.
  • easy to install,  only 1 step.
  • Support all social services around the world, more that 300 social bookmarking site.
  • Amazing new style with dock menu look.
How To Add It To Your Blogger Blog.
Please go to your blogger account, and navigate to, dashboard >> layout >> , and on the elements pages, please click Add a gadget
then choose HTML/JavaScript,a new windows will be opened. leave the title empty. and paste the following code in the content area.

<script Language='Javascript'>
<!--
document.write(unescape('%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%0A%20%20%23%73%68%61%72%65%64%6F%63%6B%20%7B%20%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%62%6F%74%74%6F%6D%3A%20%30%3B%20%6C%65%66%74%3A%20%30%3B%20%77%69%64%74%68%3A%20%31%30%30%25%3B%20%68%65%69%67%68%74%3A%20%39%30%70%78%3B%20%7A%2D%69%6E%64%65%78%3A%20%39%39%39%3B%20%7D%0A%20%20%23%64%6F%63%6B%20%7B%20%70%6F%73%69%74%69%6F%6E%3A%20%72%65%6C%61%74%69%76%65%3B%20%62%6F%74%74%6F%6D%3A%20%30%3B%20%66%6F%6E%74%3A%20%31%33%70%78%20%22%54%72%65%62%75%63%68%65%74%20%4D%53%22%2C%20%56%65%72%64%61%6E%61%2C%20%48%65%6C%76%65%74%69%63%61%2C%20%73%61%6E%73%2D%73%65%72%69%66%3B%20%7D%0A%20%20%2E%64%6F%63%6B%2D%63%6F%6E%74%61%69%6E%65%72%20%7B%20%70%6F%73%69%74%69%6F%6E%3A%20%72%65%6C%61%74%69%76%65%3B%20%62%61%63%6B%67%72%6F%75%6E%64%3A%75%72%6C%28%68%74%74%70%3A%2F%2F%69%6D%67%35%32%39%2E%69%6D%61%67%65%73%68%61%63%6B%2E%75%73%2F%69%6D%67%35%32%39%2F%38%30%33%35%2F%74%68%65%61%73%61%64%74%72%69%63%6B%73%2E%67%69%66%29%20%6E%6F%2D%72%65%70%65%61%74%20%62%6F%74%74%6F%6D%20%63%65%6E%74%65%72%3B%20%68%65%69%67%68%74%3A%20%35%30%70%78%3B%20%70%61%64%64%69%6E%67%3A%20%32%30%70%78%20%30%20%32%30%70%78%20%30%3B%20%7D%0A%20%20%2E%64%6F%63%6B%2D%63%6F%6E%74%61%69%6E%65%72%20%2E%63%75%73%74%6F%6D%5F%69%6D%61%67%65%73%20%61%20%7B%20%64%69%73%70%6C%61%79%3A%20%62%6C%6F%63%6B%3B%20%20%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%20%62%6F%74%74%6F%6D%3A%20%30%3B%20%74%65%78%74%2D%61%6C%69%67%6E%3A%20%63%65%6E%74%65%72%3B%20%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%20%6E%6F%6E%65%3B%20%63%6F%6C%6F%72%3A%20%23%33%33%33%3B%20%63%75%72%73%6F%72%3A%20%70%6F%69%6E%74%65%72%3B%20%7D%0A%20%20%2E%64%6F%63%6B%2D%63%6F%6E%74%61%69%6E%65%72%20%2E%63%75%73%74%6F%6D%5F%69%6D%61%67%65%73%20%73%70%61%6E%20%7B%20%62%61%63%6B%67%72%6F%75%6E%64%3A%20%72%67%62%61%28%30%2C%30%2C%30%2C%2E%37%35%29%3B%20%64%69%73%70%6C%61%79%3A%20%6E%6F%6E%65%3B%20%70%61%64%64%69%6E%67%3A%20%32%70%78%20%38%70%78%3B%20%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%20%31%37%70%78%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%20%31%31%70%78%3B%20%63%6F%6C%6F%72%3A%20%23%66%66%66%3B%20%2D%6D%6F%7A%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%20%31%30%70%78%3B%20%2D%77%65%62%6B%69%74%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%20%31%30%70%78%3B%20%7D%0A%20%20%2E%64%6F%63%6B%2D%63%6F%6E%74%61%69%6E%65%72%20%2E%63%75%73%74%6F%6D%5F%69%6D%61%67%65%73%20%69%6D%67%20%7B%20%62%6F%72%64%65%72%3A%20%30%3B%20%6D%61%72%67%69%6E%3A%20%35%70%78%20%30%70%78%20%31%30%70%78%20%30%70%78%3B%20%77%69%64%74%68%3A%20%31%30%30%25%3B%20%7D%0A%20%20%3C%2F%73%74%79%6C%65%3E%0A%0A%3C%64%69%76%20%69%64%3D%22%73%68%61%72%65%64%6F%63%6B%22%3E%0A%20%20%3C%64%69%76%20%69%64%3D%22%64%6F%63%6B%22%3E%0A%20%20%3C%64%69%76%20%63%6C%61%73%73%3D%22%64%6F%63%6B%2D%63%6F%6E%74%61%69%6E%65%72%22%3E%0A%0A%3C%64%69%76%20%63%6C%61%73%73%3D%22%61%64%64%74%68%69%73%5F%74%6F%6F%6C%62%6F%78%22%3E%20%0A%0A%20%3C%64%69%76%20%63%6C%61%73%73%3D%22%63%75%73%74%6F%6D%5F%69%6D%61%67%65%73%22%3E%0A%0A%20%3C%61%20%63%6C%61%73%73%3D%22%61%64%64%74%68%69%73%5F%62%75%74%74%6F%6E%5F%66%61%63%65%62%6F%6F%6B%22%3E%3C%73%70%61%6E%3E%46%61%63%65%62%6F%6F%6B%3C%2F%73%70%61%6E%3E%3C%69%6D%67%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%61%64%64%74%68%69%73%2E%63%6F%6D%2F%63%6D%73%2D%63%6F%6E%74%65%6E%74%2F%69%6D%61%67%65%73%2F%67%61%6C%6C%65%72%79%2F%61%71%75%61%74%69%63%75%73%5F%66%61%63%65%62%6F%6F%6B%2E%70%6E%67%22%20%61%6C%74%3D%22%53%68%61%72%65%20%74%6F%20%46%61%63%65%62%6F%6F%6B%22%20%2F%3E%3C%2F%61%3E%0A%20%20%3C%61%20%63%6C%61%73%73%3D%22%61%64%64%74%68%69%73%5F%62%75%74%74%6F%6E%5F%74%77%69%74%74%65%72%22%3E%3C%73%70%61%6E%3E%54%77%69%74%74%65%72%3C%2F%73%70%61%6E%3E%3C%69%6D%67%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%61%64%64%74%68%69%73%2E%63%6F%6D%2F%63%6D%73%2D%63%6F%6E%74%65%6E%74%2F%69%6D%61%67%65%73%2F%67%61%6C%6C%65%72%79%2F%61%71%75%61%74%69%63%75%73%5F%74%77%69%74%74%65%72%2E%70%6E%67%22%20%61%6C%74%3D%22%53%68%61%72%65%20%74%6F%20%54%77%69%74%74%65%72%22%20%2F%3E%3C%2F%61%3E%0A%3C%61%20%63%6C%61%73%73%3D%22%61%64%64%74%68%69%73%5F%62%75%74%74%6F%6E%5F%6D%79%73%70%61%63%65%22%3E%3C%73%70%61%6E%3E%4D%79%53%70%61%63%65%3C%2F%73%70%61%6E%3E%3C%69%6D%67%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%61%64%64%74%68%69%73%2E%63%6F%6D%2F%63%6D%73%2D%63%6F%6E%74%65%6E%74%2F%69%6D%61%67%65%73%2F%67%61%6C%6C%65%72%79%2F%61%71%75%61%74%69%63%75%73%5F%6D%79%73%70%61%63%65%2E%70%6E%67%22%20%61%6C%74%3D%22%53%68%61%72%65%20%74%6F%20%4D%79%53%70%61%63%65%22%20%2F%3E%3C%2F%61%3E%0A%3C%61%20%63%6C%61%73%73%3D%22%61%64%64%74%68%69%73%5F%62%75%74%74%6F%6E%5F%73%74%75%6D%62%6C%65%75%70%6F%6E%22%3E%3C%73%70%61%6E%3E%53%74%75%6D%62%6C%65%3C%2F%73%70%61%6E%3E%3C%69%6D%67%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%61%64%64%74%68%69%73%2E%63%6F%6D%2F%63%6D%73%2D%63%6F%6E%74%65%6E%74%2F%69%6D%61%67%65%73%2F%67%61%6C%6C%65%72%79%2F%61%71%75%61%74%69%63%75%73%5F%73%74%75%6D%62%6C%65%75%70%6F%6E%2E%70%6E%67%22%20%61%6C%74%3D%22%53%74%75%6D%62%6C%65%20%49%74%22%20%2F%3E%3C%2F%61%3E%0A%3C%61%20%63%6C%61%73%73%3D%22%61%64%64%74%68%69%73%5F%62%75%74%74%6F%6E%5F%72%65%64%64%69%74%22%3E%3C%73%70%61%6E%3E%52%65%64%64%69%74%3C%2F%73%70%61%6E%3E%3C%69%6D%67%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%61%64%64%74%68%69%73%2E%63%6F%6D%2F%63%6D%73%2D%63%6F%6E%74%65%6E%74%2F%69%6D%61%67%65%73%2F%67%61%6C%6C%65%72%79%2F%61%71%75%61%74%69%63%75%73%5F%72%65%64%64%69%74%2E%70%6E%67%22%20%61%6C%74%3D%22%53%68%61%72%65%20%74%6F%20%52%65%64%64%69%74%22%20%2F%3E%3C%2F%61%3E%0A%3C%61%20%63%6C%61%73%73%3D%22%61%64%64%74%68%69%73%5F%62%75%74%74%6F%6E%5F%64%65%6C%69%63%69%6F%75%73%22%3E%3C%73%70%61%6E%3E%44%65%6C%69%63%69%6F%75%73%3C%2F%73%70%61%6E%3E%3C%69%6D%67%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%61%64%64%74%68%69%73%2E%63%6F%6D%2F%63%6D%73%2D%63%6F%6E%74%65%6E%74%2F%69%6D%61%67%65%73%2F%67%61%6C%6C%65%72%79%2F%61%71%75%61%74%69%63%75%73%5F%64%65%6C%69%63%69%6F%75%73%2E%70%6E%67%22%20%61%6C%74%3D%22%53%68%61%72%65%20%74%6F%20%44%65%6C%69%63%69%6F%75%73%22%20%2F%3E%3C%2F%61%3E%0A%20%20%3C%61%20%63%6C%61%73%73%3D%22%61%64%64%74%68%69%73%5F%62%75%74%74%6F%6E%5F%6D%6F%72%65%22%3E%3C%73%70%61%6E%3E%4D%6F%72%65%2E%2E%2E%3C%2F%73%70%61%6E%3E%3C%69%6D%67%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%61%64%64%74%68%69%73%2E%63%6F%6D%2F%63%6D%73%2D%63%6F%6E%74%65%6E%74%2F%69%6D%61%67%65%73%2F%67%61%6C%6C%65%72%79%2F%61%64%64%74%68%69%73%5F%36%34%2E%70%6E%67%22%20%61%6C%74%3D%22%4D%6F%72%65%2E%2E%2E%22%20%2F%3E%3C%2F%61%3E%0A%20%20%3C%2F%64%69%76%3E%0A%20%20%3C%2F%64%69%76%3E%20%0A%20%20%3C%2F%64%69%76%3E%0A%20%20%3C%2F%64%69%76%3E%0A%20%20%3C%2F%64%69%76%3E%0A%0A%20%20%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%73%37%2E%61%64%64%74%68%69%73%2E%63%6F%6D%2F%6A%73%2F%32%35%30%2F%61%64%64%74%68%69%73%5F%77%69%64%67%65%74%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%20%20%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%61%6A%61%78%2E%67%6F%6F%67%6C%65%61%70%69%73%2E%63%6F%6D%2F%61%6A%61%78%2F%6C%69%62%73%2F%6A%71%75%65%72%79%2F%31%2E%33%2E%32%2F%6A%71%75%65%72%79%2E%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%20%20%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%61%64%64%74%68%69%73%2E%63%6F%6D%2F%2F%63%6D%73%2D%63%6F%6E%74%65%6E%74%2F%69%6D%61%67%65%73%2F%67%61%6C%6C%65%72%79%2F%66%69%73%68%65%79%65%2D%69%75%74%69%6C%2E%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%20%20%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%20%20%24%28%66%75%6E%63%74%69%6F%6E%20%28%29%20%7B%20%0A%20%20%2F%2F%20%44%6F%63%6B%20%69%6E%69%74%69%61%6C%69%7A%65%0A%20%20%24%28%27%23%64%6F%63%6B%27%29%2E%46%69%73%68%65%79%65%28%0A%20%20%7B%0A%20%20%6D%61%78%57%69%64%74%68%3A%20%33%30%2C%0A%20%20%69%74%65%6D%73%3A%20%27%61%27%2C%0A%20%20%69%74%65%6D%73%54%65%78%74%3A%20%27%73%70%61%6E%27%2C%0A%20%20%63%6F%6E%74%61%69%6E%65%72%3A%20%27%2E%64%6F%63%6B%2D%63%6F%6E%74%61%69%6E%65%72%27%2C%0A%20%20%69%74%65%6D%57%69%64%74%68%3A%20%35%30%2C%0A%20%20%70%72%6F%78%69%6D%69%74%79%3A%20%36%30%2C%0A%20%20%61%6C%69%67%6E%6D%65%6E%74%20%3A%20%27%6C%65%66%74%27%2C%0A%20%20%76%61%6C%69%67%6E%3A%20%27%62%6F%74%74%6F%6D%27%2C%0A%20%20%68%61%6C%69%67%6E%20%3A%20%27%63%65%6E%74%65%72%27%0A%20%20%7D%0A%20%20%29%3B%0A%20%20%7D%29%3B%0A%20%20%3C%2F%73%63%72%69%70%74%3E'));
//-->
</Script>




And now click Save then check you blog,

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger