How to Put Meta Keywords in Each Blogger Post


Meta tags or keywords are very significant SEO terms. To find your site’s rank better in search engine, you have to add meta tags or keywords in every page of the website. But when you want to put keywords in every blogger posts, you can’t because there is only meta description place in blogger. There you cannot find keywords adding space. So if you want to add meta tags or keywords also, you have to add some codes on your template. Meta tags are also as important as meta description. Meta tags help you to increase healthy and better traffic.


Process of adding meta tags in each blogger post:-


Suggestion: We always recommend you not to change any code of your template with keeping back up of your template.

Step 1. Log in into your blogger.
Step 2. Choose your one blog.
Step 3. Go to template>>edit html.
Step 4. And find the code <b:include data=’blog’ name=’all-head-content’/>
Step 5. Then paste the below codes below the above code.
<b:if cond='data:blog.url == "PAGE-URL"'>
<meta content='PAGE-DESCRIPTION' name='description'/>
<meta content='PAGE-KEYWORDS' name='keywords'/>
</b:if>
Step 6. Now you have to paste the above code every times when you posts.

Note: If you have 20 posts, you should copy and paste the above code 20 times too.

Step 7. Click on Save template button.

Note:-
1. write the url of your post in PAGE-URL.
2. Write meta description in PAGE-DESCRIPTION.
3. Write meta keyword in PAGE-KEYWORD.


Watch and follow the process of given video.

Blogger And Google Plus Comment System in Blogger Blog


Blogger has its own default commenting system and instead of it Google also offers google+ commenting system in the blogger blogs but many bloggers got this often difficult and not good because google+ comment system forces visitors to make google account to comment using google+ comment box. And it seems that this discouraged many visitors to comment constantly on the any blogger blog and among those visitors I am the one. If you get comment from the google+ comment box, then blogger never notify you. So that you can not respond to the visitors and this makes you unfriendly behavior with your visitors which can be a worst reason of decreasing of visitors on your blogs and sites.

The one and only way of solving this problem is adding of the both the commenting system: Blogger Default Commenting System and Google Plus Commenting System on your blog which can be a good for your blogger because if a visitor want to comment using google+ commenting, he/she can and if he/she want to comment using blogger default comment box then he/ she also can use them.

So your visitor will get 2 option either Blogger Default comment Box or Google+ comment box


How to Add Blogger And Google Plus Comment System in Blogger Blog With Toggle?



Here is the Step wise process to add this system on your blogger. Lets go through step by step.

