Thursday, February 10, 2011

Add Social Bookmark Gadget

1. Log in to blogger account  Design  >> Edit HTML, 
    
2. Make sure "Expand Widget Templates" checked.
   
3. Find these tag  by using Ctrl+F           <data:post.body/>

4. After this tag paste below 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/AVvXsEgqSMF6p2YxqQ_-pQG0RaWxyiDr1OWfLwWo4_nVj1UgHfqQMlyfnJ0JBAmMVP7btWi0R-X4-9YyyGozlsMXAwqejUUFz7JnZcxwBD5k70wSi5jdBCGIQg88DDFmajC58Jik4tKSMKpnPo2u/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/AVvXsEjvSt3Hn6oMPxF7mVHRO9kjYwdDoGYpMERU6p4v5WUNSOimMBxrvYVjED21xerAWXnlAN138vuCy_yxZyClyeCJB-q1SBEmoaC4F0zm-2Qjndm8ArDemdQiGgIHHsEsGMHxpzmnoNuYkfk/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/AVvXsEje3f7ZXsQRNqr4TTTNUBWzg5i8XdsOeoUcDy93DvZo9lqW_pY3pofhxY9DBx9S_ub1DQghyphenhyphenvJFtgmEnCpfvf96Y06dNKSyQeGdHqfM_BU1zYybvH_Lv3sDxYIzUUvnDZAt7Qy2D5bG-m8/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/AVvXsEgDhCYeciklCmuLLlpqyKpFL5LENiGTC9Y7CTuYiwRJ0zGLs2BQwX-i87QUSnUczIfF0mg72nlENDfL0AtfcGa-79fftl4JBOagS3Tc5hczd5leEf5i0f7B5gJnRQW6mAuUNW9_xa1x9GU/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/AVvXsEjTi-8NUA4q0FybgOdJeLayOatF7ybJWyJAa9OHGc5oA3ALShCz28eoU2E_TGXHOE9rCYX_FAzXK7lYuYO0NJ4O9ntOUk8nkoK-ROB0VuDzSd7KwvvAZqUqgTyaqhIygyfZm0caLUGy4YA/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/AVvXsEgUO9CN3HvgDTa26C_bHTywbGJ0SKQWdVXH5ktvMcdVDm1MMXJ43GKCh0xU37UNgK9EulmVcUilkZlF1jo0BPefnpL-poPmHcjzsivUjh6dVpXmCPV-Hy4f7sYwlfREKdzLdC_m5RcBmQI/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/AVvXsEgnNHU5J2YNEUVjRqYQjpWb3ujv5Zjqts1Zn7XqY9u3u4zX9_HAkHmSUyQ2qtSoTDih7wRsCxFGt6Pk4xk7KYrqkN5-dOkIYYxDZi6VpzqIKzuDkIm-rD9DzwyWTUtyLwWmAuBlkST6Jjg/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/AVvXsEiASlozOL5ika17Bt3CphIMiFXSXm08Xk3NHE0HfCCeRhkr3BVjr4qt9ge6IprPmpTuYdRPpXxQ4VWrQOMKZmKsibiV67mnPv77MY1nKJPL22xDWa1slAV0SW48MCbiHxu_plLU_gFLb9Y/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>

5.Now click Preview and save template.done.

1 comment:

  1. how to resize this?? buttun and font sizes are too big

    ReplyDelete