This tutorial explains to you how to add Topsy Retweet Counter Buttons in below header of your every blog post.There are 2 sizes of this Topsy Retweet Counter Button.You can add any button you like.Follow the steps below to do it:



1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

4.Now copy below code and paste it just after the above line.

For Large Button:

Charm CSS Horizontal Menu For Blogger/Websites

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag.

Note : You can change height,width,... as you like.Host menu.gif yourself.

4.Now save your template.

5.Go to Layout-->Page Elements and click on "Add a gadget".

6.Select "html/java script" and add the code given below and click save.

menu">


 
Home

Blogging Tips

HTML

CSS

JQuery

About

Support

Contact

You are done.

Demo

How To Redirect/Forward Naked Domains to Blogger

I think this will be a very valuable article for bloggers,who get custom domains to their blogspot blogs.This article explains step by step how to redirect your naked domain (mysite.com) to non-Naked Domain (www.mysite.com).To know more about naked and non-naked domain read here.For example,my

Naked domain : http://bloggertipandtrick.net/

non-Naked domain : http://www.bloggertipandtrick.net/

When someone enter my naked domain into his browser he will be automatically redirect to my non-naked domain.The purpose of this article is how to configure your GoDaddy domain name such as my domain name.

1.Login to your GoDaddy account and click on domain tab.Click on the "Advanced details" link of the domain you want to configure.



2.Now Click on "Manage" from Nameservers Section.



You can see a screen like this:



3.Enter NS17.DOMAINCONTROL.COM and NS18.DOMAINCONTROL.COM as nameservers instead of your current name servers and click "OK".



Result:



4.Now again Click on "Manage" from Nameservers Section.Now Select "I want to park my domains" and click "OK".Look at below.



5.Click on "Manage" from Forwarding Section.



A new window will appear.Enter your domain name exactly as the example below and click "OK".



Result:



6.Now click on "Total DNS Control" from Total DNS section.



7.In Total DNS Control page,Click on pencil icon from A(Host) Section.



8.Enter this detail in next window and click "OK".

Host Name : @

Points To Ip Address : 64.202.189.170



9.Now you have finished your work in GoDaddy.Login to your blogger dashboard-->settings-->Publishing.Configure your settings as below and click "save settings".



10.You are done !!! Then wait a few hours(maximum 24 hours), and your naked domain will work as your non-naked domain.

If you have any question leave a comment.

How To Become Blogger Blogroll Nofollow

This is very important if you consider about your site SEO.Adding the nofollow attribute to your blogroll, would nullify any link juice with Google.If you like to add Nofollow attribute to your blogspot blogroll simply follow the steps below:

1.Login to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to till you see your Blogroll widget code :

(Note : You may also can find it by searching 1' locked='false' title='Blogroll' type='BlogList'>

• 
  
  
  
  
  
  
  
  
  
  

  
  target='_blank'>
  
  

  
  

  
  
  
  

  
  target='_blank'>
  
  
  

  
  
  
  
  
  
  target='_blank'>
  
  
  
  
  
  
  
  
  -
  
  
  
  
  
  
  

  
  
  

  
  
  

  
  
  
  
  
  

4.Now add rel='nofollow' to your blogroll widget code as the example below:

  

    

  



  

    

      
        

          

            
              
            
          
          

            

              rel='nofollow' target='_blank'>
                
            
            

              
                
                  

                    rel='nofollow' target='_blank'>
                      
                    
                  
                
              
              
                
                  
                    rel='nofollow' target='_blank'>
                      
                  
                    
                  
                
              
              
                
                  -
                
                
                  
                
              
              
                

                  
                
              
            
          
          

        
      
    

    
      
        

          
            
          
          
            
          
        
      
    

    
  

5.Now save your template and you are done.

How To Remove Post Count From Blog Archive

When you add a blog archive to your blogger blog it shows the number of post for time periods.But if you don't like it, you can remove this post count feature from your blog archive easily.To do it,follow the steps below:



1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see your blog archive code:

Note : Your blog archive code will look like this:

 ()








 ()









()














▼ 





◄ 

► 

4.Now Remove below code from your blog archive code:

()

Note : You can find it 3 times.

5.Now save your template and you are done.Look at the picture below:

How To Add Comment Feeds For Individual Blogger Posts

This is very useful for your visitors to Subscribe to comments for the special blog posts of your blogger blog.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

4.Copy below code and paste it immediately after the line .

Comments Feed For This Post

Note:Replace YOURBLOG with your blog url name.

5.Now save your template and you are done.

How To Show Post Title Only on HomePage in Blogger

Do you like to show only your blogger post title on your home page?Then follow the steps below:

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag .

4.Now Save your template.

5.Go to Layout-->Page Elements.Click on "Edit" link of Blog Posts Section.

6.Enter the value for "Number of posts on main page:" as your choice and click on save.



You are done.

Awesome Multi-Tabbed Widget For Bloggers/Websites

This is a very good multi-tabbed widget for your blogger blog or any other website.You can add or remove tabs to this widget easily as your choice.To add this tab view widget to your website simply follow the steps below.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag.

4.Now save your template.

5.Go to Layout-->Page Elements and click on "Add a gadget".

6.Select "html/java script" and add the code given below and click save.

Recent

ENTER-TAB1-CONTENT-HERE





Popular Posts

ENTER-TAB2-CONTENT-HERE






Comments

ENTER-TAB3-CONTENT-HERE






About me

ENTER-TAB4-CONTENT-HERE






Contact

ENTER-TAB5-CONTENT-HERE






Support

ENTER-TAB6-CONTENT-HERE

Note:Replace ENTER-TABX-CONTENT-HERE with your contents.

If you want to add a another tab or remove a tab simply add or remove this:

YOUR-TAB-NAME

You are done.

Demo

Beautiful Comment Form to Blogger using CSS

This simple article explains to you how to become your blogger comment form beautiful, using CSS.If you like to change your blogger comment form appearance,simply follow the steps below.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see ]]> tag .

