Boost your blog traffic

Hi Every New Blogger , 
Today iam going to teach one new important tips for you all who running  blog , I want to introduce you to a wonderful pop up sharing button for a blogger. This social media pop up sharing buttons are Facebook, Google, Twitter ,Myspace Live, Mixx etc with more than 20 sharing buttons.This pop up sharing button will display at the bottom of your blogger homepage. like this

How to Add this Wedge on your blog??
It's very simple to use this just follow me.

• Login your Blogger account.
• Select the Layout.
• Go to Add Gadget.
• Click On Html/Javascript
• paste this code given bellow on the html box.

<a href="http://website.informer.com/button/providers/list"><img id="Webinformer_FavoritesButton_Button" src="http://s.web.informer.com/images/b2.gif" alt="Web Informer Button" style="border: 0" /></a>

<script src="http://s.web.informer.com/favorites-button.js?glass," type="text/javascript" charset="UTF-8"></script>

Save it and you are done .

Happy blogging !!!

How To Add Related Post on Blogger

Related Posts Widget would display links to other posts of the same category/label. It also increases SEO and Page views of your blog. This post will show you how to add related posts widget to your blogger blog.

Here is simple Some step to add Related post below your all blog post

1. Go to yout Blogger Dashboard > Template > Edit HTML
2. Backup your template Before installing
3. check Expand Template
4. Search for  </head> (using ctrl+f)
5. Add the following code just before it:

<!--Related Posts Start--> 

<style> 

#related-posts { 

float : left; 

width:550px; 

margin-top:0px; 

margin-left : 5px; 

font : 11px Verdana; 

padding:5px; 

} 

#related-posts .widget { 

list-style-type : none; 

margin : 5px 0 5px 0; 

padding : 0; 

} 

#related-posts .widget h2, #related-posts h2 { 

color : #940f04; 

font-size : 20px; 

font-weight : normal; 

margin : 5px 7px 0; 

padding : 0 0 5px; 

} 

#related-posts a { 

color : #054474; 

font-size : 12px; 

text-decoration : none; 

} 

#related-posts a:hover { 

color : #0080ff; 

text-decoration : none; 

} 

#related-posts ul { 

list-style:none; padding:0px !important; 

} 

#related-posts ul li { background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO3Gpk5X_tLAp90BP_iiR79lVibiPL4qKTubfHs0yHP7cq7lY4Zg3KXFGXZNjZMPJ5qDucnRDr-g-XeWlYuKZefWJ8q6H7zRC3lP1RXVjwwkCbfkGe1NWgCI6_CUorR2RicUmZF46Pwd4/s400/255.gif) no-repeat scroll 0px 6px; margin: 0.3em 0 !important; padding: 0 0 0.8em 20px; line-height : 2em; border-bottom:1px dotted #cccccc; 

} 

#related-posts ul li:hover{     

background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoNJcMdudxOd-C8FB706FwXPebwvB0TBr6RHEml7pD_9wb4oCr9prqBXBJ58eQYOe1NBI4aLHT_cj5cmlnNKOlLYjv9DJvbpM2EpPiBgedrbZkXyDU7ECKgV1AbI-vg6n6ABXNOoKnquw/s400/251.gif) no-repeat scroll 0px 6px !important; 

} 

  

</style> 

<script language='JavaScript'> 

//<![CDATA[ 

var relatedTitles = new Array(); 

var relatedTitlesNum = 0; 

var relatedUrls = new Array(); 

function related_results_labels(json) { 

for (var i = 0; i < json.feed.entry.length; i++) { 

var entry = json.feed.entry[i]; 

relatedTitles[relatedTitlesNum] = entry.title.$t; 

for (var k = 0; k < entry.link.length; k++) { 

if (entry.link[k].rel == 'alternate') { 

relatedUrls[relatedTitlesNum] = entry.link[k].href; 

relatedTitlesNum++; 

break; 

} 

} 

} 

} 

function removeRelatedDuplicates() { 

var tmp = new Array(0); 

var tmp2 = new Array(0); 

for(var i = 0; i < relatedUrls.length; i++) { 

if(!contains(tmp, relatedUrls[i])) { 

tmp.length += 1; 

tmp[tmp.length - 1] = relatedUrls[i]; 

tmp2.length += 1; 

tmp2[tmp2.length - 1] = relatedTitles[i]; 

} 

} 

relatedTitles = tmp2; 

relatedUrls = tmp; 

} 

function contains(a, e) { 

for(var j = 0; j < a.length; j++) if (a[j]==e) return true; 

return false; 

} 

function printRelatedLabels() { 

var r = Math.floor((relatedTitles.length - 1) * Math.random()); 

var i = 0; 

document.write('<ul>'); 

while (i < relatedTitles.length && i < 6) { 

document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); 

if (r < relatedTitles.length - 1) { 

r++; 

} else { 

r = 0; 

} 

i++; 

} 

document.write('</ul>'); 

document.write('<a rel="dofollow" href="http://makeurbloguniq.blogspot.com/2012/12/add-related-post.html" style="float:right;font-size:10px;">Get This Widgets</a></font>'); 

} 

//]]> 

</script> 

<!--Related Posts Stop-->

6.Now search for <data:post.body/>

7. Paste the following code just before it.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id='related-posts'> 
<font color='#289728' face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> 
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); 
</script> 
</div></b:if>

8. Save your Template you are done

Customize your Widget

• To display any other text in place of "Related Posts" then simply replace it with any text you want
• To change the color of the related post title change this code #289728 to the one you want

How to remove "Powered By Blogger " Gadget

1. Go to dashboard/ template/ edit HTML
2. Click the 'Expand Widgets Templates' box
3. Remove the following code From your HTML File 

      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'/>

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
</b:widget>

save template you are done .

Cheers ..!!! 

REMOVE - SUBSCRIBE TO: POSTS (ATOM) From Blog

1. Go to dashboard/ template/ edit HTML
2. Click the 'Expand Widgets Templates' box
3. Find:

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

Remove this line:

<b:include data='feedLinks' name='feedLinksBody'/>

That should remove Posts (Atom)

How To Autoplay Youtube Videos You Embed–Play Videos Automatically .

This article describes how can you autoplay youtube videos that you have embedded or want to embed into your website. The trick is simple. I hope you know the steps of how to embed a youtube video.

First go to www.youtube.com and find the relevant video.

How to change the blogger Favicon ?

Favicon (Favorites Icon) is the small picture (usually 16px x 16px in size) you see beside some some site's name in your browser's address bar. Like this

This is simple 3 step to change your Blogger favicon  here . 

1.  Log in to your Blogger's Dashboard, go to the Layout .  
2. There is top of left side  title-"Fevicon" Click on the "Edit" link on the "Favicon" 
3. Choose you file and click save simple 

(Note : Your Favicon Image size under 100KB)

How to remove navbar

Navbar  

Alot of people who host their any blogs on Blogger [www.blogspot.com] complain about the inability to remove the blogger navigation bar via their elements page. Like wise  you don't want to open other wise blog from you blog .

If you really want to remove the navigation bar which top of you blog, you need to access your HTML template. I telling you below . I'd like to first talk about why you may or may not want to remove the nav bar from your blog (website).



Main Reasons To Remove It.
This navigation bar make your blog not professional :-  It depending on your blog purpose for blogging is, when you remove navbar , help to makes your  blog look more like a free-hosted blog (Web) and less like a professional site worth taking seriously.