Cara Membuat Komentar Facebook Dan Menata Komentar Blog

Pada postingan yang ke-19 ini akan membahas tentang
Cara Membuat Komentar Facebook Dan Menata Komentar Blog
Seperti apa sih?
Bisa lihat pada gambar-gambar postingan ini

Berhubung cara nya lumayan panjang mendingan langsung masuk ke tutorialnya.. :)

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode  <div class='comments' id='comments'> dengan bantuan CTRL+F atau tekan F3 pada keyboard. Cukup pilih salah satu saja
6. Lalu copy kode dibawah ini

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><br /> <fb:comments-count expr:href='data:post.url'/> Comments<br /> </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='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments<br /> </div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><br /> <div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='400'/><br /> </b:if><br /> </div><div class='comments comments-page' id='blogger-comments-page'>

7. Kemudian paste DI BAWAH kode <div class='comments' id='comments'>

8. Cari kode </head> dengan bantuan CTRL+F atau tekan F3 pada keyboard

9. Copy kode di bawah ini

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='MASUKKAN ID FB ANDA BLOGGER' 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>

10. Kemudian paste DI ATAS kode</head>. Gantilah tulisan "MASUKKAN ID FB ANDA BLOGGER" contohnya https://www.facebook.com/fuadshifu

11. Cari kode /* Comment atau #comments dengan bantuan CTRL+F atau tekan F3 pada keyboard
atau yang mirip-mirip tidak masalah, karena perbedaan template
12. Copy kode di bawah ini

.comments-page { background-color: #f2f2f2;}<br /> #blogger-comments-page { padding: 0px 5px; display: none;}<br /> .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}<br /> .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}<br /> .comments-tab:hover { background-color: #eeeeee;}<br /> .inactive-select-tab { background-color: #d1d1d1;}

13. Kemudian paste DI BAWAHNYA

14. Selesai. Jangan lupa untuk disimpan

Sekian tutorial tentang Cara Membuat Komentar Facebook Dan Menata Komentar Blog

Sambung postingan selanjutnya

Selamat mencoba dan semoga sukses..Amin..

Ditunggu komentarnya ya..

Read More

Cara Menampilkan Foto Profil Besar Pada Komentar Facebook

Pada postingan sebelumnya saya pernah menyinggung tentang NEW EMO EMOCOTION SMILEY FACEBOOK 2012 dan CARA MEMBUAT EMOCOTION EMOT SMILEY BARU DARI FOTO PROFIL FACEBOOK
Nah pada postingan ke-7 ini akan membahas tentang Cara Menampilkan Foto Profil Besar Pada Komentar Facebook

Kayak apa sih?kok bisa munculin foto profil di komentar facebook?

Langsung aja sob..cek caranya

Ada 2 langkah soalnya dalam facebook alamat profil seseorang itu ada yg sudah didaftarkan dan ada pula yg belom, sehingga alamat profilnya masih dalam bentuk angka

Langsung praktek ajah deh klo gtu pasti gk pada sabar kan..

Langkah 1 : Bagi alamat profilnya sudah didaftarkan

Lihat gambar di bawah ini :

Misal nih saya komentar di salah satu status tmn..lalalu pengen nampilkan foto..langsung aja copy yg ada di kotak kuning..tapi fuadshifu nya harus di ganti dengan alamat profil yg ingin sobat tampilkan soalnya untuk alamat profil yg ada di foto atas tersebut seperti ini https://www.facebook.com/fuadshifu

Langkah 2 : Jika alamat profilnya belom di daftarkan

Lihat gambar di bawah ini :

Nah kalo yg sekarang saya pengen nampilkan foto profil dalam komentar yang alamat profilnya masih dalam bentuk angka alias belum didaftarkan..

Sebenarnya sobat tinggal mengganti saja dari alamat profilnya (misal ini yg seperti di atas https://www.facebook.com/profile.php?id=100000082233581 ) ..lalu www nya sobat ganti saja dengan graph. Beres kan jadinya??

Sekian tutorial tentang Cara Menampilkan Foto Profil Besar Pada Komentar Facebook
Sambung postingan selanjutnya
Ditunggu komentarnya ya..

sumber

Read More