Home All posts

Wednesday 18 April 2012

Go To Top / Back To Top Widget For Blogger

Add This Widget :

                                        





                                        






                                        





Monday 16 April 2012

Adding Facebook Comment Box To Blogger

In this tutorial, I'll show how to add Facebook comment box on your blog, which is a great way to receive more comments.

  • Go To Blogger > Template > Edit HTML > Tick expand widget template.
  • Now Find this code in your html by pressing Ctrl + f:

<data:post.body/>

  • Copy this code  and paste it below the code above:

<h3>Post Comment</h3>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='5' width='500'/>

Now you can see Facebook comment box in post pages only.You can change number of comments to show by changing num_posts='5' to your preferred number of posts. And you can also change width of the box by changing width='500'/> with your preferred width....Enjoy

How To Remove Or Hide Navigation Bar (Navbar) In Blogger


The navbar (navigation bar) is the horizontal bar located at the top of your page. If you think it doesn’t match your blog’s design, or if you need that extra space for your banner — you can remove it to suit your needs. Here’s how:
  • Go to your Dashboard > Template
  • Under Template tab, click Edit HTML to edit template
  • Just add the piece of code below somewhere between the <html> and </head>  tags of your blog’s template…
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;}
  • Like This-

<head>                                        
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>      
    <b:skin><![CDATA[                          
/*-----------------------------------------------
Blogger Template Style                          
Name:     Widget Craft                        
Designer: Hardeep Asramo                        
URL:      www.blogger.com                    
Updated by: Blogger Team                        
----------------------------------------------- */
                                               
#navbar-iframe {                                
height: 0px;                                    
visibility: hidden;                            
display: none;}

Static Facebook Pop Out Like Box Widget For Blogger - Version 1.0


Facebook pages connect us with our visitors and fans and it's important for us to get more likes on our facebook page and deliver good content to our visitors. This widget will help you a lot on it , first i introduce tutorial of adding it but now you can add this in your blog with our widget generator :

Sunday 15 April 2012

Random Post Widget For Blogger - Version 1.0


Random Post Widget is a very cool app for blogs, it'll show a random post from your blog everytime you'll click on it. For some Jokes or Pic Blogs it's a perfect widget.We recommend you to not change any HTML Code because this coding is very sensitive.




Saturday 14 April 2012

Recommended Post Slide Out Widget For Blogger


To add the widget to your blog, you can use this one click installer. :
Customize The Recommended Slide Out:

 End Of Post marker : The slide comes out when the user scrolls down to a particular point in your Blog.(the bottom of the page by default) To mark this point, you can add an HTML element there. The element should have the id bpslidein_place_holder 

 e.g.: <div id='bpslidein_place_holder'></div> would do the job. The best place to add this marker would be at the end of the post. If you want to do it easily, you can add this to your Blogger Template

 In your template Find,(You will have to expand the Widget Templates) :
<div class='post-footer-line post-footer-line1'>


Or
<p class='post-footer-line post-footer-line1'>


 Or
<data:post.body/>

Immediately below any of these, add the following snippet and save our template
<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>


Now when the reader scrolls down to this div, the slide will open up.
Subscribe to: Posts (Atom)

Popular Posts

 
Powered by Blogger.