Menambah +1 dan Delicious Sharing Buttom pada Blog

Hallo sobat blogger. Rasanya ilmu itu tidak akan pernah berhenti yah?. Semakin banyak kita berbagi, semakin banyak lagi yang mau kita bagikan.

Pada tips kali ini saya akan memberikan sebuah widget kepada sobat blogger. Intinya sebelumnya saya sudah pernah membuat tulisan/tips yang hampir sama tujuannya dengan tips kali ini. Yaitu tips untuk

Menambah "Social Bookmarking" di Bawah Postingan dan Membuat "Share Bookmark Widget" pada Postingan. Nah kedua tips sebelunya sama tujuannya dengan tips kali ini, cuman style dan fitur-fitur dari ketiga tips tersebut berbeda-beda sobat blogger.

Nah jika sobat blogger ingin berminat dengan tips ini, mari kita lakukan langkah-langkah di bawah ini.

1. Login dulu tentunya ke blogger.com

2. Pada bagian Layout template anda, silahkan pilih Edit HTML

3. Kemudian jangan lupa dicentang bagian "Expand Widgets Template"

4. Kemudian silahkan cari kode <data:post.body/>

5. Biasanya, kode di atas ada 2, silahkan pilih kode yang pertama. Dan letakkan kode berikut dibawah atau sebelum kode <data:post.body/>.

<div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='left'>
<p style='margin:0; border-bottom:1px solid #666666;'><font color='#666666' face='Arial Black' size='5'>Share Tulisan Ini &#187;&#187;</font></p>
<table border='0' cellpadding='2' cellspacing='10'><tbody>
    <tr>
<td style='padding-top:8px;'><g:plusone size='tall'/>
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</td>
      <td style='padding-top:8px; '>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</td>
<td style='padding-top:8px;'>   <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></td>
<td style='padding-top:8px;'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </td>
<td>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://delicious-button.googlecode.com/files/jquery.delicious-button-1.0.min.js' type='text/javascript'/>
<a class='delicious-button' href='http://delicious.com/save'>
   &lt;!-- {
      url:&quot;<data:post.url/>&quot;
      ,title:&quot;<data:post.title/>&quot;
     
   } --&gt;
   Save on Delicious
</a>
</td>
      <td>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<!-- AddThis Button END -->
</td>
 </tr>
 </tbody></table></div></b:if>
<div style='clear: both;'/>

Silahkan ganti tulisan yang diblog dengan warna kuing, sesuai dengan keinginan anda.
6. Jika sudah selesai, silahkan SIMPAN TEMPLATE blog anda.
Selesai, dan lihat hasilnya pada blog anda. Semoga bermanfaat dan mohon maaf jika ada salah. (Jkt/2012)