4 Reasons of Low Adsense Earning


Earning through adsense is not as easy as we thought. Make visitors to click ads and get more money is not as easy as it is said. Visitors are also very intelligence so they do not want to click any ads that only show but not works as they want. Even if any visitors click the ads, then money might not be enough because clicked ads can be low rated ads.
Adsense Low Earning

So now here I am telling you the mostly occurred problems that can be the causes of low adsense earnings.


The Four Causes which can be reasons of low earning:-

Low Visitor/ Traffic:


You should get more traffic on your site or blog. Then there will be chances of clicking your ads. Otherwise low traffic can be a mean of not seeing your ads by visitors.

Low Rated Ads


Low Rated Ads mean low paying ads. There are many low paying ads in the adsense database. So choose the high rated topic which also can show high rated ads or high paying ads. As you know adsense shows the ads relating with the content shown in the page. If you write the posts about health, then it can be the high rated content and there can be shown high paying ads. This is one example of high rated posts. There are many high rated keywords like health, technology, environment etc.

Not recommended Ads unit 


If you are using not recommended ad unit, then there can be less click on your ads. Adsense team has recommended some ads unit by observing the behavior of visitors long time

The recommended ads size are:-

300 x 250:- Medium rectangular but seems as square.
336 x 280:- Large Rectangular size
160 x 600:- Wide Skyscraper Size
728 x 90:- Leaderboard size

Not targeted ad units


If your ad units are not targeted in some specific content, then it also can be a reason of your low earnings. If your ad units are targeted then more recommended ads are shown in your blogs and you can earn more money because you target your ad units, these are shown into the adwords platform and advertiser choose your site to show there ads with high money.


The Connection Between Graphic Design And Storytelling !


Connection Between Graphic Design and Storytelling
We humans are ‘suckers’ for good stories, to an extent that our systems are hard-wired to grasping more out of reading/hearing good stories. A good story is the one that makes all the difference in a boardroom meeting, irrespective of whether it’s an investor pitch or an educational presentation.

Over the years, people have harnessed the simplicity of storytelling and intertwined the same in business; and PowerPoint presentations stand testimony to that.

Let’s say for instance, you’re someone with a good business idea, on the lookout for investors. Instead of carrying around piles of documents bearing your blueprint, to investors; you could simply summarize your idea in the form of a PowerPoint presentation and tell your business story.

Narrating your business idea in the form of a compelling story is one way of succinctly getting your idea across to your investors. Graphic design becomes an integral part of business storytelling and it can be rightly said that designers make great storytellers!

A good design backed by the right choice of words can help create and strengthen emotional connections between you and the audience. Some of the most successful speakers in the world have effectively used storytelling as a means of garnering people support including the likes of Martin Luther King Jr. and Steve Jobs. Such is the power that storytelling bestows you with!

Here’s how you can build a compelling business story for your audience:

1. Conceptualize

Focus on the key idea that you want your audience to remember. Once you’ve done that, weave your story around it. Your key idea should be the heart of your story around which you extrapolate.

2. Structure

Build a structure for your story. Ensure that it has a

  • beginning
  • mid-portion
  • end/conclusion

3. Simplify

Encapsulate statistical data in the form of visual aids that render storytelling easy. Use infographics, pie charts, dashboards and bar diagrams to make your story impactful!

Show Particular Label Posts in Homepage


Show Particular Label Posts in Homepage
Posts Categorizing in Homepage
If everything is perfectly organized in your site or blog, then all the pages or post of your blog can be reached by the visitors easily. Like when we visit a news portal we can see there every news is categorized into different categories. Such as Asian news, european news, sports news, entertainment, etc. So that the visitors can find each and every news easily. Likewise some of the blog and site should be categorized into different categories. But there is little difficult to make the blogger post into categories. To categorize the recent post, we should use the lebel as category. It is a process of showing particular label's post in homepage. This kind of widget, you cannot find in blogger.

As usual we always advised you all not to change any code before keeping back up your templates because if you accidentally missed placed the codes, you can restore the template.

Here is techniques to make the particular label's posts showing in homepage:

