How to add GO TO TOP Button On Blogger Work 100%

Smooth GO TO TOP Button is very popular for one webpage . It is very simple to do with just a few lines of code. So here’s a tutorial of how to implement a smooth scrolling  back to top button only using Jquery on your Blogger  blog.

There are 2 step : it's very easy to put it . just follow the step below .

Read More »

How to add fixed facebook like box in the blogger Right Scroll

One of the most useful and popular way of getting more likes into your business's facebook page is to put facebook like box into your blog or sites. Basically, you should copy the script given by facebook to add facebook like box into your site as documented by Facebook developer.
When you point Facebook img, it hovers and slide on left. Then you can see Facebook like box.

Follow the given steps to add fixed Facebook Like Box in the sidebar of blogger template:-

Step 01: Login to blogger dashboard and click on layout>>add gadget.

Step 02: Now choose HTML/Javascript gadget and paste the following block of codes:

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".facebookstaticlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-252"}, "medium");}, 502);});
//-->
</script>
<style type="text/css">
.facebookstaticlikebox {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiblxYsV1eFW-Pcwch-AJjIC5QtVg0CUJi-QFTWqDc2_0-6iN8Q7PtqB5bIL-S-PmL1xzYenewsHOfKXpHZPrMjRpFxxOR7RYcKfwYwR4b2j3d7vGdSXdFPat__ybqQC3-EC3i9tDxrbe1G/s1600/facebook-png.png") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 272px;
padding: 0 6px 0 45px;
width: 247px;
z-index: 99999;
position: fixed;
right: -250px;
top: 16%;
}
.facebookstaticlikebox div {
border: none;
position: relative;
display: block;
}
.facebookstaticlikebox span {
bottom: 12px;
font: 10px "lucida grande", tahoma, verdana, arial, sans-serif;
position: absolute;
right: 6px;
text-align: right;
z-index: 99999;
}
.facebookstaticlikebox span a {
color: #808080;
text-decoration: none;
}
.facebookstaticlikebox span a:hover {
text-decoration: underline;
}
</style>
<div class="facebookstaticlikebox" style="">
  <div><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips and Tricks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ot-RmuAU_R44s3dPu5V7c8cArtqbVX_JUmTaQ2GAZeDB9udqWY5rTtbWSj04-fV1gGHLAt2Pb5LBwGHeAdXkeaR3fCdCwwIGGpvhT2iO4RaB_isZs3Znl1rJjP7SAhg7hD5FmzM0jBY/s1600/all.png" width="60" alt="All Blog Solution" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Solution"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ot-RmuAU_R44s3dPu5V7c8cArtqbVX_JUmTaQ2GAZeDB9udqWY5rTtbWSj04-fV1gGHLAt2Pb5LBwGHeAdXkeaR3fCdCwwIGGpvhT2iO4RaB_isZs3Znl1rJjP7SAhg7hD5FmzM0jBY/s1600/all.png" width="60" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ot-RmuAU_R44s3dPu5V7c8cArtqbVX_JUmTaQ2GAZeDB9udqWY5rTtbWSj04-fV1gGHLAt2Pb5LBwGHeAdXkeaR3fCdCwwIGGpvhT2iO4RaB_isZs3Znl1rJjP7SAhg7hD5FmzM0jBY/s1600/all.png" alt="All Blog Solution" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/allblogsolution&amp;width=247&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=272" scrolling="no" frameborder="1" scrolling="no" style="border:none; overflow: hidden;background:#f7f7f7; height: 272px; width: 247px;">
    </iframe>
  </div>
</div>

Step 03: Now save the template.

Note: 

1. Before saving the template, you have to replace http://www.facebook.com/allblogsolution by your own facebook page url.
2. Do not use jquery link if there is already jquery link into your blogger template.

Read More »

How to limit the Number of Posts Shown in Blogger Label Pages

In Blogger blog, if you click on any label, it will redirect to you that label page which contain all the post of that particular label. If you have lots of posts for a specific label, the label page slow your loading time and requires more scrolling by your users. So how we can get rid of that ? Yes the only solution is limiting your number of posts appearing on the labels page.

Read More »

How to Create a Drop Down Menu in Blogger

Drop down menu or sub menu is very important for a blog or website.

Read More »

How to Remove Subscribe to Atom links from your Blogger Blog?

2. How to Remove Subscribe to Atom links from your Blogger Blog?

If you want to remove the text link Subscribe to: Post (Atom) or Subscribe to: Post Comments (Atom) then please follow the following simple steps:
Step-1: Go to your blog Dashboard -> Template -> Edit HTML



Step-2: Press Ctrl+F for Search the Below code and delete it
<b:include data='feedLinks' name='feedLinksBody'/>



The above code will remove the Subscribe to: Post (Atom) links

Step-3: Press Ctrl+F for Search the Below code and delete it

<b:include data='post.feedLinks' name='feedLinksBody'/>
The above code will remove the Subscribe to: Post Comments (Atom) links
Step-4: Now save the template and enjoy!
→ Another way to  from all pages of blogger blog.
Press Ctrl+F for Find Below code in your template and delete it

<div class='feed-links'>   <data:feedLinksMsg/>   <b:loop values='data:links' var='f'>    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>   </b:loop>   </div>

Now, save your template.

After removing this code, visit your blogger blog. The link “Subscribe to Posts (Atom)” and “Subscribe to Posts Comments (Atom)” will not appear on your blogger blog and your blog looks more professional than before.

Read More »

Hide – Subscribe to Posts Comments (Atom) from blogger blog By Useing Only CSS

If you are using blogger then you must have seen Subscribe to: Posts (Atom) on your homepage and Subscribe to: Posts Comments (Atom) on your post pages and other pages.

If you think it is not important for you , you can Hide or Remove it ...

So before removing this links from your blogger blog let me tell you that even though it doesn’t take to much of space but it gives little unprofessional look to your blog so its better to remove it also it’s very simple to remove it. In last post we are also talk about over professional look – How Remove “Powered by Blogger.” Attribution easily.

How to remove from your blogger blog
There are two way –

1. Hide Subscribe to Atom links (Add CSS Code)
2. Remove Subscribe to Atom links (Remove Code)

1. How to Hide Subscribe to Atom links from BlogSpot.com Blogs?

Step-1: Go to your blog Dashboard -> Template -> Edit HTML


Step-2: Press Ctrl+F and  Find ]]></b:skin>

.feed-links {display:none !important;}

Step-3 : Paste the above CSS cdoes directly into your blog template HTML editor just before ]]></b:skin>





Step-4: Save Template and you Done.
 

Read More »