3.Copy below code and paste it just before the ]]> tag .

#comment-form iframe{
background:#7f9db9 url() no-repeat bottom right;
border:7px solid #eeeeee;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#000000;
width:95%;
height:250px;
}
#comment-form iframe:hover{
background:#7f9db9 url() no-repeat bottom right;
border:7px solid #bababa;
}
#comment-form a{
color:#ffffff;
}

Note:You can colors,width,height,.... as your choice and also can add background images for your comment form.

Now save your template.You are done.

How To Change "Post a Comment" Text of Blogger Blog

You can see "Post a Comment" text above your comment form in blogger.If you like to replace this "Post a Comment" text with your own creative text follow the steps below.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates".

3.Scroll down to where you see this:

Note : You can find above code in 2 places.

4.Now replace above codes with your own text.For example I replace it with "Give Your's Feedbacks".



5.Now save your template and you are done.Refresh your site to see result.It will look like above image.

How To Redirect a Blogger Post to Another URL

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just after the tag.

5; url=REDIRECT-URL" />

4.Replace YOUR-BLOG-POST-URL and REDIRECT-URL as your need.Look at the example below.

5; url=http://www.bloggertipandtrick.net" />

If I add above code to my template,When someone go to my contact us page/post he will be redirected to my home page after 5 seconds.To redirect without waiting replace 5 with 0.

5.Now save your template and you are done.

How To Save Flash Files of Websites using Mozilla Firefox

This article explains how to save flash files from a website using mozilla firefox.

1.Right click on web page and select "view page info" or click on tools and select "page info".



2.Now click the Media Tab on the Page Info Window.



3.The Media Tab will have complete list of Images, CSS Files and Shockwave Flash files of the web page.

4.Scroll down the list and locate your .swf(flash) file.



5.Click on "Save As" button. Choose some location on your hard drive and save the file.

you are done.

How To Add Show/Hide NavBar Link to Blogger

If you want to let your visitors to show and hide your blogger navbar,then foolow the easy steps below.



1.Log in to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the code given below and click save.

Show/Hide Blogger NavBar

You are done.Look at the demo.

Demo

How To Host JavaScript Files on Google Code+Unlimited Bandwidth

Do you want to host your external java script files in unlimited bandwidth?If you host your files in google code you can do it for free .It helps your page load faster than other free webhosting services.

1.First login to your google account and go to Google Code Hosting.

You can see screen look like this.



2.Click on "Create a new project".Next screen will look like this:



3.Fill above form with your information and click on "Create project".Next screen will look like this:



4.Click on "Downloads" tab.Now click on "New download" tab.



6.Fill up the needed information. Browse for your JavaScript(.js) file and attach it. Now click on "Submit file".



7.Now your java script file will upload to google.After that you can see the screen like this:



8.If you want to get direct link of your java script file,click on file name and select "Copy link address".



9.Now you can use it as external java script file.Look at the example below:

How To Show Date,Month,Year on Blogger

1.Log in to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the code given below and click save.

You are done.Now you can see it as picture below.

Numbered Page Navigation Hack For Bloggers

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see ]]> tag .

3.Copy below code and paste it just before the ]]> tag.

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
border:1px solid #CCCCCC;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageNum a:hover {
background-color:#CCCCCC;
border:1px solid #CCCCCC;
}
.showpagePoint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCCCCC none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#333333;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px 0 0;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
border:1px solid #CCCCCC;
padding:3px 7px;
text-decoration:none;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link, .showpage a:link {
color:#333333;
text-decoration:none;
}

4.Now save your template.

5.Go to Layout-->Page Elements and click on "Add a gadget".

6.Select "html/java script" and add the code given below and click save.Now drag your new gadget under "Blog Posts" Section.

Note:
Change values of pageCount,displayPageNum,upPageWord,downPageWord if you like.

You are done.

Advanced Top Commentators Widget to Blogger

This widget will decide the top commentators from the latest 5000 comments to your blog.But your blog hasn't such as more comments you can add that Top Commentators Widget instead of this one.It will decide the top commentators from the latest 500 comments.

However your blog have more than 500 comments add this widget:

1.Log in to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

Note : Remember to replace yourblog with your blog name.Do not include http://

You are done.

How To Add "Follow This Blog" Link to Blogger

This will help other bloggers to follow your blogspot blog easily.To add it under your blog post, follow the steps below.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

4.Copy below code and paste it just after the line .

YOUR-BLOG-ID" target="_blank">Follow This Blog !!!

NOTE:Replace YOUR-BLOG-ID with your real blogger blog ID.



Look at the example below.

1297984091471718670" target="_blank">Follow This Blog !!!

Your final result will look like this:

Follow This Blog !!!

5.Click on "Save Templates" and now you are done.

Pure 4 Tab View Widget to Blogger/Websites

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag.

Note:Host dom.gif and radio.gif images yourself.

4.Now save your template.

5.Go to Layout-->Page Elements and click on "Add a gadget".

6.Select "html/java script" and add the code given below and click save.

Popular
Recent
Tutorials
Comments

Note:Replace TABS X CONTENT HERE with your contents and change tab names as your choice.

You are done.

Demo