Cara membuat Tombol Share/Tombol Berbagi Keren Di Blog

Setelah nyari-nyari tombol share yang keren akhirnya ketemu juga. mungkin ada yang lebih keren lagi tapi dari pada nyari- nyari lagi mendingan share yang ini dulu.. untuk hasilnya sobat bisa  lihat tombol share di bawah artikle ini. Tombol share Share It/Tombol Berbagi Di Blog ini berguna untuk pengunjung jika ingin membagi artikle sobat ke teman2 mereka, atau mempermudah membagikan artikle ke semua teman-teman sobat. tombol share ini seperti share ke facebook, share ke twitter, share ke google +, share whats up, dll yang tentunya masih banyak sekali sosial network lainnya.  okey langsung saja caranya sebagai berikut :

Caranya mudah kok sebelum nya bisa sobat lakukan cara berikut ini
1. Masuk ke blogger sobat
2. Pilih Template - Edit HTML
3. Centang expand widget template
4. Cari kode ini dulu  ]]></b:skin> (untuk mempermudah mencari kode tersebut sobat bisa tekan ctrl + F masukkan kode yang sobat cari lalu tekan enter) setelah ketemu sobat bisa copy paste kan kode warna hijau di bawah ini dan letakkan bawah kode   ]]></b:skin> 
--------------------------------------------------------------------------------------
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a.nudge, .#Label2 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging --><!-- end LinkNudging -->
--------------------------------------------------------------------------------------

5. lalu Cari Kode <data:post.body/> Setelah ketemu, letakkan kode yang berwarna kuning di bawah ini di bawah kode <data:post.body/>

