Salam bagi sesiapa yang mengingikan kelainan di ruangan kotak komen blog atau yang tercari-cari bagaimana ingin pasang komen fb bagi memudahkan pelawat untuk mengulas entri yang kita postkan boleh la cuba tutorial ni seperti di bawah :
2. Tekan Ctrl F serentak , dan cari kod ini :
div class='comments' id='comments'>
3. Dah kan ? Selepas itu copy kod yang 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'/>
<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>
<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='5' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<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>
<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='5' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
**Warna Biru di atas , boleh tukar saiz kelebaran mengikut kesesuaian size blog yang di inginkan..
4. Paste kan di bawah kod yang korang carikan tadi tu ...
5. Kemudian , tekan Ctrl F serentak lagi , cari kod ini :
<head>
6. Copy kod ini pulak :
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='YOUR_FB_ID' 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>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='YOUR_FB_ID' 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>
7. Paste di bahagian bawah kod yang korang carikan tu .
8.Tukar YOUR_FB_ID kepada No ID Facebook anda ? Macam mana nak dapat no ID tu ? Errmm.....Log in facebook , pergi ke profile .. Atas sekali , ada no banyak-2 macam ni kan ?
http://www.facebook.com/pages/PenTaR/352337258187236
Note : Bagi yang dah ubah no tu , kepada nama .. Erhmm . tak dapek den nak nolong . Ni pun saya copy ID Page Fun Pages saya .....korang kalau takde Fun Pages try letak ID nama korang tu kalau tak boleh mintak maaf ler kawan terpaksa pakai Fun Pages ler....
10. Belum habis lagi .... Sekarang korang pergi ke :
Design > Template Designer > Advanced > Add CSS
11. Copy dan paste kod ni dalam CSS tu :
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;}
#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;}
** Kalau nak warna lagi cantik , korang boleh tukarkan warna merah tu kepada kod warna yang korang suka . Kod boleh dapatkan DISINI !
Macam mana nak tengok ianya berhasil ataupun tidak ? Klik mana-mana entry , then tengok bahagian comment ? Menjadi tak.. Kalau menjadi , cuba tulis " testing-2" macam saya . hekk . Jadi ?
Note: kalau confius komen je kat ruang kotak blog tu nanti dia akan muncul
Selamat Mencuba.
Selamat Mencuba.
tinggalkan jejak andan
ReplyDeleteHowdy! This is my first comment here so I just wanted to give a quick
ReplyDeleteshout out and tell you I really enjoy reading through your posts.
Can you recommend any other blogs/websites/forums
that deal with the same subjects? Thanks for your time!
Feel free to surf to my web site ... spiele spielen
Tomb Raider, Mega Moolah, Mermaid's Millions, and Blackjack are some of the new Android game apps that have been released from Microgaming's partner, Spin 3.
ReplyDeleteIf you want to enjoy the game thoroughly then you need to get on board of a reliable online bingo site
to get the maximum enjoyment as well as benefit of the game.
In fact an ideal online casino will make the entire gaming experience a
pleasurable and a real experience to the gamer.
Also visit my website onlineradio
Few travellers on a Mashobra tour can resist the temptation of
ReplyDeleteseeking blessings at the Mahasu Devta Temple. Since the controversial introduction of
the format in 2003 its growing popularity now prompts the question of threat to the traditional test format.
Official Picture of President Reagan by the Executive Office of the Presidency used under Public Domain.
As a rule of thumb, if an app has been successful in i - OS or
Android format, it is likely to also be found on Windows Marketplace.
Overall I'll say the game isn't that re playable.
But there is a magic formula. games for preschoolers.
The so-called colloidal silver "blue man," Paul Karason,
was back on the Today show this week. A far cry from
the land of milk and honey you may think. For people from non technical background these
things look like rocket science.
My web blog ... School Library System - TST BOCES: Personal profile: Delores Canady
The particular electronic cigarette ego basic starter kit is fantastic for new users.
ReplyDeleteThe Lenmar 1530 m - Ah for the Amazon Kindle 1 e-reader is the first choice for consumers.
For the first generation, you'll need to release the back cover from the unit by running a shim along the edge of the unit to release all of the clips holding the backing on.
Feel free to surf to my web page poultrytalk.com
Nonetheless, done skillfully over a long period of time, two colluding players
ReplyDeletecan gain an advantage over the rest of the table. If they throw a big pre-flop raise and
look at this way, is quite clear, in the last hour flop continuation bet (cbets) 3 then.
Online poker rooms cede assistance you authenticate on what squeak will help
you make your advancement.
Feel free to visit my webpage; Compilerfree.com
ReplyDeleteTake a look at my homepage - webpage
xde code nih ------> iv class='comments' id='comments'> mcm ner?? huk3
ReplyDelete
ReplyDeleteMy site webpage