Cara Memasang Social Bookmark di Bawah Judul Artikel/Posting

Kita mulai dengan langkah awal,

• Login ke BLOGGER kalian,
• Masuk ke "Edit Template",
• Beri centang "Expand Widget Templates"
• Gunakan ctrl-F untuk mencari kode di bawah ini,

]]></b:skin>

• Letakan kode CSS berikut ini sebelum/diatas kode di atas,

/* SET FACEBOOK LIKE AND BOOKMARK ON POST */
.icn-bm {float:right; padding-top:9px; border:none; padding-right:10px}
.icn-bm  h4{color:#333; font-family:'Helvetica Neue',Arial,sans-serif; font-size:16px !important; font-weight:bold}
.icn-sh{padding-top:2px}
.icn-sh img{width:16px; height:16px; border:none; margin:0 3px}
.fb-like{background:#FFFFD7;padding-left:10px; background-image:none; border:1px solid #FFFF00; margin-bottom:15px; padding-top:10px}
.fb-like iframe{margin-bottom:5px}
.fb-like h4{color:#333; font-family:'Helvetica Neue',Arial,sans-serif; font-size:16px !important; font-weight:bold}

•  Gunakan ctrl-F lagi untuk mencari kode di bawah ini,

<data:post.body/>

• Letakan kode HTML di bawah ini sebelum kode di atas,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
	
	<div class='icn-bm '>
	<!--FECEBOOK LIKE AND SOCIAL BOOKMARK-->
	<h4>Do you want to share?</h4> 
	<div class='icn-sh'>
<a href='/feeds/posts/default/' rel='nofollow' target='_blank' title='Subscribe to RSS'><img alt='' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVWykVDjhzh9c11yYpBPD49pw25ZtH0MhGtER6ev1tWElEqP0r51LNhvXw9IXM4R05f4lTskSQj1FmdavpzZlXQcmg0esMfX7pO3OBPNqAIAiJ5mnttsiN9QmktKZXai-pWeHxkDFwgho/s400/feed.png' width='16'/></a>
<a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share on Facebook'><img alt='' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3R-igNKa-5cQQrRSLEsmgAcMDmEWfIVsvfyhOQpyN297Tw7-dZTduQdW5XsOJVN-qFXC_3hXVffihnNdlNU0Zd6qgUHwfwDh-G3GSWseZtsuU16s2qt3MQhceChFzoae6OVyZEvQKsg/s400/facebook.png' width='16'/></a>
<a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share on Twitter'><img alt='' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxP2bJFvmkZo40e1cISbKb0IkJrBgDWZOepWt5cpPYJIKGU2E21TxMB8J8vtLxXhEFnaWrpkqLQEBxxFT-BP0tRxxZVT1oqWxAUjFYoks8xyw84J_Z4g-FieMndYlEPxYTeN73DqtP8s/s400/twitter.png' width='16'/></a>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Add to Delicious'><img alt='' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGK6XzLJkCcvsqLZan8dpe9uLqubcRFKYDvLCldVLiHjK1_cR5E65g_wFo9zx1NvQdMX4eh18djBUpv-2XjvGXY_Dpl-4a1w0gTYMuV5EIP7u4IU-yNtGo7P59v2V6rxt6VAnLsS_M_cI_/s400/delicious.png' width='16'/></a>
<a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Digg This Post'><img alt='' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ7Jvzf4Z-ff_DCYOm7A7MxLBqul8yXymsaU9KZL5GvypgjHDxbMU0K893AFo8jZUgt3pLqlv0f0jrkZZN64uQ8f0dWCEuZ3ORmtw433SXYxjrbbDaFIJD9FpaeGMpyiddf_PYLn4HLlob/s400/digg.png' width='16'/></a>
<a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble This Post'><img alt='' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwWHlciwkkneQAYdr9Ze_YIiyxdr-BFKggJvjyhj4EW-h0uRy_-eTxv9e4INOQhUot1U2z8GTvbeMoVG8HpQ6b8cSVC1HPEx5MJPYxLU4FSUyEyQFoY7tLNgyvjRtbkl9VIa5fr7DSoAM8/s400/stumbleupon.png' width='16'/></a>
</div></div>

	<div class='fb-like' style='clear: none;'>
	<h4>Do you like this story?</h4> 
	<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_counter addthis_pill_style'/>
<script type='text/javascript'>var addthis_config = {&quot;data_track_clickback&quot;:true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=sodiyc' type='text/javascript'/>
<!-- AddThis Button END -->
	</div></div>
	</b:if>
	<!--END FECEBOOK LIKE AND SOCIAL BOOKMARK--> 

Note :
Jika sobat menggunakan fitur "Readmore" carilah kode <data:post.body/> dan pilih yang kedua,

• Terakhir, Simpan Template.

Tweet