Menu
Silahkan baca dan Share artikel disini bila bermanfaat tapi jangan lupa menyebut sumbernya,.. Thank You

Menambahkan Facebook Share dan Facebook like di Blog

Tanya:
mau tanya nih, cara nambah ikon facebook share sm like nya itu gmn yah?
Jawaban:
Insya Allah Saya akan menjawab pertanyaan ini semoga puas dengan jawaban saya.

FACEBOOK SHARE

Langkah-langkah membuat Facebook Share

1. Buka blogger. Masuk ke menu Design->Edit HTML

2. Beri centang pada 'Expand widget templates'

3. Cari kode <data:post.body/>


4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.

Tombol Fshare tanpa counter

tombol fshare tanpa counter

Kode:

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>


Tombol Fshare dengan counter diatas

tombol fshare dengan counter diatas




Kode:
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter disamping

tombol fshare dengan counter disamping

Kode:
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

6. Jika sudah simpan template anda dan lihat hasilnya.

FACEBOOK LIKE
Adapun facebook like,.. langkah-langkahnya sebagai berikut

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode
<data:post.body/>

4. Jika anda menemukan dua kode
<data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah
<data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini





Kalau anda ingin membuat tombol like dalam bentuk ini




maka ganti standard dengan button_count

4 komentar:

  1. keren blognya, bisa bantu ga cara membuat link sub menu link, seperti sub menu pada blog ini ada bnyk sub menu di atasnya untuk di isi seperti artikel, news, dllnya......

    BalasHapus
  2. @Ricky Othuz kalau menu sub menunya saya pakai CSS generator,... Tapi Insya Allah nanti sy buat Widgetnya..

    BalasHapus

Newsletter

Get All The Latest Updates Delivered Straight Into Your Inbox For Free!

Followers

Khansa Muslim on FB