--------------------------------------------------------------------------------------
<br/>
<b:if cond='data:blog.pageType == "item"'><b>Share it to your friends..!</b><br />
<br />
<table border='0'>
<tr> <td><script type='text/javascript'>
window.___gcfg = {lang: 'en'};
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();</script><g:plusone size="standard"></g:plusone></td>
<td><div class='bookmarks'>
<a class='nudge' expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share to Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Dxp5fZ0obXppHh_0wbr6PXh6r0VZEwztmJ83327jTqUS9rcH08SX5YunGMiZ4UJxmeudKDoYNXbprV4wck8wvNnJTevmKjlip5ORuLzEFuHKCCpEdI9cdF8oALZz-Hijn3GQaMutC5Y/s1600/facebook.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Facebook'/></a>
<a class='nudge' expr:href='&quot;https://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;amp;url=&quot; + data:post.url ' rel='nofollow' target='_blank'><img alt='Share this post on twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjniw79n4BEZ6cw3z2fzFXwI-beNh-uStiAq2rlOZ5eo1iULu3-SJoLAlUVrOlrv0qUBLXw9m00O2k0-Ri0tdrjtPyjEAJikbe-NyyCYT6eK8L3_-CBOQBR3PvJjnIe87b_rZ4RVLgOqBU/s1600/twitter.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share this post on twitter'/></a>
<a class='nudge' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Bookmark Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAh0Tu9DkEUMg951NA5ZejNhkbClejlcc2CV_bO74uI5bLwRY1Red92N25sjN5ijgfcLJA6KxyB0sMRT2CsxAFcCNTJfH4reDDqhjiICtIm1DETQ3ErbToxmcnqTPPW_o7PW8r_ycFt4/s1600/delicious.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Bookmark on Delicious'/></a>
<a class='nudge' expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaS8sZPyh1R3wh1aPNyah2bxrqsYDw2jCBVKCSJceR_KP_40eYL-6zBjZ-_oV9em4HlhQQ9rtm-2p2ZDIa7ysDl0ZTQFFC_nbrZjbG86Otm9wgAlHukaM-mweEt4C7kCT0rb-PXxlT7Zc/s1600/digg.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Digg This'/></a>
<a class='nudge' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumbleupon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1bD_TRS9zf9HF8G5vG5XBrSiq8xQm8vTnCKX67EHBJ_t8cHrcnygtOwpiWYRNADrzmTunai8kzmeYN66qKjjDNPvHLzXerHhVlF7KWIuSKq9on4aNKtm2n4TimSCBTstKbA8SXuLtX8/s1600/stumbleupon.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Stumble This'/></a>
<a class='nudge' expr:href='&quot; http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbSxqF2g0ct8n1m5djajVs3sPhtHE6HY65qR4CrZMuwgjrnrKQasS5wIdvF4lKxG__fNtI_C4tQ-DtvWwpLteCUGBQQ8rRknNXZRf7x1MdjygU2XaHVKYjDFKWVTETF4fAMtKnHykNisI/s1600/reddit.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Reddit'/></a>
<a class='nudge' expr:href='&quot; http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Yahoo Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-O1cydFLZ9ZpQOA9MDjty2HK44IclYvQ_7r9itTVj5VkdZllyFRreeHWCUkMP3-qim0TXaWzkLIkT4PzSsTDr9mfw5Hdi3n3TWWAiBh5aQsi6ZJT52qUhPHyHKBhEJOxF_s2TLrglIJs/s1600/yahoo.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Yahoo Bookmark'/></a>
<a class='nudge' expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Furl-Diigo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFZm2MkP9K6ZRUhLEoQbKWiACME7GOfbK_cYExOu-JkojKkd2l44cul4EnQWFsJOYEuME6Ociww9kevT5DvzmvApYW4Os0Ej9fU1VMd1MwV1jbA8xo4dDJHmE_Jug7cya7qAql7msHXcM/s1600/furl.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Send to Furl/Diigo'/></a>
<a class='nudge' expr:href='&quot; http://www.google.com/bookmarks/mark?op=edit&amp;amp;output=popup&amp;amp;bkmk=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Google Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-AkcC7lZtwYlVauxK7vQR9qyenIBanGy-yj6kwLUNXutcskfnPEtieWDKEANSReeWgKlzSXLuW93ww9GuPM-W2xLNlYoKDf9Vi0jvk_lm-Q4_tq7Rarcr4LqeMIpHOGj1b46wW0cA3eQ/s1600/google.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Google Bookmark'/></a>
<a class='nudge' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr377QcjagIAJ03mhJnqO0ZAOkpysaOgRYKCQGLLv-zStlAe4dfWFwC0BCGwOZ0xAHJ1AS9XKuRxy-1NWNMoJxi9PCQFVugwyGYbv10eckgIOqRqafBHs6Qrf0o5ifW1gKXLEvBRXo70Y/s1600/technorati.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Technorati'/></a>
<a class='nudge' expr:href='&quot; http://www.newsvine.com/_tools/seed&amp;amp;save?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Newsvine' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ085e77pcfg4k-k_iJvEENS48ssV2UWen5wtMNU9GyTTo5oRa8ozB4px5zcUN7fjHRjbsVbot-e-38LMWLnRdIOYasFKFpRNaW5Xg17q174q4wMN8NkBUVMPnf9qUQTPI-Ophp-hLVXM/s1600/newsvine.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Save to Newsvine'/></a>
<a class='nudge' href='http://bloggerpeer.blogspot.com' target='_blank'><img alt='Tips Triks Blogger, Tutorial SEO, Info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-uhdWJK4t5Sdq2oxB0VN6EJ02FzXa1MP78CkiziAhe67LA1L3pct4SeiA5MIoAWt6eDw80iQhYgeyMOZO5a5BZ94vYgSFXgxQnN0Mc-1Rp8RPU0vMDr7cxG97Ngf1Mgukzk-LaGETchM/s1600/blogger-peer.gif' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;'/></a></div>
</td></tr>
</table>
</b:if>

--------------------------------------------------------------------------------------
6. Yang terakhir simpan template sobat.


Note : setiap template kadang punya beberapa "data:post.body" biasa kodenya seperti ini <data:post.body/> tips buat sobat yang masih belum jalan tombol share nya sobat cari semua "data:post.body" nya dengan menggunakan [ctrl+f untuk mencarinya] lalu sobat coba letakkan kode yang di bawah nya satu-satu,

cara gampangnya gini :

1. letakkan kode warna kuning di bawah "data:post.body" yang ke 1 lalu simpan template lihat apakah sudah nongol atau belum, kalau belum kode kuning itu di hapus dan lakukan cara yang ke 2.

2. letakkan kode kuning dan letakkan di bawah "data:post.body" yang 2 simpan template lihat apakah sudah muncul atau belum. kalau belum lakukan dengan cara yang sama dengan kode "data:post.body" yang ke 3.

demikian seterusnya..


semoga berhasiilll....