Cara Membuat Komentar Facebook di Blog

Cara Membuat Komentar Facebook di Blog


Cara Membuat Komentar Facebook di Blog - Mungkin hal ini bukan lagi hal yang baru karena sudah banyak para Blogger yang menerapkan cara ini di Blognya karena beberapa alasa. Mungkin karna terlihat lebih simple, gaul, dan tidak ribet. Sebenarnya Blog sendiri sudah menyediakan kolom komentar, Tapi karna ingin kolom komentarnya terlihat menarik maka para blogger melakukan segara cara untuk meraihnya dan termasuk cara ini. Nanti kolom komentar Facebook ini akan berdampingan dengan kolom komentar Blog nih Screenshotnya kalau udah jadi :


Nah ! sekarang kita menuju ke cara bikinya !
1. Login ke Blogger
2. Pilih Template -> EDIT HTML
3. Lalu cari kode ]]></b:skin> (Agar pencarian mudah tekn Ctrl + F)
4. Letakkan kode CSS ini tepat diatas kode ]]></b:skin>
 

.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;}


5. Setelah itu cari kode </head> kemudian letakan lagi kode dibawah ini tepat di atas kode </head> :
<script src=http://connect.facebook.net/en_US/all.js#xfbml=1/>
<script src=http://code.jquery.com/jquery-latest.js/>
<meta content=ID FB ANDA property=fb:admins/>
<script type=text/javascript>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>

 6. Dari kode diatas kode yang berwarna biru ID FB ANDA ganti dengan ID Fanspage Facebook anda Contoh : http://apps.facebook.com/firman_tgb maka ambil firman_tgb sebagai ID FB ANDA.

7. Cari kode <div class=comments id=comments> , letakkan script dibawah ini tepat dibawah kode <div class=comments id=comments>
<!--FB COMMENT-->
 <div class=comments-tab id=fb-comments onclick=javascript:commentToggle(&quot;#fb-comments&quot;); title=Comments made with Facebook>
    <img class=comments-tab-icon src=http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png/>
    <fb:comments-count expr_href=data:post.url/> Comments
    </div>
    <div class=comments-tab inactive-select-tab id=blogger-comments onclick=javascript:commentToggle(&quot;#blogger-comments&quot;); title=Comments from Blogger>
    <img class=comments-tab-icon src=http://www.blogger.com/img/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 == &quot;item&quot;>
    <div id=fb-root/>
    <fb:comments expr_href=data:post.url num_posts=5 width=500/>
    </b:if>
    </div>
    <div class=comments comments-page id=blogger-comments-page>
<!--FB COMMENT-->

8. Perhatikan script di atas, ada 2 kode yang saya beri warna merah. 5 itu berarti jumlah komentar yang di tampilkan sedangkan 500 itu berarti lebar kolom komentar tersebut.
9. Simpan Template dan lihat hasilnya

Regards,
Twitter                ( @firmantgb )
Facebook           ( Firman Maulana Tgb )


visit link download

Comments

Post a Comment

Popular posts from this blog

ABLiker APK Latest v1 1 Free Download For Android

Image
ABLiker APK Latest v1 1 Free Download For Android AB Auto Liker Welcome friends today we are going to share an amazing app for Android users. Sometimes you see that your Friends photos are getting several hundreds or even thousands of likes. If their Social following is so huge, If you can�t complete then in getting more followers. Then AB Auto Liker is the answer for you don�t wait so long to build of ABLiker APK (AB Auto liker) Android app and you will start seeing hundreds of sharing�s and likes onward. ABLiker APK is one of the best, great and working app, which enable you to get real Auto Likes on your FB profile for completely free. This is an auto liker sharing system app. By using this application, you get likes. As long as you keep this app on, you will get likes on your FB profile. You do not need to do anything except selecting the photos, on which you want to get likes. It does not store any information of your FB account for your own peace of mind, we recommend you to crea...
Read more

Cara Install Windows 10

Image
Cara Install Windows 10 Wahai Sobatt...Kali ini Swallors akan ngasih tau cara Menginstall Win 10 Windows 10 Update Tool yang Tepat  Meskipun alat update Windows 10 sangat lurus ke depan Anda memerlukan versi yang tepat untuk hardware Anda. Langkah pertama adalah menentukan apakah Anda menjalankan mesin 32-bit atau mesin 64-bit. Meskipun Anda dapat membaca tentang nuansa masing-masing dalam artikel kami Anda dapat memeriksa apa versi Windows Anda sedang berjalan dengan hanya melihat di tempat yang sama di kedua Windows 7 dan Windows 8 yang kita disorot dalam bagian sebelumnya pada memeriksa aktivasi Windows Anda . Sama panel / menu yang memberitahu Anda jika komputer Anda diaktifkan juga memberitahu Anda "Jenis Sistem" Anda. Pada Windows 7 itu hanya akan memberitahu Anda bahwa itu adalah sistem operasi 64-bit atau 32-bit tapi di Windows 8 itu akan benar-benar (dan membantu) baik memberitahu Anda jika Anda menjalankan Windows 32-bit atau Windows 64-bit sebagai serta apa arsitek...
Read more

Adobe Photoshop CS6 13 0 1 Extended Free Software

Image
Adobe Photoshop CS6 13 0 1 Extended Free Software Majestia is an internet turn-based method recreation wherein you could combat against different players in exciting battles lasting no greater than 5 mins. these battles take region on a putting of three-by way of-five tiles in which you could capture sources, invocation portals, and plenty more. On every flip, you acquire some of assets relying on the tiles you have occupied. With these sources, you may use playing cards for your flip that allow you to summon armies and mythical heroes, as well as forged spells or set traps. one of the most important factors of Majestia is the heroes, that may assist make your fundamental armies drastically more potent. Like what happens in most different strategy video games, your troops are divided into three different sorts: infantry, cavalry, and distance attacks. every type has its own strengths and weaknesses and your process as standard is to make the get the most out of each one ... and help th...
Read more