Cara Membuat Tombol Berbagi Sederhana Dan Responsif Ala Badpeople

 Kemarin saya sudah memberikan cara membuat [Tombol berbagi keren] Kali ini saya mau berbagi hal yang sama, hanya berbeda pada penampilannya saja, dan yang paling penting lagi tombol ini sangat Responsif dari yang sebelumnya.
Yahh.. Langsung saja kita ke langkah-langkah pembuatannya..

Langkah #1. Silahkan login dan masuk ke dalam dashboard blogger kamu. Setelah itu masuk ke bagian menu Template > Edit HTML.

Langkah #2. Tambahkan kode CSS dibawah ini tepat diatas kode </b:skin> atau kode </style>.

h8{
font-size:14px;font-weight:bold;
margin:0 0 .5em;
text-transform:uppercase;
}

Langkah #3. Lalu cari kode <data:post.body/> (yang terakhir) lalu letakkan kode di bawah ini tepat di bawahnya.

<!--tombol share -->
 <div style='background-color: none; padding-top:15px;'>
            <div id='share-buttons-mobile'>
 <h8>BAGIKAN :</h8>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#D1FFCB;padding:2px; margin:2px'>FACEBOOK</a>
<a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#D1FFCB ; padding:2px; margin:2px '>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:#D1FFCB ; padding:2px; margin:2px '>TWITTER</a>
<div class='clear'/>
</div>
</div>
 <!--tombol share end -->

Saya rasa sudah cukup jelas penjelasan diatas, dan jika ada pertanyaan jangan sungkan-sungkan untuk berkomentar dibawah.