Memasang Facebook Button (Share to Facebook) di Blog

Ini postingan pertama saya yang isinya bersifat membagi - bagi ilmu/share pengalaman dalam nge-blog, agak sedikit grogi, soalnya saya bukan seorang programmer/blogger yang mahir mengutak - atik bahasa HTML tapi pengalaman ini saya dapat setelah bertanya - tanya kepada teman - teman yang mahir dan sekaligus saya compare di blog - blog yang memuat blog tutorial.

Postingan ini dibuat atas dasar permintaan dari salah satu rekan saya yang melihat perubahan disana - sini pada blog saya, memang kemarin, seharian penuh saya meng-utak -atik blog saya, seperti membuat favicon, membuat banner link exchange, membuat blogroll tapi dengan gaya marque dan terakhir memasang facebook button (share to facebook).


Nah untuk yang perdana ini saya akan mencoba membagi - bagi pengalaman bagaimana cara memasang facebook button (share to facebook) di blog, dengan penyampaian ala "Ir2brothers" tentunya :)


Langkah pertama
Login terlebih dahulu ke blog masing - masing, klik tata letak/layout setelah itu pilih edit HTML.

Langkah Kedua
cetang Expand Templates Widget (untuk mengantisipasi kesalahan/kegagalan yang membuat template teman - teman berantakan, ada baiknya sebelum men-centang Expand Templates Widget, teman - teman klik download full templates yg dimaksudkan untuk memback up template apabila terjadi kesalahan yg sy sebutkan tadi).

Langkah Ketiga
Tugas teman - teman selanjutnya yaitu mencari kode seperti dibawah ini :
<b:if cond='data:top.showAuthor'>

Langkah Ke-empat
copy dan paste kode di bawah ini :

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

Paste kode tersebut diatas kode pada Langkah Ketiga 

Langkah Ke-lima 
Klik save templates
Jika proses diatas berhasil tanpa kesalahan maka hasilnya nanti akan muncul gambar seperti dibawah ini pada setiap artikel teman - teman :

Selamat Mencoba
Referensi : free-7a.blogspot.com

2 comments:

  1. Owh...gitu tooo...
    Dulu sempat bingung gimana cara'x, xixiix...
    Thx ya bro :)

    ReplyDelete
  2. hihi...:D

    sama2 sob...

    jadi malu dan takut nih,hehehe...

    ReplyDelete

|Mohon Diperhatikan Rulenya|

Dimohon agar tidak menyertakan link pada isian komentar yang rekan sekalian tulis, karena akan dianggap spam & dengan berat hati saya hapus. Sudah disediakan pilihan identitas name/url untuk menuju ke blog anda, mohon gunakan sebaik mungkin :)

Powered by Blogger.