Step 01: In First as usual Go to your blogger dashboard.
Step 02: Then enter into the template and click on edit html.
Step 03: After that find the code ]]></b:skin> above this paste the given code:

img.label_thumb{float:left;margin-right:15px !important;height:65px; /* Thumbnail height */width:65px; /* Thumbnail width */border: 1px solid #ff00ff;}
#label_with_thumbs {float: left;width: 100%;min-height: 80px;margin: 0px 15px 2px 0px;padding: 1;}ul#label_with_thumbs li {padding:6px 0;min-height:60px;margin-bottom:1px;border-bottom: 1px solid #ff99ff;}
#label_with_thumbs li{list-style: none ;padding-left:1px !important;}
#label_with_thumbs a { text-transform: none;}#label_with_thumbs strong {padding-left:1px; }

Step 04: Now find the <head> and just below this code, paste the following code

<script type='text/javascript'>//<![CDATA[function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png';}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}elseif("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true){if(flag==1){towrite=towrite+' | ';}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write('</ul>');}//]]></script>

Step 05: At last add the widget codes. Click on layout and add gadget then choose the html/javascript and paste the given codes into that box
 <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="/feeds/posts/default/-/label name?published&alt=json-in-script&callback=labelthumbs"></script>
Step 06: Change label name by your blog's label
Step 07: You should just repeat the above code to put another label's posts but should change the label name.

Well done, You did successfully. 

Five Most Popular HTML/CSS Frameworks


Custom coding is boring and little bit more difficult than the using of frameworks. So I always say all of my friends and coder friends for using the frameworks in their every project. Using of frameworks are not easy and not so hard but you should analyse that frameworks once and then you will be able to use that frameworks. In the coding world, their are different tips and techniques to minimizing the coding and among them using of framework is one most important thing. Likewise, we often use html/css frameworks to build a website better responsive and even seo friendly. So their are some most important html/css frameworks and if you use them, then you should no longer coding too much. And they are listed below:

Twitter Bootstrap Framework

I often use twitter bootstrap framework to build a responsive site and twitter bootstrap is one of the most popular html/css framework nowadays. More than 40% developers who use framework to build a site use twitter bootstrap and the latest version of the twitter bootstrap is bootrap 3.3.1

Foundation


Foundation is another mostly used framework after bootstrap and it is also used for responsive and mobile design. Foundation 5 is the latest version of it and just go to foundation to find official documentation of the foundation.

Ink

Using of Ink framework helps you to build a website very fast. And Ink is also another most famous css frameworks. We can easily code and easily customize it.

Zimit Framework

It is a html 5 frameworks and it is lightweight frameworks for html/css coder that helps coder to make a design fast and easily.

HTML Kick Start

Kick Start is also used for responsive and it is also most famous framework in the website designing field.

Now, friends I recommend all of you to use any of the above framework to develop your any site. Custom coding is good but after using framework you can easily code, customize and enhance your sites. Thank you

Recent Posts Wigdet for Blogger With Thumbnail


blogger recent post widget
Recent Post Widget
Actually blogger shows the recent posts in default. Blog means to reveal the ideas, describing something that you like, criticizing or sharing about your personal or business matters. So that blog always should be representative, then blogs can be useful to every people. Therefore you should make  more useful. To make , your blog useful, your blog should be representative first. There are several factors that you must apply to make your blog good representative. Among them, proper showing the information revealed in your blogs are very important. To manage the information of your blog properly, you must add many widget likewise recent post, popular post widget etc. Among them, here I have just told you how to add recent post widget in your blogger blog.

How to Add Recent Post Widget in Blogger Manually?

Step 1: Login In into Blogger.
Step 2: Go to Layout>>Html/Javascript
Step 3: Click on Html/Javascript 
Step 4: Just add the below code and save it.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="All Blog Solution"><img src="" alt="Blog Solutions and tips" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="Tips and Tricks of Blogger for bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[1] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[2] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[3] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[4] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
showRandomImg = true;
boxwidth = 256;
cellspacing = 5;
borderColor = "#223c36";
bgTD = "#010101";
thumbwidth = 70;
thumbheight = 70;
fntsize = 13;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://allblogsolution.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://googledrive.com/host/0B-GuAkK2nj5gM0dXQllSZ1Y1ekU' type='text/javascript'></script>
</div>

Note: It should be noted that the home_page = "http://allblogsolution.blogspot.com/" must be replace by your blogger URL and if you already added the google api (<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>), then do not add.

Here are some useful things for you when you goes to put this widget into your blogger:-

  1. You can change the numposts=10 into numposts=9 or 11 choose the number how many posts you want to display.
  2. And limitspy=4, intervalspy=4000,summeryColor="#666", boxwidth, showrandomimage, summerfontsize,summerypost can be changed by yourself.

How to Make Sidebar Of Blogger Fixed


fixed widgetNow it is not easy to make money through ad-sense. There are various ways to make money through online. Monetizing of your site has been a most important tip to make money through easily. But ads placement plays key role for more money. It means that you can only get money if visitors only click your ads otherwise there is no money will be added in your ad-sense account.

Today, I am going to suggest you a very good ads placement technique for making more money through ad-sense ads ie adding a widget and making that widget fixed through css then placing your adsense ads code. This techinue could be best for you.
  1. Lets first of all make left or right bar widget fixed
  2. go to your blogger dashboard then click on template and edit html.
  3. search the following code or ]]></b:skin> and then just paste the given code just before the above code. column-right-inner { position: fixed; }
  4. Now click on Save Template.
