Membuat Share ICon tepat dibawah judul Postingan

Selamat malam teman, terawihan gak.. heehehe, Kali ini saya akan memberikan sedikit tips blogger untuk menerapkan dan membuat Membuat Share ICon tepat dibawah judul Postingan seperti pada blog ini. Untuk jelasnya silahkan lihat gambar dibawah ini :

Tetarik untuk membuatnya di blog sobat, langsung saja caranya :

• Login ke akun Blogger anda lalu masuk ke Rancangan » Edit HTML »Centang Expand Gadget
• Cari code <b:if cond='data:post.title'> atau <data:post.title/> dengan menekan CTRL+F
• Pastekan kode dibawah ini tepat di atas code tadi :

<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;'/>

<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'/></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 TWITTER KAMU' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='medium'/>

</div><div style='float:left'><a href='http://semujursite.blogspot.com/2013/07/membuat-share-icon-tepat-dibawah-judul.html' target='_blank' title='Share'>Get This Widget</a></div></div></b:if>

NB :

Ganti Tulisan USER TWITTER KAMU dengan Id Twitter.

Selamat mencoba, semoga dapat menjadi kebaikan di bulan ramadhan ini. Salam blogger.

Thnks Bro...