Cara Membuat Tombol Share di Blog Fast Loading

Tombol Share adalah tombol yang digunakan untuk membagikan artikel blog ke media sosial agar blog kita mendapat visitor yang lebih banyak. Selain bermanfaat untuk pemilik blog tombol share juga bermanfaat untuk pembaca blog, karena dengan adanya tombol share mereka bisa membagikan informasi bermanfaat untuk teman-temannya.

Biasanya tombol share terletak di atas postingan atau yang paling sering kita lihat adalah tombol share terletak di bawah postingan. Di bawah postingan adalah posisi paling ideal untuk tombol share karena sebagian besar orang pasti akan membaca dan menilai dulu kualitas sebuah artikel sebelum artikel itu dibagikan ke media sosial, wajar saja kalau sebagian besar blog dan website meletakkan tombol share di bawah postingan blog.

Jadi, kali ini saya akan membagikan cara membuat tombol share di blog fast loading dan tombol tersebut terletak di bawah postingan blog. Tombol share yang akan saya bagikan ini di jamin tidak akan memberatkan loading blog. Selain itu desainnya juga sangat keren, simple, rapi dan responsive.

Cara Membuat Tombol Share di Blog Fast Loading

1. Buka Blogger.com > Template > Edit HTML.
2. Setelah itu cari kode ]]></b:skin> dan pastekan CSS di bawah ini di atasnya.

/* Share Buttons */
#share-buttons{margin:15px 0 5px;padding:0}
#share-buttons p{float:left;display:block;padding:3px 0!important;margin:0 3px 3px 0}
#share-buttons a{position:relative;float:left;display:block;color:#fafafa;padding:3px 8px;margin:0 3px 3px}

3. Kemudian cari kode <data:post.body/> dan pastekan HTML di bawah ini di bawahnya.

<div id='share-buttons'><div id='share-buttons'>
<p>Bagikan : </p>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;' target='_blank'>Facebook</a>
<a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;' target='_blank'>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;' target='_blank'>Twitter</a>
<div class='clear'/>
</div></div>

4. Lalu klik 'Save Template'.

Setelah template blog sobat simpan, tampilan tombol sharenya kira-kira seperti di bawah ini.
Demikian Cara Membuat Tombol Share di Blog Fast Loading dan jangan lupa bagikan artikel ini ke teman-teman sobat, terima kasih.