The above css code is just for left sidebar if you want to make fixed left just change the .column-right-inner into .column-left-inner.
You have successfully done.

I suggested you this technique because, when i use this technique i am earning double than before.

Top 10 High PR Dofollow Forum Lists For 2015


Dofollow Forums
We have already discussed about the Backlinks and its roles in the sites and blogs. Backlinks generating process is not easy way. It is too difficult because backlinks only can be generated by the dofollow comment blogs, dofollow forums etc. So to increase backlinks for your blogs, just use the dofollow forum. Its little bit easier and simpler than any other way and its almost permanent backlink.

But it is also too important that your backlinks should be in the right or high page rank sites and blog. This can cause increasing of more visitors and increasing your blog ranks constantly. If your backlinks on the low page rank sites or negative page rank site that can cause the decreasing the rank of your blog and site. Now you just should know that backlinks are that link which can be benificial for your blogs if their page rank and visitors are higher. This time I am suggesting you to use dofollow forums to increase your visitor's and increase your page rank high. But always all the dofollow forums are not good because most of them are also low and negative page rank and don't even think to make backlinks on that forums.  So now some list of high ranked dofollow forums which have high Google page rank. But there is a remembering thing that you should not leave after registering an creating links. You should constantly post on your forum and you should spend some little time on your forum.

High Page Rank Dofollow Forums:

http://www.siteownersforums.com/
http://www.siteownersforums.com/index.php
http://forum.joomla.org/
http://forums.searchenginewatch.com/
http://forums.cnet.com/
http://forums.mysql.com/
https://forums.digitalpoint.com/
http://affiliate-marketing-forums.5staraffiliateprograms.com/
http://www.sitepoint.com/forums/forum.php
http://www.warriorforum.com/

These are just Top 10 Dofollow Forums for the bloggers who want to increase viewers on their blog.
Guys this is just a way of getting high page rank backlinks on your blog and increasing the more visitors.

Guys if you know any other better idea to get high page rank backlinks, you can kindly share your ideas with us. To send your ideas just go to Become An Author Page and post your ideas. We will appreciate your thoughts and visions. Don't hesitate to share your ideas.

Thank you.

Add Best Image Slider On Your Blogger: Nivo Slider


It is said that figure speaks itself. So to make our blog or site beautiful and attractive, we should use proper photos, color and layout. Sliders is one of the most used technique to show the highlight of a particular site, but blogger has not facilitated in default.
But don't worry, we are here for more and more information to make your blog good and beautiful. Today, I am here for a outstanding slider for bogger. This slider was made by www.dev7studios.com/nivo-slider/ using javascript and css. Here is the blogger version of this slider. This is really an awesome image slider.
Nivo blogger slider

