Cara Membuat Tombol Share di Bawah Postingan Blog

Cara Membuat Tombol Share di Bawah Postingan Blog - Pagi sobat, pada kesempatan kali ini saya akan membahas tentang Blog, ma'af ya saya jarang ngepost, soalnya saya sedang sibuk dikehidupan nyata saya, banyak komentar juga yang saya belum balas, ( kok curhat ), baiklah kita langsung saja ke tutorialnya.

• 1. Login ke Blogger
• 2. Pergi ke Template
• 3. Kemudian cari kode ]]></b:skin>
• 4. Bila sudah ditemukan, letakkan kode dibawah ini tepat diatas kode ]]></b:skin

#share-button{margin:0 0 8px;padding:0;overflow:hidden}#share-button p{float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button 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 a:hover{top:1px;
left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}

• 5. Belum selesai, cari kembali kode <data:post.body/>
• 6. Bila sudah ditemukan, letakkan kode dibawah ini tepat dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='clear'/>
<div id='share-button'>
<p>Share to</p>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
<a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
<a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>Twitter</a>
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:blog.url' rel='nofollow' style='background:#000;'>Digg</a>
<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;'>Lintaskan</a>");
//]]>
</script>
<div class='clear'/>
</div>
</b:if>

• 7. Selesai, dan simpan. Kemudian lihat hasilnya.

Nah, demikianlah artikel tentang "Cara Membuat Tombol Share di Bawah Postingan Blog", semoga bermanfaat bagi kalian semua.