Cara Pasang Tombol Tweet, Google + dan Like Facebook

Cara Pasang Tombol Tweet, Google + dan Like Facebook

Cara Pasang Tombol Tweet, Google + dan Like Facebook
Minggu, Mei 13, 2012  tips, tombol like, tutorial blog  29 comments

Cara Pasang Tombol Tweet, Google + dan Like Facebook

Sebelumnya ada teman yang menanyakan cara memasang tombol like di postingan, nah kali ini saya memiliki kesempatan untuk membuat tutorial cara membuat tombol Tweet, Google + dan tombol like Facebook tanpa menggunakan plugin pihak ketiga. Jadi disini kita tidak menggunakan plugin pihak ketiga agar loading blog tidak menjadi berat apabila di tambahkan tombol Tweet, Google + dan tombol Like.

Cara membuat tombol Tweet, Google + dan like tanpa plugin pihak ketiga
1. Login ke Blogger  Template  Edit HTML
2. Sebelum mengubah kode HTML sebaiknya cadangkan dulu template anda untuk menghindari hal-hal yang tidak diinginkan.
3. Centang Expand Template Widget
4. Cari kode datapost.body jika di Blog anda ada banyak kode seperti itu, pilih kode yang kedua.
5. Simpan kode berikut ini setelah kode datapost.body atau jika anda ingin memasang tombol Tweet, Google + dan tombol like Facebook di atas postingan, simpan kodenya sebelum datapost.body

    div style='floatleft;width80px'
    a class='twitter-share-button' href='httpstwitter.comshare'Tweeta
    script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="platform.twitter.comwidgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");script
    div
    div style='floatleft;padding-left10px;width60px'
    gplusone size='medium'
    div
    div style='floatleft;padding-left10px;width90px'
    iframe allowTransparency='true' exprsrc='"httpwww.facebook.compluginslike.phphref=" + datapost.url + "&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light"' frameborder='0' height='20' scrolling='no' style='bordernone;overflowhidden; '
    div