I always said all of you not to change any code from your template without keeping back up your template but now this is not necessary because we do not enter into our edit html page

You have not do any coding for this sliders. Just copy the code that given below and follow the following steps:-


Step 1: Log into your blogger and then click on Layout 
Step 2: When you enter into layout, there you see layout of your blogger. Now Click on Add Gadget button and Select the Html/Javascript.
Step 3: Now Paste the given code into HTML/JAVASCRIPT.


 <style type="text/css"/>
/* dimpost.com - Basic Style */
 body{ background: transparent; font:15px/2 'Adobe Caslon Pro', Georgia, Serif; margin:0; padding:0;}
a{outline:0 none}
#pagewrap{ margin:10px auto; padding:0; position:relative; height:400px; width: 640px;}
#slidewrap{position:absolute;}
#slider {    border-color: #c0c0c0;    border-radius: 5px 5px 5px 5px;    border-style: solid;    border-width: 10px 10px 30px;    box-shadow: 0 0 3px #2F2F2F;    height: 280px;    margin: 10px;    position: relative;    width: 600px;}
#slider images{    position:absolute;    top:0px;    left:0px;    display:none;}
/* The Nivo Slider styles */
.nivoSlider { position:relative;}
.nivoSlider images { position:absolute; top:0px; left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%;}
.nivo-box { display:block; position:absolute; z-index:5;}
.nivo-directionNav{display:none!important}
.nivo-html-caption {    display:none;}
.nivo-caption{ position:absolute; right:20px; text-align:center; top:130px; width:192px; z-index:60;}
.nivo-caption p{margin:0}
.nivo-caption .title{font-style:italic}
.nivo-controlNav {    bottom: -23px;    display: block;    height: 15px;    left: 204px;    position: absolute;    text-align: center;    width: 192px;    z-index: 51; opacity: 0.6;}
.nivo-controlNav a{ background:transparent url(http://project.dimpost.com/image-slider/images/button.png) no-repeat center center; display:inline-block; height:14px; width:14px; text-indent:-9999px; cursor:pointer;}
.nivo-controlNav .active{ background:transparent url(http://project.dimpost.com/image-slider/images/button_active.png); }
 </style>
<script src="http://project.dimpost.com/image-slider/jquery-1.6.1.min.js" type="text/javascript">
</script> <script src="http://project.dimpost.com/image-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript"> $(window).load(function() {  $('#slider').nivoSlider(); }); </script>
<!--[if IE]>  <script src="modernizr-2.0.min.js"></script> <![endif]-->
 <div id="pagewrap"><div id="slidewrap">
<div id="slider">
<a href="your-blog-here" target="_blank">
<img alt="" title="#caption1" src="http://project.dimpost.com/image-slider/images/sample0.jpg" /></a>
<a href="your-blog-here" target="_blank">
<img alt="" title="#caption1" src="http://project.dimpost.com/image-slider/images/sample0.jpg" /></a> <a href="your-blog-here" target="_blank">
<img alt="" title="#caption1" src="http://project.dimpost.com/image-slider/images/sample0.jpg" /></a>
<a href="your-blog-here" target="_blank">
<img alt="" title="#caption1" src="http://project.dimpost.com/image-slider/images/sample0.jpg" /></a>
</div>
</div>
</div>

Step 4: You should place your blog URL in your-blog-here. and place your image link in red colored image link

Watch Video to Add the Slider into Blogger 


How to Change the Blogger URL and Re-apply For Adsense


newbie blogger
Eventually, after 2 weeks I am again here with a tip for all my blogger friends or newbie friends on blogger. This time I have come with a general and frequently occurred problem with most newbie blogger and the problem is Google Adsense disapproved.

I have already told you how you can make google adsense approved. But even if your adsense application is disapproved and you are still trying to create adsense account, you should change the url of your blog because most of the time Google does not accept those url for adsense account who was already applied for adsense but disapproved. So to apply again you should change the url of your blogger blog. Now you must improve your blog which complies the adsense policy. To do show, just follow these steps:
Changed Blogger Url

Step 01: Login to your Blogger Dashboard.
Step 02: Go to Setting and choose Option Basic.
Step 03: Now there you see blog address. Just click edit link next to it.
Step 04: Choose any available blog url and save it.

Now you changed your blogger blog's url.

In order to apply for adsense, you should go to Earning Option. Now just do what you see there.
Google Adsense Earning

I think this is much now. Comment us if you have any problem and suggestion. Thank you 

Add Pager Link in Blogger


Page Navigation Button Link
We can display our no of posts in our blogger blog but displaying all the post can not be effective, this can be unprofessional. So often we display 6 to 12 posts in our blogger home page. But after exceeding the posts that we are displaying in our home page, there appears old and new posts link. You should click either new or old posts link to see the older or newer posts. To reach in the first posts of your blog, you should click on old link more times until your reach there. This seems so uneffective. So that page naviagation bar can be effective way to find the older and newer posts of your blog. So that now here I am going to just tell you to add pager in your blog for effectiveness of your blog. And your visitors can navigate quickly in the old posts too.

Follow the given steps to add the pager in your blogger :-

How to add pager in blogger


Step One:
First of all login to your blogger dashboard and click on template>>edit html.

Step Two:
Now just find the below code:
]]></b:skin>
Step Three:
After finding the above code, paste the given code just above them.
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: grey;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 15px;padding: 6px 14px;margin-right:4px; color: #777; background-color:#999;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#369Bde;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#369Bde;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:black;} 
Step Four:
Now you should add the script in your blog. To add the script find the </body> tag.

Step Five:
Now just paste the given code before the </body> tag.
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=6;
    var numPages=4;
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>
You did it. Now the thing you should remember is that you can also change the perPage=6; as your wish into 6,7 etc. numPages=4; into 5,9,7 etc as your wish.  

How to Make a Post Sticky in Blogger


If a blogger blog contains a specific topic like a HTML-XML Parser, then you need to show that post on top of the blogger post.

By the way if you want any post becomes sticky on the top of a blogger blog, then you can follow these two simple method to do that.

1st Method:


First method is that adding of gadget selecting html/javascript gadget. Then you write a post and save it. If you want from the Post then just follow the second method.

2nd Method:


The second method is that which is also very simple method.
Step 01: First of all you go to the post which you want to show in the first or top.
Step 02: Now you will see the right bar "Post Setting" where you find number of option like Labels, Shedule, Permalink, Location, Search Description and Options.
Step 03: Now just choose "Schedule" and click it where there you see 2 options:

i. Automatic
ii. Set Date and Time

Now click Automatic which will set or schedule this post at the top.
Step 04: Publish Now

Responsive Video in Site and Blog


Responsive in every web materials is the trend of current web world. I mean , in the context of web development, responsive site can be called fashion but it also has many advantages. Mobile friendly, user friendly, device friendly and browser friendly are its some advantages. But in order to make a perfect responsive site, your site should have all elements responsive like videos, photos etc. Hence embedding video also should be device friendly, then your site can be called fully responsive.

Now here I am just telling you to make an embedded video responsive. Lets see how we can make any embedded video responsive or device friendly. There is no much difficult to do this. You just follow the following steps. 


How to Make Responsive Youtube Embed Video?


Step 01: In the beginning, you embed any video whose code can be like 
<iframe width="560" height="315" src="https://www.youtube.com/embed/o2Tw-8rF8dI" frameborder="0" allowfullscreen></iframe>
Step 02:  Now add this code <div class="embed-video"> in the above code. Now code becomes like
<div class="embed-video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/o2Tw-8rF8dI" frameborder="0" allowfullscreen></iframe>
</div>
Step 03:  After adding a div, now just add the below code any where in the stylsheet
<style type="text/css">
    .embed-video {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .embed-video embed,embed-video object,embed-video iframe   {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
</style>

Note: When you go to add any embed video, you will do the same as step 01 and step 03 only. You do not need to repeat step 03. Thank you friends. Any problem, just comment.

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