Cara memasang Widget Fanfage dan Coment Facebook di blog

Cara memasang Widget Fanfage

 

Floating Fan Page Facebook merupakan widget yang kita tambahkan pada blog untuk mempercantik tampilan blog sekaligus menata dengan rapi widget-widget yang sudah terpasang pada blog. Sebelumnya saya juga sudah pernah bahas tentang cara memasang like box facebook widget pada blog. Dan pada kesempatan kali ini, saya akan memberikan tips blog lagi yaitu Cara Memasang Floating Fan Page Facebook Pada Blog. Sebagai gambaran awal dari Floating Fan Page Facebook pada blog, teman-teman bisa melihat contohnya pada widget fan page yang saya sudah pasang pada blog ini. Pemasangan widget fan page ini tidak akan berjalan dengan lancar bilamana teman-teman blogger belum membuat halaman fan page pada facebook sebelumnya. Untuk itu, silakan buat dulu halamannya. Dan untuk membuat halaman fan page pada facebook, silakan tanyakan saja pada Om Google.

Untuk teman-teman blogger yang sudah punya halaman fan page pada facebook dan ingin memasang widget floating fan page facebook pada blog, silakan ikuti langkah-langkahnya di bawah ini :

1. Silakan login ke akun blog Anda.
2. Pada halaman dasbor akun blog, silakan klik nama blog Anda.
3. Kemudian pada halaman overview blog Anda, silakan pilih template-edit HTML-Prossed-expand widget template.
4. Selanjutnya silakan cari kode ]]></b:skin>.
5. Kalau sudah ketemu kodenya, silakan copy dan paste kode di bawah ini pas di bawah kode ]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

6. Selanjutnya silakan simpan template blog Anda dan tutup juga halaman edit HTML-nya.
7. Kemudian silakan pilih lagi layout, lalu pilih dan klik Add Gadget pada posisi mana saja.
8. Setelah muncul windows Add Gadget Blogger, silakan pilih HTML/JavaScript dengan cara klik tombol plus [+] yang ada disebelah kanannya.
9. Langkah selanjutnya, silakan copy kode di bawah ini dan paste pada bagian content.

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlZEvXTWXxDtEQCt6XcblP3fs93ekBQjrn7bw6wp3yw7Ut8IkwsgZ3x4aP6K4S0LWrqRxUrlrAA8cUM9IMLnG11wP-FhZsMnM1k285uRwBklJt7A0EXcKUc05CsKgIDNMQOhat28dw11rT/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed; right:-250px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/centrinoblog&amp;width=240&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 258px; width: 245px;background:#fff;"></iframe> </div> </div>

10. Setelah dipaste kodenya pada bagian content, jangan dulu disimpan kodenya tapi silakan ganti kode yang saya kasih warna merah dengan alamat atau URL halaman fan page facebook Anda. Setelah diganti kode yang berwarna merah, barulah disimpan kodenya

 cara MemasangComent Facebook di blog

 

 Cara tepat membuat komentar facebook di blog >> Cara tepat membuat komentar facebook di blog, Ternyata setelah saya amati banyak yang kesulitan tentang bagaimana cara membuat komentar facebook di blog, nah infonetmu akan share demi teman2 yang bertanya2 dan kesalahan apa yang menyebabkan komentar fb pada blog kamu tidak tampil maupun bagaimana Cara tepat membuat komentar facebook di blog maka saya akan share walau agak panjang dikit yah.

Sebelumnya saya tulis juga tentang cara membuat komentar facebook di blog, baca disini dulu jika kamu belum membacanya, nah ada yang bilang bahwa cara yang saya tulis itu ribet, dan kuno yah? maaf deh.. sebelum komentar pelajari dulu yah...lalu bagaimana cara yang baru?  katanya cara yang baru adalah cukup memasang satu script di tempat yang kamu inginkan. kode script komentar facebook yang baru adalah dibawah ini!
<data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='600'/></div>
</b:if>

Kamu tinggal meletakkan dibawak kode template kamu jika ingin memasangnya tampil dibawah postinganmu, berhasil gak? berhasil juga kok. dan sangat mudah juga. ituh yah yang gak kuno? gak ribet kayak dulu yah.. he he.. facebook membuat simple plugin komentarnya agar untuk mempermudah kita memasang komentar facebook di blog kita.

Nah, sekarang ada pertanyaan. bagaimana sih cara melihat atau mengetahui ada komentar facebook baru pada postinganmu, bisa gak kamu mengetahuinya? apa kamu akan membuka satu2 postinganmu yang terdahulu hanya untuk mencari tahu ada komentar baru atau gak pada postinganmu? jika kamu menggunakan script diatas maka kamu pemilik blogpun yang seharusnya jadi admin tidak bisa mengetahui komentar facebook yang masuk pada blogmu.

Lalu bagaimana sih Cara tepat membuat komentar facebook di blog? he he.. saya menggunakan versi yang kuno kok, tapi lihat gambar dibawah ini!

Klik pada gambar untuk memperbesarnya, pada gambar diatas saya dapat pemberitahuan baru pada akun fb saya setiap ada komentar baru juga yang masuk pada blog infonetmu ini, enak kan? eh masih ada lagi nih, lihat gambar dibawah ini!

Pada gambar2 diatas saya bisa juga mengatur komentar facebook kamu, menghapus atau memoderasi,menampilkan berapa yang ingin saya tampilkan bahkan menghapus komentar fb kamu juga.


Misal jika ingin mengetahui komentar2 yang baru di postingan mana saja kamu tinggal klik setting>>moderate application comment>>lalu akan tampil seperti gambar dibawah ini

Klik pandangan moderator lalu akan tampil gambar seperti dibawah ini!

Klik kunjugi situs web maka kamu akan mengarah di alamat url atau postinganmu yang diberi komentar,dari situ kamu bisa membalas komentar facebook kamu juga. sekarang tinggal kamu pilih cara mudah seperti dengan kode diatas atau dengan cara kuno yang saya pakai? canggih kok kuno.. he he..untuk cara yang saya pakai klik tautan dibawah ini:
Cara Membuat Komentar Facebook di Blog
Menurutmu yang mana Cara tepat membuat komentar facebook di blog, semua terserah kamu, semuanya tepat juga kok. oke silahkan pasang pada blogmu,jika ada masalah komentar dibawah saya siap membantu.