B e l o g k a y a n g a n: Tutorial letak komen Facebook di blog (Senang punye..hehe)

Friday, 4 November 2011

Tutorial letak komen Facebook di blog (Senang punye..hehe)

Assalamualaikum dan Salam 1 Malaysia

First sekali aku nak ucapkan berjuta lemon terima kasih dekat Abang tampan ni sebab tak serik serik tolong aku dalam buat tutorial ni.. Siyes! tengok nampak macam susah. bila dah buat slow slow and bila dah siap, kalian mesti menjerit suka giler macam aku jerit.. haha.

Komen FB sebelah komen blog

korang boleh pilih nak komen dekat mana2 pun korang nak

Bagi aku, ni memang yang best, smart dan simple..

Ini memang bagus untuk kalian yang tiada blog tapi nak komen :)

Kita mulakan dengan membuat Tab dulu dan pergi pada templete > Edit HTML > klik expand widget template...Jangan Lupa untuk backup template korang...Tekan ctrl F dan cari kod ini class='comments' dan bila da jumpa paste kod ini dibawahnya

<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'/>
<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='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>

Da settle tu kita create tab pages pulak...selang sebaris dari kot yang atas tadi korang paste kod ni dekat bawahnya

<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='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Dekat kod diatas width dia da ditetapkan pada '400' dan ini boleh ditukar mengikut kesesuaian blog masing-masing.

Okay tinggal 2 step je lagi nak abis iaitu scripting and style dan untuk nie menggunakan crtl F korang search kod nie <head> dan bila dah jumpa paste kod ini dibawahnya.

script nie penting untuk membuatkan tab tadi berguna dan 'YOUR_FB_ID' tu tukarkan pada ID facebook anda..Kalau tak tahu cara nak dapatkan ID FB korang leh klik :

Profile FB > Profile Picture > album > amik code seperti yang di highlight (dekat URL).

http://www.facebook.com/media/albums/?id=1766071507

Last step adalah memasukkan style tab korang.Dengan menggunakan ctrl F sekali lagi cari kod #comment dan paste kod ini diatasnya.

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

DONE!! :D

Mudah kan.. hehe. Fyi, benda ini ada kelemahan juga.. kalau kalian klik main address (http://belogkayangan.blogspot.com/), benda ini tak kan keluar tapi kalau klik setiap entry (http://belogkayangan.blogspot.com/2011/11/i-need-someone-like-youoh-samtsui.html), benda ini akan ada :)

Tapi jangan risau.. Kalian kan selalu ping specific entry..so benda ini akan keluar :)

Sumber : striderbuzz.blogspot.com

ok daa~

p/s : Selamat mencuba ye semua.. best pulak bila kita dapat tolong orang ni :)

kalau ada kemusykilan boleh tanya dengan senang hati dekat aku atau abang tampan ini :)

update : maaf, aku dah tak pakai cara macam ni. tapi kalau kalau kalian nak cuba bolehlah :p