How to create a facebook comment box on the blog

How to Make a Facebook Comment Box in Blogger , below . Making comments with an attractive appearance , will lure visitors to comment on your blog . It is already not a new thing , and has many applications that use Facebook 's additional plugins . Why are many people who want to create a facebook comment box on the blog ? One major factor is to increase visitor traffic to their blogs .
Facebook is a Social Media whereas Blogger is a blog with a free platform builder . Relationship of making Facebook comments on Blogger , not for media promotion in social media , but connectivity between social media to connect with our blog . Thus, our blog to get great traffic to facebook . For how to make a facebook comment box is fairly easy and 100 % successful . In order for your blog terkonektivitas with facebook , the first step is to create a facebook application in advance . But , for those who just want to drive the comment box as you do not need to be admin to make this facebook app .
How to Make Apps on Facebook :

membuat aplikasi facebook
     
1. Log in to your Facebook .
    

2. Click on "Create New App"
    

3. Enter the name of your application in the "App Display Name " , as shown above .
 

4. You can check in I agree to the Facebook Platform Policies and press "Continue " .
Fill in the " Website " , and "App on Facebook ( Canvas URL ) " with the address of your blog . Then Save . Record the ID number of your application , as shown in the Facebook picture . Up here you have finished creating a facebook application plugins . Now go to the stage of making facebook comments on blogs .
How to Make Facebook Comments Box on the Blog :1 . Log in your blogger account and select TEMPLATE , EDIT HTML2 . Click on a field box that contains the code of your template , place your pointer anywhere.3 . Then look for the code ] ] > < / b : skin> ( For ease , use CTRL + F4 . Put the CSS code below just above the code ] ] > < / b : skin> :. comments - page { background-color : # 00BFFF ; }# blogger - comments - page { padding : 0px 5px ; display: none ; }. comments - tabs { 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- tabs { background-color : # d1d1d1 ; }5 . After the search again </ head > then put back code below just above </ 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'>commentToggle function ( selectTab ) {$ ( " . comments - tab " ) . addClass ( " inactive - select- tab " ) ;$ ( selectTab ) . removeClass ( " inactive - select- tab " ) ;$ ( " . comments - page " ) . hide ( ) ;$ ( selectTab + " - page " ) . show ( ) ;}< / script >
Change your FB ID word with facebook application that you created earlier . If you do not create a facebook application , please enter your facebook id is visible in the browser . Example : enter pemakan.wortell http://facebook.com/pemakan.wortell/ only.
6 . Because we will make it coexist with congenital comments from bloggers . So we need to add some script again . Please search <div class='comments' id='comments'> .. Usually the code is not only one , in your template if there is more than one code tersebut.Cari most recent code , then put the script in the box below this right under <div class='comments' id='comments'> :
<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='500'/>
    
<div style='color:#fff; 1px solid background-color:#3B5998;border: #ddd; font-size:10px; padding:3px; width:588px;'> by Facebook Comments<b> <a href='http://impoint.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'> Media Blogger < / a> < / b >< / div >
    
< / b : if>
    
< / div >
    
<div class='comments comments-page' id='blogger-comments-page'>
Then , click Save Template and see the results . If the box is not visible Facebook Comments may also not have the script code templates that support with facebook .
Then , find this code < html and replace it with the code below :< html xmlns : fb = ' http://www.facebook.com/2008/fbml 'Save your template .
I have the above steps and tests successfully . Hopefully How to Make Facebook Comments Box in Blogger This can be beneficial to you . Hopefully Helpful .

Ditulis Oleh : Web Hosting Indonesia

Judul Artikel "How to create a facebook comment box on the blog" Jika salin Artikel How to create a facebook comment box on the blog, mohon mencantumkan sumber link http://www.webhosting.web.id/2014/03/how-to-create-facebook-comment-box-on.html. Salam from Web Hosting Gratis

:: Web Hosting Indonesia ::

0 komentar:

Posting Komentar

 
 
Copyright © WEBHOSTING.WEB.ID, Powered by UNMETERED