Cara Membuat Tombol Like FB, Twitter, and G+ di atas Postingan

imam mamen

28 Comments

TutorialBlog

Saturday, June 29, 2013

Cara Membuat Tombol Like FB, Twitter, and G+ di atas Postingan - kalau sebelumnya saya postingCara Membuat Google Custom Search di Blog, Kali saya hadir dengan postingan terbaru yaitu Cara Membuat Tombol Like FB, Follow Twitter, and Share G+ di atas Postingan, maksud dari Tombol Like FB, Follow Twitter, and Share G+ adalah tombol social media yang sudah saya jadikan satu, jadi tidak peru repot repot lagi merapihkannya, dan kode scriptnya juga tidak terlalu panjang kok, jadi tidak akan membuat blog berat :D. kurang lebih seperti ini tampilannya :

SS diatas adalah tampilan dari Tombol Like FB, Follow Twitter, and Share G+, untuk memasangnya, silahkan ikuti Tutorial berikut :

1. Login ke akun blogger masing masing

2. Lalu klik Template -> Edit HTML

3. Cari kode dibawah ini , gunakan CTRL+F atau F3 untuk mempermudah pencarian

<data:post.body/>

4. Lalu copy kode di bawah ini dan paste tepat di atas kode <data:post.body/>

<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='450'/>

<g:plusone expr:href='data:post.url' size='medium'/>

<iframe class='twitterx-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=666_WTF&amp;show_count=&amp; show_screen_name=&amp;text_color=' style='width: 250px; height: 20px;' title='Follow@666_WTF'/>

5. Lalu klik simpan/save.

KETERANGAN :
Jika kode <data:post.body/> lebih dari satu, silahkan praktekan satu persatu
Script kode pertama adalah Tombol like and send facebook
Script kedua adalah share tombol g+
Script kode ketiga yang paling panjang adalah script kode twitter
Ganti kode yang berwarna biru dengan nama Twitter kalian

Jika ada pertanyaan silahkan berkomentar :) jika ingin cepat terbalas kontak saya di fb (linknya ada di pesan formulir komentar)

Jangan lupa untuk mem-backup template anda sebelum mengedit Template HTML

Terimakasih telah membaca artikel di blog ini, semoga bermanfaat, jgn lupa komentar + follownya sebagai rasa terimakasih :) Jika ingin copas tolong sertakan link sumber,