Alifah Alif Ayli Yoes Jumat, 26 Agustus 2016 «» Pukul 00.36.00

Membuat Blog semanarik mungkin adalah keinginan para blogger. Semuanya bertujuan agar blog tersebut disukai dan disenangi dari segi design dan tata letak. Sehingga, penampilan dari blog tersebut bisa menarik perhatian para pengunjung blog. Tidak ketinggalan juga mempercantik tampilan kolom komentar pada blog.

Memasang Kolom Komentar Facebook dan Blog secara bersamaan merupakan salah satu cara mempercantik tampilan blog, khususnya tampilan postingan / artikel yang ada pada blog tersebut. Dimana Komentar-komentar dari pengunjung seakan-akan disembunyikan, dan komentar-komentar tersebut akan terlihat kembali apabila kita memilih berdasarkan Facebook atau Blog, bukan sepenuhnya dihilangkan (komentar tetap ada selama tidak kita hapus). Tujuannya adalah agar tampilan isi postingan terlihat ramping dan jelas (Apabila komentar artikel banyak).

ini contoh kolom komentar dari FB

Model Kolom Komentar Facebook Yang Akan Terpasang di Blog Anda Seperti ini

Model Kolom Komentar Blog Yang Akan Terpasang Tetap Seperti Model Awal

Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab

Langkah-langkah yang harus dilakukan adalah sebagai berikut:

1. Tentunya seperti biasa anda harus membuka akun blogger anda sendiri.

2. Pada Dasbor blog anda, masuk elemen Template, Lalu pilih Edit HTML

3. Cari Kode <div class='comments' id='comments'> dengan cara bawa kursor anda ke dalam kotak dan letakkan sembarang tempat, kemudian klik Ctr+F dan akan muncul kolom search seperti gambar di bawah ;

4. Kemudian ketikkan atau kopi-pastekan (CoPast) kode <div class='comments' id='comments'> ini ke kollom  pencarian, dan tekan enter.

5. Begitu kode <div class='comments' id='comments'> ditemukan, lalu copy atau salin Kode Script tepat di bawahnya.

Ini Scriptnya yang harus diCoPastkan :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'> <img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLacNNB8X1_9gANlf1vHYs42ThdDw7dbonsxAWOG-GvOgSYUnu_SACCXdk3Gh2GtRGXR6Emm9k245czHEMv7Xa0JSFMzDnfmXNvxaU13mOpA1Y06_1skrsN844WRE6SFwlUzz_J1KSsT0/s1600/favicon_facebook.gif'/><fb:comments-count expr:href='data:post.url'/> Comments</div> <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'> <img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtKFeahhrPZEeHThzBUpVdD0Gm9yP0jTlvMSCNgnraq5DvnXVZ3HOqIRx3gZTE-mytujbh6QZGKCptNnEaJ8ZHIjvm0oaTIuf1iW3HQlKoni348IaWMTHpwMw2c42YNwJy-7kNpMwEg8I/s1600/icon_logo32.gif'/> <data:post.numComments/> Comments</div> <div class='clear'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'><div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='2' width='480'/></b:if></div> <div class='comments comments-page' id='blogger-comments-page'> <script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='https://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script> <style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

6.  Cari dan ganti Kata IDFANPAGEFACEBOOK dengan Kode / No / Id Fan Page Facebook yang anda punya.

• Cara melihat IDFANPAGEFACEBOOK adalah: Masuklah ke Halaman Facebook Anda, lalu masuk lagi ke Pengaturan, Lihat Info Halaman, lalu lihat paling bawah sekali ada tulisan ID Halaman Facebook : 10026565009xxxx
• Anda tidak punya Halaman Facebook saat ini? Anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOK di atas (saran sih gunakan Halaman Facebook) abaikan saja. Gunakan saja Kode Script di atas apa adanya.

7. Ukuran atau panjang Kolom Komentar FaceBook disesuaikan dengan Ukuran Blog anda. Silahkan ganti angka yang ada di script. (width='480') . Letaknya tak jauh di atas kata IDFANPAGEFACEBOOK tadi. Lihat kembali gambar.

8. Apabila kode <div class='comments' id='comments'>ada 2, pilih saja salah satu.

9. Dan jika sudah selesai, Simpanlah Template Blog anda, lihat hasilnya.

Demikianlah tips&trick kali ini mengenai "Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab". Selamat mencoba dan salam sukses selalu.

\../,  ^_^  ,\../