• 1. 6 Alasan Pengunjung Membenci Blog Anda
  • 2. Cara Menigkatkan Trafik Dan Pagerank Dengan Jutaan Pengunjung
  • 3. Cara Meningkatkan Pagerank Dan Jumlah Pengunjung Dengan Link Refferal
  • 4. 7 Cara Agar Website Muncul di Halaman Pertama Google
  • 5. Tips Gratis Meningkatkan Traffic Blog
  • 6. Blog paling di benci pengunjung dan google
  • 7. 8 Alasan Pengunjung Menyukai Blog Anda
  • 8. Cara Memasang Widget Live Traffic Feed Feedjit di Blogger
  • 9. Cara Memasang Widget Histats di Blogger
  • 10. 4 Cara Agar Blog Ramai Pengunjung
  • 11. Cara Membuat Blog Dofollow (Untuk blogger yang ingin meningkatkan posisi SERP blog mereka)
  • 12. Dofollow (backlink yang bisa membantu sebuah web/blog untuk meningkatkan pagerank)
  • 13. Membuat Tab View Sederhana Di Sidebar
  • 14. Cara membuat Kotak Tukaran Link / Link Excange di Blog
  • 15. 5 Keuntungan Membacklink Postingan Orang Lain
  • 16. Rahasia Blog Berbahasa Indonesia Go Internasional
  • 17. Rahasia Mendapatkan 100 Pengujung Blog Perhari
  • 18. Perbedaan Blog Dofollow dan Blog Nofollow
  • 19. Meratatengahkan Judul Pada Widget Blog
  • 20. Menyatukan Beberapa Widget Dalam Satu Tempat Dengan Efek Marquee
  • 21. Cara Membuat Kotak Kode HTML Dengan Warna Pada Postingan
  • 22. Daftar Adsense tanpa Blog
  • 23. Membuat Menu Navigasi Slide Horizontal Blogspot
  • 24. Cara Agar klik kanan disable atau NO COPAS
  • 25. Tips Mendongkrak Alexa Rank Blog Anda
  • 26. Tampilan Baru Blogger
  • 27. Cara Mengembalikan Permanen Link yang Asli
  • 28. Cara Menambahkan Judul Posting dibelakang Baca Selanjutnya(Read More) di Blogger
  • 29. Cara Membuat Gadget "Follow by Email" di Blogger
  • 30. Cara Membuat Kotak "Like" Facebook Di bawah Postingan Pada Blogspot
  • 31. Cara Membuat Related Posts Untuk Blogger

  • Thursday, October 6, 2011

    Cara Membuat Kotak "Like" Facebook Di bawah Postingan Pada Blogspot


    Facebook telah menjadi salah satu alat yang paling populer di kalangan blogger untuk menyebarkan postingan blog. Dengan menambahkan kotak "Like" facebook di bawah artikel blogspot anda, maka anda bisa memberikan cara baru utk pembaca blogspot anda dng cara mensharing posting anda dengan teman-teman mereka.

    Aneesh blogger plugins telah mengembangkan cara sederhana untuk memasang kotak "Like" facebook untuk setiap halaman blogger anda yang berbasis situs. Berdasarkan pada kode asli
    plugins ini dan desain yang dikembangkan oleh Mia dari dezign matterz. Saya menggunakan versi yang sedikit berbeda.

    Dalam posting ini, saya akan memberikan gambaran tentang bagaimana menginstal kotak "Like" facebok dengan Aneesh / Mia plugins, dan metode tambahan untuk membuat widget "Like" sederhana dengan widget default Blogger / Blogspot.

    Cara membuat kotak "Like" facebook dengan plugins:
    Masuklah ke halaman instalasi plugin di blogger dan isilah formnya. Anda harus memasukkan URL dari halaman fan facebook anda atau profil, dan definisikan juga lebar yang anda inginkan dalam piksel. Kode yang berada dibawah form akan diperbarui setelah anda memasukkan isian tersebut.


    Jika anda menggunakan salah satu template blogger terbaru, anda bisa menambahkan kode style CSS di Desain >> Template Designer >> Lanjutan >> Tambah CSS pada bagian dashboard, bila anda menginginkannya. Atau, ikuti petunjuk di plugins Aneesh untuk menambahkan secara langsung dalam file template Blogger anda.

    Akhirnya, tambahkan kode yang telah disesuaikan bawah tag <data:post.body/> dalam kode HTML blog anda dan simpan template anda. Setelah instalasi sederhana tersebut, anda akan melihat kotak "Like" facebook muncul pada halaman konten situs anda.

    Cara membuat kotak "Like" Facebook yang sederhana:
    Jika anda lebih memilih untuk menambahkan kotak "Like" yang sederhana, anda dapat menginstal widget "Like" defaulnya ini sebagai gantinya :


    Untuk menambahkan model widget, masuk ke Desain >> Edit HTML di dashboard Blogger anda dan centang kotak "Expand Template Widget". Cari tag <data:post.body/> dengan menggunakan fungsi pencarian di browser anda dan sisipkan langsung kode berikut di bawah ini :
    <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=450&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>

    </b:if>

    Anda perlu memberikan sedikit perubahan untuk widget ini agar bisa bekerja di template yang akan anda gunakan saat ini :

    1.  Jika anda ingin menampilkan wajah orang yang telah menyukai halaman anda, ubahlah bagian yang disorot  dengan warna merah menjadi "true"
    2. Ubahlah kode yang ditandai dengan warna kuning dengan lebar dalam piksel Bila anda ingin menyajikan lebar dan tinggi widget anda.

    Dan akhirnya simpan template anda dan lihatlah kotak "Like" facebook baru yang akan ditampilkan pada halaman konten situs anda.

    14 komentar:

    Danu Akbar said...

    Social tool sekarang bisa jadi faktor pendukung SEO loh..
    kalo kita punya rating yang bagus di social media, google juga bakal ngasih rating yang bagus :D

    usaha sukses said...

    Facebook cara efektif buat promosi blog, karena cepat berkembang dengan viral marketing..

    Bengkel Bangun said...

    Akhirnya ketemu juga disini, Terima kasih sudah berbagi kawan dan jangan lupa bila ada kesempatan sempatkan diri untuk mampir.

    Ngeposting said...

    ijin sedot scriptnya gan....

    Berbagi Ilmu Pengetahuan said...

    @Danu : bener sekali sob, utk itu kita perlu jg bersosialisasi d fb selain blogwalking :)

    @usaha : betul sekali sob :D

    @bengkel : kunjungan balik segera d laksanakan :)

    @ngeposting : silahkan gan :D

    Berbagi Ilmu Pengetahuan said...

    @Danu : bener sekali sob, utk itu kita perlu jg bersosialisasi d fb selain blogwalking :)

    @usaha : betul sekali sob :D

    @bengkel : kunjungan balik segera d laksanakan :)

    @ngeposting : silahkan gan :D

    blogadexme said...

    keren sob....
    klw boleh link exchange lah gan...http://blogadexme.blogspot.com

    Berbagi Ilmu Pengetahuan said...

    @blogadexme : OK gan :)

    chelonia said...

    Ane suka dengan blog ini, templatenya keren..
    Apalagi konten"nya yg begitu bermanfaat bagi seorang blogger pemula, termasuk sy.
    ma kasih untuk sharingnya.

    Berbagi Ilmu Pengetahuan said...

    @chelonia : thanx's gan atas kunjungannya :D

    nova13 said...

    Like posting aja deh gan :D

    Omeco said...

    mantap ni infonya.. n comment daripara sobat bloger.

    Berbagi Ilmu Pengetahuan said...

    @all : thanx's komen & kunjungannya :)

    Celana Kesehatan Hernia said...

    saya sudah buat tapi g mau tampil gan untuk like FBnya, coba tolong dilihat http://anekatips-online.blogspot.com

    Post a Comment

    Blog ini sudah dofollow silakan komentar di bawah ini

    TUKAR LINK
    Silahkan bagi sobat blogger yang berminat tukar link dengan blog ini, tinggal copas aja kode yang ada di bawah ini. Untuk syarat2nya bisa dibaca di sini, bagi para sobat blogger yg ingin ngecek linknya silahkan lihat di bawah ini :



     

    Blog'e Cah Nganjuk Copyright © 2011 -- Template Powered by Blogger