Step 1: First of all login in your blogger account and the just go to the template option just press edit html and find the following code
<b:include data='post' name='post'/>
Step 02: Now copy the given code and paste it just after the above code.
b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(http://1.bp.blogspot.com/-w7tZjjrubgc/VNS0hbb-lKI/AAAAAAAACzw/K5hcqGRWYQg/s1600/gp.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 10px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Choose a Comment System: <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='http://1.bp.blogspot.com/-i1zpfechOuY/VI763hqxlHI/AAAAAAAAAvs/dz4sWUQW-xU/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='http://3.bp.blogspot.com/-4N-YlJvoxdA/VI763udxlHI/AAAAAAAAAvw/0dY2Ys0zz2k/s1600/blogger-logo.png' width='36'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='630' expr:data-href='data:post.url'/>
</div>    
</b:if>


Step 03: Now save your template

Note: You have to add the following google api if it does not exist already on your template. And you can change the width of the comment box just changing the value of the data-width attribute.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>

How to Put Facebook Like Button on Each Blogger Post


Facebook Like Button
Friends, we have already added the different Facebook like box like sidebar static Facebook Like Box, Facebook Pop Up Like Box and many other Facebook widget. But We had forgotten about Facebook like button, so here I am just giving a bunch of code to add the Facebook like button in the every blog posts of the blogger blog. But this do not work in the blogger page. This only works on the posts of blogger blog.

Because of the popularity of the Facebook, its every widget is valuable for every business work. So as Facebook Like button is very significant for a blogger article because, if we use Facebook like button, then readers can like that article which helps to increase the visitors on your article through Facebook.

Lets just move toward the steps that you should apply while adding facebook like button in every blogger posts:


Facebook Like Button On Every Blogger Post


Step 01: As usual login to your blogger account
Step 02: Now go to template>>edit html
Step 03: Then just find our below code just pressing ctrl+f
<data:post.body/>
Step 04: Now copy the below code and just put the above code just above the above code
<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:105px; height:25px;'/>

Step 05: After that, you just press on save template.

Click here to watch Demo

Percentage Calculator Widget for Blogger and Website


percentage calculator
Percentage Calculator
Friends, this time I have come bringing a percentage calculator widget for you. This widget just calculate the percentage of any given number. This is just a simple html and javascript widget which is very easy to make it if you are familiar with basic html and javascipt. You should only put the base number and the real number, the which percentage is you would like to find out. Just copy the below code into your blogger and in order to do so, you just login into your blogger account and then go to the layout and click on add gadget. Now you choose html/javascript and paste the below code.

And if you want to show into your site, then just paste the css in between the <style>and </style> and javascript code in between the <script> and </script>

Javascript Percentage Calculator


<style>
input{ height:20px; border-radius:5px; margin-top:10px;}
a{font-size:8px;} </style>
<script>
function myfunction()
{
var a=document.f1.first.value;
var b=document.f1.second.value;
var percent=(a/b)*100;
alert(percent+"%");
}
</script>
<form name="f1" onsubmit="myfunction()">
<strong>Real Value:</strong><input type="number" name="first"/><br />
<strong>Base Value:</strong><input type="number" name="second" /><br />
<input type="submit" name="btn" style="background:#00F; color:#FFF;" value="Get" />
</form>
<a href="http://allblogsolution.blogspot.com/2015/01/percentage-calculator-widget-for.html">Get Percentage Calculator Widget</a>  
Click Here for Demo

Real Value:
Base Value:
Get Percentage Calculator Widget Thank you and if you have any problem about blogger and blogging techniques, do not forget to comment in the comment box below. 

How to Add Tabs in Blogger Blog


Tabs Style
In fact tabs in the sites and blogs are a way of managing bulk of content in a page easily. Tabs help to manage your bulky content easily. If you have lots of content in a single page then, there become difficulty to the viewers/visitors to read all of them content. Instead if you have put content in tabs then visitors can read all of them clicking tabs one by one.

Here is the step by step process of adding the tabs in the blogger blog's sidebar.

Add Tabs Button in the Sidebar and a single page of Blogger:


Step 1: Login to blogger and then go to template and click on edit html.
Step 2: Now just find the </head> code just press CTRL+F to find it.
Step 3: After finding the </head>, you just put the below code just above it.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>
<script>
$(document).ready(function() {
$("#tab-content").tabs();
});
</script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" />
Step 4: Now you just have to put the html/javascript tabs code. To add the code, go to layout>>add widget and find html/javascript widget. Then just paste the below code on it and save it. If you want to add in a single page then just go to any page or posts and click html instead of compose then add it onto there.

<div id="tab-content">
<a href="http://allblogsolution.blogspot.com/" style="font-size:8px; color:#eee;" target="_blank" title="All Blogging Solution">All Blogsolution</a>
<ul><li><a href="#tabs-one">first Tab</a></li><li><a href="#tabs-two">second Tab</a></li><li><a href="#tabs-three">third Tab</a></li></ul>
<div id="tabs-one">  Write first tab content  </div>
<div id="tabs-two">  Write second tab content </div>
<div id="tabs-three"> Write third tab content </div>
<a href="http://allblogsolution.blogspot.com/" style="font-size:8px; color:#eee;" target="_blank" title="All Blogging Solution">All Blogsolution</a>
</div>
<!-- All Blog Solution provides this widget for blogger blogs only  -->
 Now you have successfully added the sidebar widget into your blogger blog. This is one of the easiest way to add the tab navs into a blogger.
Tabs blogger

Note:  You should add your own content in the blue color text "Write first tab content" which will be shown on you sidebar or a single posts or page.

If any difficulties occur, then comment us.

How to Add Twitter Feeds in Blogger Blog


Hi Friends, after long time I am here and I have brought a tip for you and I think you might have already known after seeing the title. Yes Indeed if you want to show your Twitter twits to show in your blogger, then adding twitter feeds widget can be a right way to do so. Actually, this is not difficult any more if you use twitter before. You just need one twitter account to put twitter feeds into blogger blog.


Adding Twitter Feeds in Blogger


Step 1: Login to your twitter account if you are an user otherwise create new.

Twitter Widget Option

Twitter Widget Option


Step 2: Now go to the Setting>>Widgets
Create New Twitter Widget
Create New Widget

Step 3: Create a new widget.
Step 4: Then fill all the necessary things there.
Step 5: Now Click Save Button
Step 6: Copy the widget code as shown in the figure below from your widget.
Copy the Codes

Step 7: Go to your blogger and layout>>add widget>>html/javascript.
Step 8: Now paste the copied code here in html/javascript widget.
Step 9: Save it. 

After completing these above steps, your twitter feeds will definitely appears in your blogger blog.

If you have any query, just comment now.
Thank you

Wikipedia A Strongest Backlink Source


Hi everybody, I have not told many more about HummingBird Algorithm in this blog but I have given an URL of a blog which will definitely help you to understand more about Google HummingBird.

Anyway whether there is HummingBird, Panda and Penguin algorithm but all of them have not made strongest rule to the Backlinks because of its relevancy to the content. So that I always tell all of you to make strongest backlinks which should be relevant with your site's content.

I know you always want to make dofollow backlinks because it helps your site to crawled by the search engines instantly and they also helps your site to get higher rank. But you know about Wikpedia.Org, which is a great encyclopedia of the world where you can find many more suggestion, answers, question, articles, solution, entertaining factors and many more. And its has got 9 Page Rank by the google.

Nowadays when you search anything in the google, I think most of the time you would have found wikipedia in the first position. Because wikipedia gives the actual information of the your problems or questions. So millions of internet users will be in wikipedia at the same time. Wikipedia has made its information available in 100 more languages. It may be that you also can see your problem's solution in your own language.

But you should also know how the wikipedia is being so popular day by day. It's being popular because of the many more contributors of its. It has contributors all over the world like you and me. If you want to be a contributor of wikipedia, then you can sign up and login with your account and write any articles what you want to write. But you should follow the terms and condition of Wikipedia to contribute your own solutions and article. If you do not follow their norms while writing a article, then your article will not be published and you can be possibly to banned from the Wikipedia.

And the the very most important thing that a search engine expertise should understand that a wikipedia nofollow link is far better than 5 and 6 rank dofollow links. So I suggest you to make backlink from the Wikipedia. I think many of you also do not know how to make backlinks on wikipedia. Actually making backlinks is difficult but making backlinks in the wikipedia is not far difficult. In order to know how to make backlinks on wikipedia you should wait for my next article.

Thank you.  

Google Humming Bird Algorithm


Hello and welcome to our blog today and I am here to tell you some about Google Humming Bird update. Google has already been running in 15 years. Today I am going to describe the hummingbird update which is a new alogrithm by google. This is the latest update of google search engine.It will impact 90% searches worldwide.

You already know that panda and penguin which we have been already discussed in the previous post. But Google has not completely avoided the panda and penguin but some of the changes have been easily made in this algorithm.

Humming Birds Impact on SEO:

  1. The new algorithm incorporates manufacture from the old algorithm
  2. Real original relevant and useful quality content will matter even more
  3. No more backlinks  but quality backlinks that match with your content are preferred.
  4. Actually Google made updates to its old algorithm 500 and 600 times each year. This is the new algorithm that will continue to have changes.

Have you understood what impacts is taken by the HummingBird Algorithm, To know detail about this algorithm. Go here

How to Remove Spam Comments from Blogger


Remove Spam Comment
Spam?????
Hi guys, after long time, I am here to tell you why we should delete the comments of blogger and how to delete them. There are some causes of removing the comments from a blog. If you get this kind of comments in your posts, then you should immediately remove them.

Spam Comment

If a comment is spam then it can be a cause that your site rank is not increasing but it is decreasing. Spam comments are very harmful for a blog because if search engines find these comments, then they started decreasing the rank of your comments. 

How to Know a Comment is Spam?

  • If a comment is unrelated with your blog post
  • If comment is too long
  • If forceful links are found in a comment

Vulgar Comment

Some people may not like your blog and post, and they can write vulgar comments and they also can rebuke you and your blogging techniques. If your found these kind of comments, you also must delete them immediately because when other people reads these comment then they also might not like your blog. So this can decrease the visitors in your blog. Just remove it guys.

Comment Not Neccessary

Some articles and posts do not need any comments on them because these articles are truthworthy. 


Delete Comment of Blogger Post:-


  1. As usual Login to your blogger account.
  2. Just Check in Comment Link
  3. There you can see 3 link Published, Moderate and Spam and you just check them out. Now find spam comment and vulgure comment and delelte them. 
Note: Mostly the comments you find in spam box are spam but sometimes they can not be spam.

Thank you.

Add Google Fonts into Blog


web fonts/ custom fonts in blogger
Millions of blogs are in internet and most of them use default fonts but if you want to make your blog different and take visitors into your blogs, then you should keep something extra in your minds and should think how to make your blog's look different than others. You should take various things to change your blogs. Among them, Use of custom fonts can be one.

The only best way to use web-fonts/custom fonts into a blog is using of google web fonts but this is not last way. There are various web-fonts sites but google fonts are mostly used.

How to add web fonts/ custom font into a blogger blog?



1st Step: Choose a font From google webfonts. Too find, just go to www.google.com/webfonts. You can see almost 650 more fonts in the collection of google web fonts.
Picture 1

Picture 2


2nd Step:  Now hit on quick use tab and just shown in the above picture. Then you will see like the second pic where you will see following two lines' code.

Line 1 code: It is the link of google web fonts which you are going to use.
--------------------------------------------------------------------------
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Line 2 code: It is the integration of css into your webpage.
--------------------------------------------------------------------------
font-family: 'Open Sans', sans-serif;
3rd Step: Now just copy the line 1 code. And then go to your blogger dashboard. Click on template>>edit html. Just below the <head> tag paste this code.
Picture 3

4th Step: Then copy line 2 and paste it into every tag where you want to put this font. Such as
h3.post-title
{
font-family: 'Open Sans', sans-serif;
 }
Picture 4

5th Step: Now you just press on Save Template button.

Script Hosting in Google Drive


Script hosting in google drive
Hosting and choosing hosting of a site is too important. Likewise script hosting for a site is also important. If you want to use any script in the blogs and sites, then you should either write those script into the blogger template and site's template or you also can host your script into other platform. But if you want to host, then you need memory or space for which you should pay. But here I just wanna tell you a simple and free way to host any script.

You may not know that you can host script freely in Google drive. And this platform is not only easy and free way but also very flexible and hosting in Google drive makes your site faster than hosting in other platforms.

How to Host Script into Google Drive?


Learn step by step way to host script into Google Drive:-
Step 01: Login into Google Drive.
Step 02: Click on Create>>Script.
Step 03: Write your script in there.
Step 04: Click on run whether it is ready to use or not.
Step 05: Finally click on Publish.

After clicking publish, there you can get web app URL. That URL you can use in your blogs and sites. If any error occurs, just contact us. Thank you. 

Meta Description in a Blogger Blog


Many bloggers do not know how to add meta description in the blogger blog but it is not the aspect that you should worry. Because blogger has already made a search description box to add meta description into your blogger blog. But it is disabled in default by the blogger. You should just enable it and put description on your all the posts. Lets just see the below process to enable the blogger meta description and put the description each post.
Meta Description not shown
Before Enable Meta Description

How to Put Search Description in Blogger Blog?



How to enable meta description on blogger

Step 01: Go into your blogger account and select one of your blogger in which you should want to put meta description.
Step 02: Now click on Setting >> Search Preference. Then click on edit link of meta tags. and then choose Enable search engine description? 'yes'. 
Step 03: Save it. 

Now you will be able to put search description in your each posts.
Enabled meta description in blogger


  

Add Customized URL on Every Blog Post


Custom Blogger post url
By the way, in earlier, blogger used to generate posts URL automatically, but now it generates automatically as well as gives you to choose your custom URL. There would usually be post's title long and which could possible to be broken. So that type of broken link can be unfriendly for Google search engine and other search engines. This kind of problems would occur in earlier but now you have been provided an option where you can choose your own URL structure. This option has been very useful for niche blogger. Here is the process that you can apply to customize your post URL.

How to add custom URL on blogger posts?


Step 1: Log in to your blogger
Step 2: Create a new post
Step 3: Write some articles and there you see right side bar name post setting. You just click custom permalink.
Step 4: Put you own URL structure. And click on done.
Step 5: Publish it.

You've perfectly customized your blog posts URL. Now you can see your URL in the URL bar of your post article. 

Add a Gadget Above the Blogger Header


Ads above the blogger header
Here I got another way to increase the CTR of your adsense ads. If you are getting fraustrated with low CTR on your adsense, then I got another way to get high CTR. Its a tips to put adsense ads above the header part. It is very effective method which obviously does because most of the people whom I know used this method and they get more money from adsense. So just put your ads above the header and get more money.

But blogger does not let you to add anything above the header defaultly. Blogger locks the gadget not to add any other thing above the header. So you have to unlock that gadget and put the quantity of gadget how many you want to add.

Note: After adding this gadget you can also put your adsense ads in that gadget to increase CTR.

How to add Gadget Above the Blogger Header


Here I tell you step wise to add the gadget above the blogger header

Step 1: Just log in into your blogger dashboard
Step 2: Once your get logged into, then go to the template and then click on edit html.
Step 3: Now just find below code
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
Step 4: Then change the maxwidgets="1" into maxwidgets="4" and showaddelement="yes"

Step 5: Click on Save template to save your changes. 

Now you will be able to add gadget just above the blogger header. To add gadget, just go to layout and there you will see gadget section just above the header. 

Related Posts Widget for Blogger Without Thumbnail


related posts widget
More internal links on a webpage is important in the sense of SEO because when a visitors get into a page of your sites, then he/she will see there more links and click them. Sometimes they don't want to click but unwantedly they click. So that your site gets more hits and more hits might be a cause to improve your page rank high in the search engine. If your site has high page rank, then your site obviously gets more impression and visitors.  But blogger blog doesnot have default related posts widget. So you have to add the related posts widget manually. please follow the following steps to add a simple related posts widget in your blogger blog without thumbnails.





How to Add a Related Posts Widget in Blogger Without Thumbnail?


Related post widget
Sketch of related posts 
Step 1: Just sign in into your blogger account. Go to template>>edit html.
Step 2: Find the </head> tag
Step 3: Put the following code just before the </head> tag.
<b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>
#related-posts {
    margin: 10px 5px;
padding:5px 5px;
}
#related-posts h2 {
    font-size: 18px;
    color: black;
    margin-bottom: 15px;
}
#related-posts a {
    font-size: 14px;
    color: #999;
    text-transform: capitalize;
}
#related-posts a:hover {
    text-decoration: underline;
    color: #555;
}
#related-posts ul {
    list-style-type: none;
    margin: 0 0 0px 0;
    padding: 5px;
}
#related-posts ul {
    list-style-type: none;
    background: #e9e9e9;
    border-left: 6px solid #e2e2e2;
}
#related-posts li {
    padding: 12px;
     border-bottom: 2px dotted #E2E2E2;
}
#related-posts li:hover {
    background: #F4F4F4;
font-weight:bold;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://googledrive.com/host/0B-GuAkK2nj5gZy1qTE0yMk5Fcmc' type='text/javascript'/>
</b:if>
You can change all the above css code as your wish.

Step 4: Search the below code
div class='post-footer'>
Step 5: Now put the give codes before the above code.
<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <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=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script><a style="font-size: 10px; color: #bcbcbc; float: right;" href="http://allblogsolution.blogspot.com" rel="nofollow" >Get Related Post widget</a></div></b:if>   
Step 6: Now save template.

You did it. You also can change the maxresults=6 into any parameters as your wish.
Thank you. Comment us for any problems.