Cara Membuat Tombol Share Seperti Blog Mas-Sugeng

Halo apa kabar sahabat blogger, pada kesempatan ini saya akan membahas Cara Membuat Tombol Share Seperti Mas-Sugeng. Tombol ini membagikan artikel ke sosial media seperti facebook,twitter, dan google+. Ok langsung saja di simak caranya.

-Cara Membuat Tombol Share-

1. Masuk Ke Blogger
2. Kemudian Template-Edit HTML
3. Cari Kode ]]></b:skin> , Kemudian kopy kode di bawah ini tepat di atas kode ]]></b:skin>

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

4. Kemudian cari kode <div class='post-footer-line post-footer-line-1'> copy kode di bawah ini tepat di bawah kode <div class='post-footer-line post-footer-line-1'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='clear'/>
<div id='share-button-lanonadio'>
<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: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>
<div class='clear'/>
</div>
</b:if>

5. Simpan Template, dan lihat hasilnya

Demikian cara membuat tombol share, semoga bermanfaat. dan selamat mencoba.

Title : Cara Membuat Tombol Share Seperti Blog Mas-Sugeng
Description : Cara Membuat Tombol Share Seperti Blog Mas-Sugeng Halo apa kabar sahabat blogger, pada kesempatan ini saya akan membahas Cara Membuat To...