Trik Membuat Tombol Share Dibawah Postingan Blog Super Keren

Membuat Tombol Share Dibawah Postingan Blog Super Keren 

Kali ini Ane akan share tentang Trik Membuat Tombol Share Dibawah Postingan Blog Super Keren yang terbaru .. silahkan simak postingan ane dibawah ini.

Untuk menghindari kesalahan ada baiknya kalian backup template kalian terlebih dahulu.

Pertama - tama Login Blogger 

Pilih mode Template lanjut pilih Edit HTML

>> Cari kode berikut ]]></b:skin> 

Kemudian letakan kode dibawah ini diatas kode ]]></b:skin>

#share-button-fauzie {margin:0 0 8px;padding:0;overflow:hidden;}#share-button-fauzie 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-fauzie 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-fauzie a:hover {top:1px;left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1);}

Setelah itu cari kode <data:post.body/>

kemudian letakan dibawah kode tadi letakan kode script dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='clear'/>
<div id='share-button-fauzie'>
<p>Bagikan ke</p>
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' 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' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a>
<a class='twitter' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a>
<a class='twitter' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' style='background:#000000;' target='_blank' title='Digg this!'>Digg</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;'>Lintaskan</a>");
//]]>
</script>
<!-- End script -->
<div class='clear'/>
</div>
</b:if>

langkah terakhir Save template kalian.