http://picasion.com

rss

Cari Sepatu Keren??

Cara Membuat Tombol Facebook Like di Blogger

Hanya untuk catatan supaya tidak lupa, saya akan memposting tentang tombol Facebook Like pada Blogger. Faceook Like ini sangat populer untuk para Facbooker yang betah nongkrong di facebook untuk sekedar update status atau mengomentari teman dan juga ada tombol Like nya.
Berikut langkahnya untuk membuat tombol Facebook Like di setiap postingan :

  1. Login - Layout/Tata Letak - Edit HTML
  2. Cek pada Expand Template Widget
  3. Cari kode berikut ini:
  4. <data:post.body/>
  5. Letakkan kode berikut setelah kode tadi: 
  6. <b:if cond='data:blog.pageType == &quot;item&quot;'> <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' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>
  7. Save tamplate

Kustomisasi Tambahan

Ada beberapa kustomisasi yang bisa anda terapkan pada tombol ini. Seperti berikut:
  1. Penggantian kalimat like menjadi recommend pada kode yang bertuliskan action=like menjadi action=recommend dan akan tampil seperti ini:

  2. Coba ganti tulisan colorscheme=light menjadi colorscheme=dark atau colorscheme=evil
  3. Anda juga bisa mengganti model tulisan yang semula font=arial menjadi salah satu dari opsi berikut ini:


    1. font=lucida+grande
    2. font=segoe+ui
    3. font=tahoma
    4. font=trebuchet+ms
    5. font=verdana

    .::Related Posts:

    22 comments:

    software download full on Sunday, July 18, 2010 4:34:00 AM said... Reply

    thanks untuk tutorialnya boz

    Unknown on Sunday, July 18, 2010 12:45:00 PM said... Reply

    sama-sama sobat..

    Tembang Lawas on Sunday, September 19, 2010 2:29:00 AM said... Reply

    Mkasih Pak Dani tutorialnya :)

    hamz/blogpakdani on Sunday, September 19, 2010 1:54:00 PM said... Reply

    @Tembang Lawas
    Sama-sama sobat

    Anonymous said... Reply

    jika kita ingin menampilkan di homepage yg dimaksud dg menghapus kode berwarna merah yg mana Pak?

    Media Beasiswa on Tuesday, October 05, 2010 10:17:00 AM said... Reply

    Sudah dicoba dan berhasil tapi saya pke script yg dikasih facebook

    Peluang Bisnis Internet on Tuesday, October 05, 2010 1:28:00 PM said... Reply

    Kode yang berwarna merah nya yang mana gan...?

    soalnya ane coba pake kode itu semua, hasilnya pas diklik like -->> eror

    awi on Sunday, October 10, 2010 6:38:00 PM said... Reply

    knp gue punya terjadi kesalahan

    Asia Stock Market on Wednesday, November 10, 2010 11:31:00 AM said... Reply

    udah di coba pak dani....dan berhasil...thanks..

    messi on Saturday, November 13, 2010 11:58:00 PM said... Reply

    bermanfaat sekali, terimakasih bro :D

    Anonymous said... Reply

    mohon pencerahan y boz. d tempalte w g da jd binggung ne?

    Mahendra on Wednesday, February 09, 2011 7:59:00 PM said... Reply

    kode disebelah mananya yya? kok saya gak ketemu2.

    Prista Fantasia on Wednesday, February 16, 2011 10:31:00 PM said... Reply

    Mkasih mas, sangat membantu sekali :)

    Soe Ma Dhie on Saturday, March 05, 2011 9:36:00 PM said... Reply

    makasih om infonya,,,,

    Anonymous said... Reply

    gimana dah coba tapi ga iso ne,...

    please gimana ne,..

    batik, lurik dan souvenir murah klik disini on Tuesday, March 29, 2011 8:47:00 PM said... Reply

    tks bos..udah berhasil di praktikkan

    paskibra on Saturday, April 16, 2011 12:45:00 AM said... Reply

    om follow balik ye...

    Abraham on Wednesday, April 27, 2011 11:15:00 AM said... Reply

    wah...udh di paste....tapi kok masih g bisa y om dhani?? please jwab...

    MustBhagoezt on Tuesday, June 28, 2011 8:16:00 PM said... Reply

    nice posting...

    DEBRIAN RUHUT BLOG on Monday, September 12, 2011 8:40:00 PM said... Reply

    yang ini udah di modif..thanks ya. :)

    Sani Renartha Kusuma on Sunday, July 29, 2012 7:43:00 PM said... Reply

    kok eror pas di like atau recommend?

    Aisya Mutmaina on Sunday, January 13, 2013 6:28:00 PM said... Reply

    Makasih


    Post a Comment

    Silahkan tulis komentar sebagai umpan balik dari artikel ini. Tidak diperkenankan untuk komentar yang berunsur spamming, porno, dll.

    http://picasion.com/i/1TFa9/

    Sub Menu

  1. 1. Membuat Teks Berkedip
  2. 2. Menambah Elemen di Atas dan Bawah Posting
  3. 3. Menambah Dua Elemen di Bawah Sidebar
  4. 4. Kotak Komentar Blogger Bermasalah
  5. 5. Membuat Teks Bergerak Pada Blogger
  6. 6. Membuat Tabel Pada Blogger
  7. 7. Cara Membuat Scrollbox pada Blogger
  8. 8. Fungsi New Pages Pada Blogspot
  9. 9. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  10. 10. Membagi 2 Kolom Sidebar Blog
  11. 11. Cara Memperlebar Halaman Blog
  12. 12. Mengatur Perataan Posting Artikel
  13. 13. Membuat Menu Dropdown Pada Arsip
  14. 14. Blogger Sudah Support Fungsi Readmore
  15. 15. Menambahkan Web Counter
  16. 16. Cara Mendaftar dalam Blogspot
  17. 17. Membuat Emotion Pada Blogger
  18. 18. Memasang Yahoo Messenger Emotion
  19. 19. Membuat Background Posting
  20. 20. Membuat Menu Tab View Pada Blogger
  21. 21. Cara Mengganti Icon Pada Address Bar
  22. 22. Cara Memasang Gambar Berbingkai
  23. 23. Cara Membuat Tombol Facebook Like di Blogger
  24. 24. Cara Membuat Related Post Dengan Fungsi Scroll
  25. 25. Membuat Border dan Kotak Pada Postingan
  26. 26. Cara Membuat Buku Tamu Melayang
  27. 27. Membuat Iklan Melayang dengan Tombol Close
  28. 28. Membuat Kata Sambutan, Penutup dan Pertanyaan Pada Blogger
  29. 29. Memasang Widget Recent Post dengan Thumblnails
  30. 30. Evolusi Blogger dari Tahun 1999 - 2009
  31. 31. Tips Agar Blog Anda Mudah Diakses di HP
  32. 32. Cara Memasang Retweet Button Pada Blogger
  33. 33. Cara Memperbesar Image/Gambar Pada Postingan Blog
  34. 34. Menambah Font dari Google Custom Pada Blogger
  35. 35. Membackup Komentar di Blogger
  36. 36. Koleksi Gratis RSS Feed Icon dan RSS Feed Vector Graphics
  37. 37. Tips Menjadikan Blogger Unlimited Bandwidht/Loading Page Super Cepat
  38. 38. Daftar 'Keyboard Shortcut' Untuk Posting di Blogger
  39. 39. Mengganti Font Blogger dari Kernest.com
  40. 40. Tips Seni Dalam Menulis Artikel di Blog Kita
  41. 41. 8 Tips Menulis Artikel Blog Dalam Waktu 20 Menit
  42. 42. 5 Tips Efektif dalam Menulis di Blog
  43. 43. Mengenal Lebih Dekat Tentang SEO dengan SEO Dictionary
  44. 44. 4 Situs Terbaik Bekapasitas 10GB Untuk Menyimpan Data Secara Online
  45. 45. SEO adalah Kerangka, Konten adalah Otot, Sosial Media adalah Fisik
  46. 46. Bagaimana Cara Kerja Google?
  47. 47. Perbaharui Posting Lama Anda
  48. 48. Mengapa Page Rank Blog/Web Jatuh?
  49. 49. Share Buttons Milik Blogger
  50. 50. Integrasi Antara Blogger dan Zemanta Gadget
  51. 51. Gambaran Frekuensi Posting Blog kita
  52. 52. Cara Mengatasi Blog Post dari Copy Paste
  53. 53. Batas/Limit Kapasitas Akun Blogger
  54. 54. Posting Blog Menggunakan Word 2010
  55. 55. 6 Situs Foto Gratis untuk Blog Anda
  56. 56. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  57. 57. 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
  58. 58. Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
  59. 59. Generasi Blogger Masih Didominasi Oleh Kawula Muda
  60. 60. Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
  61. 61. Blogger Belajar Dari Harry Potter
  62. 62. Trik Menampilkan Total Post, Comment, dan Online User
  63. 63. 38 Jawaban SEO
  64. 64. Trik Menampilkan Total Post, Comment, dan Online User
  65. 65. Cara Mentransfer Akun Blog ke Akun Blog yang Lain
  66. 66. Mengenal Fungsi Navbar di Blogger
  67. 67. Cara Pasang Recent Posts Thumbnails Dengan Mudah
  68. 68. Cara Memasang File Flash Di Blog Post
  69. Popular Posts

    Shout it!