Membuat tombol Share keren dibawah postingan II

Membuat tombol Share keren dibawah potingan II, di postingan kali ini saya akan menyajikan sobat sdikit tips yang mngkn bisa sobat jadikan referensi nantinya di blognya sobat, sebelum postingan ini saya sempat memposting tentang Membuat tombol Share keren dibawah potingan I, silahkan sobat buka dan pilih mana yang menurutnya bagus dan cocok untuk blognya. tombol share kali ini saya katakan keren karena saya lihat dari segi kerapiannya sendiri dan enak di pandang. 

Langung saja dari pada basa basi, beikut trik-triknya :
1. Silahkan sobat login dulu ke blogger, masuk di rancangan dan edit html
2. Sebelum anda otak atik css, sebaiknya anda backup dulu templatenya biar aman
3. Cetang, Expend Widget
4. Caro code ini <div class='post-body entry-content'> (pencarian cepat tekan ctrl+f)
5. Jika sudah ketemu, masukkan kode di bawah ini di atas kode  <div class='post-body entry-content'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>

Share this history on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>

<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>

<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>

<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</b:if>

N/B :

perhatikan pada kode diatas, ada tulisan "user name" twitter, ganti dengan milik Sobat

SELESAI..!!! selamat mencoba sob..

---