Tambahkan Kotak Komentar Facebook Untuk Blogger - Baru!
Pada tahun 2009 Facebook developers memperkenalkan social plugin terbaik mereka "Facebook Comment Box". Plugin ini dapat tertanam dalam setiap situs web atau blog dan pengunjung dapat menggunakan ID Facebook mereka, Yahoo, AOL atau Hotmail untuk memberikan komentar di situs Anda. Plugin ini memang menunjukkan banyak masalah ketika tertanam di Blogger Blog pada awal perkembangannya tetapi sekarang Max dari Allbagtools plugin ini akhirnya telah bloggerized untuk bekerja sempurna dengan Blogger host blog. Saya telah lama browsing mengenai tutorial ini dan akhirnya berjumpa dengan langkah - langkah mengedit Max coding di beberapa situs dan telah disebutkan beberapa pilihan lebih menarik yang akan membantu Anda menggunakan kotak komentar Facebook secara paralel untuk membentuk Komentar Blogger lama Anda sehingga Anda dapat kehilangan ada komentar sebelumnya dan menyediakan pengguna dengan beberapa pilihan komentar dari berbagai platform.
Disamping ini tampilan Facebook Comment Box Like,
LIGHT SCHEME
DARK SCHEME
Menarik? Mari sekarang kita belajar bagaimana untuk memasangnya. Kotak komentar ini sangat berguna di blog Blogspot. Mohon ikuti langkah-langkah sederhana di bawah ini,
Dapatkan Aplikasi Facebook ID
1. Masuk ke Facebook Develovers Page
2. Maukkan URL blog anda serta namanya. Kemudian berikan Site name blog anda "Blog Title" dan URL situs sebagai "alamat blog" anda.
3. Klik "Create app".
4. Setelah mengirim kode pemeriksaan tersebut maka akan muncul halaman ini 
5. Masih di halam yang sama. Simpan App ID di notepad karena kita akan membutuhkan kedua itu. Sekarang Klik link yang ada disudut kanan atas (lihat warna biru gambar) "Developer Dasboard"
6. Muncul jendela baru dan klik link "Edit Settings"
7. Lalu pergi ke opsi Website dan masukkan "Site Domain" Anda sebagai "blogspot.com"
8. Simpan Perubahan "Save Change" dan lanjut ke langkah berikutnya.
Memasukkan Facebook Comment Box ke Blogger
Sekarang waktunya untuk memasukkan Facebook Comment ke dalam Blog anda. Ikuti langkahnya perlahan.
Catatan :
Terlebih dahulu masuk ke blog anda kemudian cari > Settings > Comments > and then choose embed comments below post (komentar berada di bawah postingan). Terkadadang di Template tidak memunculkan langkah tersebut, namun anda tidak usah khawatir. Setelah anda masuk ke settings > Comments > Tampilan (ganti menjadi "tersemat"). Kemudian ikuti lagi langkah di bawah ini,,,
- Masuk ke Template anda > Edit HTML
- Backup terlebih dahulu template anda untuk berjaga-jaga
- Centang "Expand Widget Templates"
- Cari kode <html gunakan CTRL+F untuk mempermudah, dan Copy kode dibawah ini tepat setelahnya
xmlns:fb='http://www.facebook.com/2008/fbml'
9. Selanjutnya cari kode dan letakkan kode ini tepat di atasnya.
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='MY Blogger Tricks' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/blabla' property='fb:admins'/>
<meta content='article' property='og:type'/>
Ganti kode berikut ini<meta expr:content='data:blog.url' property='og:url'/>
<meta content='MY Blogger Tricks' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/blabla' property='fb:admins'/>
<meta content='article' property='og:type'/>
- Ganti "YOUR APP ID" dengan "Facebook Application ID" anda yang di simpan di notepad
- Ganti "http://www.facebook.com/blabla" dengan Facebook user profile link anda
<b:includable id='comment-form' var='post'/>
11. Pastekan kode ini tepat sesudahnya
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div>
</b:if>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div>
</b:if>
- Jika anda ingin menggunakan "dark scheme" menjadi "simply replace", ganti "light" dengan "dark"
- Untuk mengatur ukuran kotak Comments, gandi width='520' sesuai keinginan anda
- Untuk menggan ukuran footer credits, ganti width:510px sesuai keinginan anda
- Sesuaikan perbedaan dari 10 pixels pada ukuran box dengan ukuran footer. Contoh jika anda membuat ukuran box width='600' maka ukuran footer harus menjadi width:590px
4 comments:
Terimakasih telah berkenan mengunjungi dan meninggalkan komentar di Blog ini. Setiap Saran & Kritik yang masuk akan kami jadikan sebagai bahan Evaluasi untuk perbaikan Blog ini.
CATATAN :
1. Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA DISINI...</i>
2. Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA DISINI...</i>
3. Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DISINI...</i>
4. Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DISINI...</b>
NB: Jika anda ingin menyisipkan kode diatas silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.
Jika anda ingin berkomentar "BIASA", abaikan no 1-4
Subscribe to:
Post Comments (Atom)
mantap,,,,
ReplyDeletethanks gan,,,
ReplyDeleteApakah Anda menderita secara finansial atau Anda membutuhkan uang tunai mendesak untuk membayar tagihan Anda? Dan Anda ingin mengambil risiko mengubah hidup Anda sendiri. Mencoba dan mendapatkan kartu ATM kosong Anda hari ini dan menjadi salah satu yang beruntung seseorang yang mendapatkan manfaat dari kartu ini. Kartu ATM ini diatur mampu hacking ke setiap mesin ATM mana saja di dunia. Aku harus tahu tentang kartu ATM kosong ini ketika saya sedang mencari pekerjaan secara online sekitar sebulan yang lalu. Ini benar-benar mengubah hidup saya selamanya dan sekarang saya bisa mengatakan saya kaya karena saya kesaksian hidup. Semakin sedikit uang yang saya dapatkan dalam satu hari dengan kartu ini adalah $ 3.000. Bahkan sekarang dan kemudian terus memompa uang ke rekening saya. Meskipun kartu tersebut ilegal namun tidak ada resiko tertangkap. Hal ini diprogram sedemikian rupa sehingga tidak dapat dilacak dan juga memiliki teknik yang membuat tidak mungkin untuk kamera CCTV untuk mendeteksi Anda ketika menggunakannya. Untuk rincian tentang cara untuk mendapatkan Anda hari ini kontak speedhackersnetwork001@gmail.com
ReplyDeleteAre you suffering financially or do you need an urgent cash to pay your bills? And you want to take the risk of transforming your own life. Try and get your ATM blank card today and be among the lucky one's who are benefiting from this card. This ATM card is set capable of hacking into any ATM machines anywhere in the world. I have to know about this blank ATM card when I was looking for work online about a month ago. It has really changed my life forever and now I can say I'm rich because I am a living testimony. The less money I get in a day with this card is $3,000. Even now and then keep pumping money into my account. Although the card is illegal but there is no risk of being caught. It is programmed in such a way that it cannot be tracked and also has a technique that makes it impossible for the CCTV camera to detect you when using it. For details on how to get yours today contact speedhackersnetwork001@gmail.com
ReplyDelete