Monday, October 29

Cara Pemaasangan Kotak Komen Facebook Di Blog

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 :

1. Dashboard > Design > Edit Html > Tick Expand Widget Templates

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(&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='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) {
$(&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>

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

9. Ok . Bila dah abis tu , korang  PREVIEW dulu , kalau tak ada error , korang boleh terus SAVE !

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

** Kalau nak warna lagi cantik , korang boleh tukarkan warna merah tu kepada kod warna yang korang suka . Kod boleh dapatkan DISINI !

12. Then tekan Apply Blog dan View Blog macam biasa okeh ?

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.
Comments
10 Comments

10 ulasan:

  1. Howdy! This is my first comment here so I just wanted to give a quick
    shout 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

    ReplyDelete
  2. 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.
    If 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

    ReplyDelete
  3. Few travellers on a Mashobra tour can resist the temptation of
    seeking 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

    ReplyDelete
  4. The particular electronic cigarette ego basic starter kit is fantastic for new users.
    The 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

    ReplyDelete
  5. Nonetheless, done skillfully over a long period of time, two colluding players
    can 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

    ReplyDelete


  6. My blog post :: site

    ReplyDelete


  7. Take a look at my homepage - webpage

    ReplyDelete
  8. xde code nih ------> iv class='comments' id='comments'> mcm ner?? huk3

    ReplyDelete

Tinggalkan Komen Anda Di Sini Cerita Kedai Kopi

Related Posts Plugin for WordPress, Blogger...

 

Copyright © Cerita Kedai Kopi