Cara membuat tombol share di bawah artikel yang simpel

Cara Membuat Tombol Share di bawah artikel yang simpel - Setelah sekan lama tidak ngepost, kali ini saya ingin berbagi Cara menbuat tombol share artikel yang simpel.. dan terdiri dari 4 sosial media yaitu Facebook, Google+, twitter dan LintasMe

Langsung saja bagi anda yang ingin membuat tombol share tersebut silahkan di simak cara memasang Tombol sare artikel yang simpel..

• Pertama - Login ke blogspot dan masuk dashbord
• Kedua - Klik template ==|> Edit HTML
• Ketiga - Cari kode ]]></b:skin> , kemudian pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

/* Tombol Share Lanonadio */ #share-button-lanonadio { margin:0 0 8px; padding:0; overflow:hidden; } #share-button-lanonadio p { float:left; box-shadow:1px 1px 5px rgba(1,1,1,.1); background:#eaeaea; font-color:#000; display:block; padding:5px 8px !important; margin:0 3px 3px 0; border-radius:6px 6px; border:1px solid #fff; } #share-button-lanonadio a { position:relative; float:left; box-shadow:1px 1px 5px rgba(1,1,1,.1); border-radius:6px 6px; display:block; color:#fafafa; padding:5px 8px; margin:0 3px 3px; border:1px solid #fff; } #share-button-lanonadio a:hover { top:1px; left:1px; box-shadow:0px 0px 3px rgba(1,1,1,.1); }

• Kemudian cari kembali kode <data:post.body/> biasanya kode tersebut ada 2 silahkan pilih yang paling bawah saja, dan letakan kode di bawah ini tepat di bawah kode<data:post.body/>

<b:if cond="data:blog.pageType == &quot;item&quot;">
</b:if>
<div class="clear">
<div id="share-button-lanonadio">
Bagikan<br />
<a class="facebook" expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" style="background: #3b5998;" target="_blank" title="Facebook">Facebook</a>
<a class="facebook" expr:href="&quot;https://plus.google.com/share?url=&quot; + data:post.url" href="" style="background: #c0361a;" target="_blank" title="Google+">Google+</a>
<a class="twitter" expr:data-text="data:post.title" expr:data-url="data:post.url" href="http://twitter.com/share" style="background: #4099ff;" target="_blank" title="Twitter">Twitter</a>
<!-- script begin here -->
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' style='background:#FF9900;'>LintasMe</a>");
//]]>
</script>
<!-- End script -->

<div class='clear'/>

</div>

</b:if>

• Dan langkah terakhir SAVE template.

mudah sekali kan caranya. semoga ada yang tertarik dan segera di pasang. akhi kata selamat berkreasi dan happy blogging