How To Make Comments Box Side by Side With Facebook Comments Box

How To Make Comments Box Side by Side With Facebook Comments Box - Meet again with me, here, in this place, but in the future maybe. to continue the previous tutorials, this time I will explain how to create a blog comment box side by side with facebook comment box.

WARNING: This is only intended for beginners like me who still do not know anything about the blog,.

How To Make Comments Box Side by Side With Facebook Comments Box

Add Facebook Comment Box to your blogger

Enable Facebook Comment Box to your blogger

Display Facebook Comment Box in your blog

If you think is good, please be demonstrated, here's how :

-  login to your blogger

-  then go to Template -> edit html

-  search code ]]></b:skin>, if difficulty use Ctrl + F to search it

-  paste this code above ]]></b:skin>

 .comments-page { background-color: #;}    #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;}

-  then find code </head>

-  paste this code 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 facebook' 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>

Exp : change ID facebook with your Facebook ID, Exemple my Facebook profil url http://www.facebook.com/andrew.imamuddyen it means my Facebook id is andrew.imamuddyen

-  find code  <div class='comments' id='comments'>

-  paste this code below <div class='comments' id='comments'>

<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='615'/>

    </b:if>

  </div>

<div class='comments comments-page' id='blogger-comments-page'>

-  finally click save and done

its very easy, just copy paste and done,. if you dont understand please comment and I will help you if I can., Ok, Thanks for visit..    ^_^

How to Create a Facebook LikeBox in Blog

How to Create a Facebook LikeBox in Blog - Hello friend, just this morning I made my LikeBox created this blog, and just this morning I also learned, just as well I finally succeeded and could make it, and now I want to share their knowledge for you.

how to make facebook like box, create facebook like box in blog, facebook likebox

Who does not know facebook, even the whole world know about facebook, facebook and now starting to break out in the blogging world with a variety of interesting applications, one of which LikeBox I will discuss how to make the following:

Step 1

- Login to Facebook first

- Then go to the Facebook Page to create a new page

- Click in image below -> then browse Catagory with Website and Blog Product Name with your blog name -> check I agree blablabla -> then press Get Started

--->

- Then you will be brought to the following page -> click skip and skip until you enter in your new page.

- Then copy the new facebook page, for example (http://www.facebook.com/pages/Pro-Duck/111910508980375)

- This new first step, so lets to step 2

Step 2

Then switch to blogger

- Go to your blog

- Then go to layout -> select add gadget -> select HTML/java script

- Then paste the code below into a gadget box

<div id="fb-root"></div>

<script type="text/javascript">

(function() {

var e = document.createElement('script'); e.async = true;

e.src = document.location.protocol +

'//connect.facebook.net/en_US/all.js#xfbml=1';

document.getElementById('fb-root').appendChild(e);

}());

</script>

<div id="FbCont">

<script type="text/javascript">

<!--//--><![CDATA[//><!--

var fb = document.createElement('fb:like-box');

fb.setAttribute("href","http://www.facebook.com/pages/Pro-Duck/111910508980375");

fb.setAttribute("show_faces","true");

fb.setAttribute("header","false");

fb.setAttribute("stream","false");

fb.setAttribute("width","290");

fb.setAttribute("font","segoe");

document.getElementById("FbCont").appendChild(fb);

//--><!]]>

</script>

</div>

- Save, Save, Save, and done.

So that I can share, sorry if you not undestand please fill in the comment box below ..

Finally, keep trying and thanks for visit..      ^_^

Keyword :

how to make facebook like box

create facebook like box in blog

facebook likebox

How To Delete Slide Images on the Blog

How To Delete Slide Images on the Blog - Morning all, a few days to create a blog, while learning too, while share too, so you can get a science plus bagiin sciences, in case one missed step 2 islands, hehehe :D

Maybe my friend was the first blogger to create a blog and looking for themes for your blog, occasionally theme / template that my friend downloaded some sort of slide images on the home page as shown below, there are likes and dislikes, and this paper is intended only for those who do not like only with image slide, like me .. <_>

Delete Slide Image, Erase Slide Image on template blog

key just the way to remove the slide picture:

- First, login to your blog
- Then go to menu templates -> edit html -> check Expand Widget Templates

- When in edit HTML menu, look for the words Featured Content Slider Started, to facilitate the search by using the search broser each (usually by pressing ctrl + f)

- Then look again writings Featured Content Slider End,

- Having found them, block script that connects the two, then delete everything in the block.

- Then save your template

Done,. sometimes things we do not like will be very annoying for us, but it's not necessarily good for others. enough of it from me, more or less I apologize, <- like the end of the speech instead wkwkwkw: p

Anyway hopefully all the benefits, .. aminnn (^ _ ^)

Keyword :

delete slider blog

delete slider template blog

delete slider image in blogger