Cara Membuat Tombol Share Dibawah Postingan Blog Super Keren dan Ringan

Membuat Tombol Share Dibawah Postingan Blog Super Keren dan Ringan

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

(kadang beberapa template memiliki beberapa kode ini, biasanya yang cocok kode yang kedua)

Kemudian letakan kode script dibawah ini dibawah kode tadi :

<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.