How to Add Numbered Pagination in Your Blogger Blog

Like everything, Blogging is also becoming more and more advanced day by day. Previously most of the bloggers used Old Posts and New Posts system in their blogs but that trend is some sort of finished or finishing now. Blogging is approaching more advanced levels now. Now a days, Numbered Pagination has much importance in the style and attraction of the blog. Its also our practical experience that you can get almost 10 times more pageviews with Numbered Pagination instead of that Older and Newer Posts.




Drive Traffic to Your Blog Ten most Tips

Add Facebook like button in every Blogger Post

How to Add Facebook Slide Likebox

What Is Numbered Pagination ?

First of all, let me introduce you to the Numbered Pagination. Its a numeric navigation menu which is mostly present at the end of your blog archive pages. Just like the pages of a book, it divides your blog into different pages. With the help of this users feel ease to look around your blog and explore different posts. Below is the screenshot of it.

How To Add Numbered Pagination In Blogger ?

This task is going to be very easy for you guys because I will guide you till the end. 

• Log in to Blogger >> Template >> Edit HTML
• Search for ]]></b:skin>. Just above it paste the following code.

.showpageNum a {background: #02ab68;padding: 5px;padding-left: 10px;border: 1px solid #b9b9b9;padding-right: 10px;margin-right: 5px;color: #000;font-weight: bold;}.showpage a {background: #02ab68;padding: 5px;padding-left: 10px;border: 1px solid #b9b9b9;padding-right: 10px;margin-right: 5px;color: #000;font-weight: bold;}.showpageArea {float: left;}.feed-links {display: none;}.showpageArea a {float: left;font-size: 15px;color: #fff!important;padding-left: 15px;padding-right: 15px;}.showpagePoint {float: left;font-size: 15px;padding-left: 15px;padding-right: 15px;}.showpageArea a {text-decoration: none;}.showpageArea {float: left;width: 363px;margin-top: 10px;}
 

 Now, the stylesheet is added to your template and its time for the Java/Script coding that would turn the ordinary older/newer post buttons into robust and user friendly Numbered Pagination.

 

• In the Template, search for </body>.
• Just above it paste the following Java/Script coding.

<!--Page Navigation Starts--><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><script type='text/javascript'>var pageCount=6;var displayPageNum=6;var upPageWord =&#39;Previous&#39;;var downPageWord =&#39;Next&#39;;</script><script src='http://widcraft.googlecode.com/svn/blogger_pagenavi_min.js' type='text/javascript'/></b:if></b:if><!--Page Navigation Ends -->

 Save the Template. 

Congratulations ! you have done it. Now, go to your blog and enjoy the most latest and stylish Numbered Pagination.

Final Words 

If you enjoy this article please share this with your friends and stay tuned more interesting articles ae waiting for you if you need any help please feel free to contact us or leave a comment below will reply will be highly appreciate thanks.

Read More

How To Enable Google+ Comments In Blogger Blog

Well, as you all know that Google+ is almost the second best social networking website which is the property of Google. So, as Google is the best, Google+ is also the best. Google team always works hard to improve its services and same is the case with Google+. Many new features and updates are being released day by day and one of the best in them is the feature of enabling Google+ commenting system in Blogger. By using this you can make your blog more Google and SEO Friendly. So, today we will discuss about enabling Google+ comments in bloggers but first let me tell you some of its advantages and disadvantages so, you can take a quality decision on your own whether to use it or not.


Read This:Free Fast Approval Directory Submission Site
Read This:Popular Hex Color Code For Website And Blog
Read ThisFind The Date Of Gmail Creation Account Easily

Advantages

• A cool design which is eye catching and quickly attracts your visitors to comment.
• If someone added a wrong comment or he/she is not satisfied with it, he/she can edit or delete it by its own choice which makes this system more user friendly. 
• Users can also add public or private comments so, its a great feature according to the security matters.
• The comments will appear in the systematic order on the basis of published dates.
• It has a threaded system to make the conservation more clearer and easier.
• Anyone can Plus+ one anyone's comment which will bring a great traffic to your blog.
• Their is also a button for sharing the comment on Google+. So, when the readers will be writing comments they can share it on Google+ which will bring double trouble traffic to your blog.

Disadvantages

You will not receive any notification about the recent comments. You have to check it manually.
Only Google+ users can comment, so you might lose the comments but mostly people especially bloggers are using Google+ which is good for you.
These comments will be based on URL. If you change the URL of any post, the comments associated to it will disappear.
No approval system which can cause a little bit spamming.

Steps To Enable Google+ Comments In Blogger

Adding this system in your blog is very easy and is just worthy of a few steps. Follow the below steps correctly and you have it !

• Go to Blogger Dashboard >> Google+
• There you will an option Use Google+ Comments On This Blog on the right side, check this box.

• That's All ! You have done it.

If the comments are not showing up, it means you are using custom blogger template but don't worry we know how to deal with it. Just follow the below steps and get the job done :

• Go to Blogger >> Template >> Edit HTML.
• Find the below code

<div class='post-footer'>

• Just below it, paste the following code

<div class='cmt_iframe_holder' data-viewtype='FILTERED_POSTMOD' expr:href='data:blog.canonicalUrl'/> 

• Click Save Template and That's it !

Final Words 

If you enjoy this article please share this with your friends and stay tuned more interesting articles ae waiting for you if you need any help please feel free to contact us or leave a comment below will reply will be highly appreciate thanks.

Read More

Top 5 Best Web Hosting Companies

When you start a blog you first need to purchase a web hosting from a company. No doubt everyone's priority remains to purchase a hosting that he/she is able to afford and secondly it should also be a quality one. But sometimes people do the starting wrong and begin their Blogging Journey with poor web hosting provider companies due to which they suffer alot. Usually these mistakes are done by the people in the cause of saving money. Because quality also demands a little money. So, to prevent you from taking wrong steps today I am going to reveal the Top 5 Best Web Hosting Companies. These companies (revealed below) are reliable as well as affordable. But before revealing this secret let us first tell you What is a web hosting ? (In case some newbies don't know)

Also Check : Top 10 Paid Responsive Blogger Templates Of 2014

What Is A Web Hosting ? 

So, as I already told you that when you start a blog/website, you first need to buy a web hosting and a domain name. If you have not heard of these words before, don't worry, I am here. Like in the address bar you can see http://www.tonyisright.blogspot.com, where www.tonyisright.blogspot.com is the subdomain name of this blog and the web hosting is actually the control panel of your blog/website from where you have the access to the each and everything of your blog. So, form web hosting you can develop your blog, store data and all the other managing tasks are done in the control panel of your blog provided by the web hosting company. So, its really really important that you should buy a reliable web hosting. So, before wasting more of your time, I think, I should reveal the secret.

Top 5 Best Web Hosting Companies

1- Hostgator

Yeah, hostgator is considered the the best among the web hosting companies and really deserves it because of its 24/7 VIP and friendly customer support and its cheap rates. 

2- Dreamhost

Dreamhost is our second recommendation for you. It also has a wonderful and friendly 24/7 customer support and its team doesn't leave you until your problem gets solved. Moreover it has cheap and affordable rates which are the desire of every person. Its servers are best.

3- Bluehost

Yet, bluehost is another awesome web hosting provider. It has an elegant, friendly customer 24/7 support. It also has very cheap rates yet the hosting is quality. Its servers are also excellent. 

4- Godaddy 

Read More

How to Add Skype Contact Widget In Blogger

No doubt, Skype is considered the best conservation tool ever on the internet and its competitors are very less. Mostly people on internet use Skype to connect with their loved ones. More over its also used in the Business fields such as in the developed countries, interviews of the contestants from other countries are taken live via the Skype Video Call, because it has the high quality sound and video features. Interestingly its also free Skype To Skype. You can talk to your friends, family ones, relatives, the way and the time you want. There is no restriction. Its easy to use and with just one click you are connected to your loved ones. It also has a great reputation in Online Business and Marketing. Many famous bloggers, and webmasters and online earners use Skype to connect with their loyal readers. So, today we thought to share this awesome feature of How To Add Skype Contact Widget In Blogger.

Also Check : Top 10 Paid Responsive Blogger Templates Of 2014

Steps To Add Skype Contact Widget In Blogger 

Adding Skype contact widget in your blogger blog is so much easy but as its your first time so we will be guiding you through the whole process. Also it should be kept in mind that you should have a Skype account otherwise you cannot add it in your blogger blog.

Step-1 :

Go to the Skype Developer Area. This tool will be the main key to build the Skype Contact Widget for your blogger blog. Its powered by Skype Team.

Step-2 :

After going to the Skype Developer Area. You will be seeing some pretty options and the first option will be Enter Your Skype Name. In the provided field under that option write your Skype name. Keep in mind that your Skype name should be genuine otherwise the widget won't work.By adding this Skype ID of yours, your visitors will be able to directly connect with you via your blog.

Step-3 :

The next option will be selecting the type of the widget you want to add in your blog. By this option you can allow your visitors to either connect you via voice chat or just with the messaging. Choice is yours !

Step-4 :

The next will be of choosing the widget layout. You can change the color and size of Skype Contact Widget in this option. But we advice you to go with the default settings.

Step-5 :

All the above steps were the settings of your widget. Now, you have to add it in your blog. So, for that 

Go to Blogger Dashboard.

Go to Layout >> Add Gadget >> Html/JavaScript.

Again go to Skype Developer Area (Open Existing Tab) and copy the Java/Script code provided in the bottom. 

Paste that Java/Script code in the Html?JavaScript Popup and click save.

You Have Done It ! Congratz Buddy!

Final Words 

If you enjoy this article please share this with your friends and stay tuned more interesting articles ae waiting for you if you need any help please feel free to contact us or leave a comment below will reply will be highly appreciate thanks.

Read More

Top 10 Paid Responsive Blogger Templates Of 2014

Well, now a days the trend of using Responsive Blogger Templates is becoming popular and it has too. Because Responsive style of a blogger template gives you many advantages and the main in them is that it allows your website to fit in any screen size. In simple words it means that your website will work perfectly in different devices with different screen resolutions and sizes if you have a Responsive Blogger Template. So, keeping in mind this main advantage today I am going to share the Top 10 Paid Responsive Blogger Templates Of 2013.

Read This: How to Embed Google+ Posts in Blogger

Read This: How To Earn Money Through Blog

Read This: 10 Tips To Design A Good Website

Top 10 Responsive Blogger Templates

The templates which I am going to share below are responsive, professional and paid blogger templates. More over all of these are 100% search engine friendly. All the templates are made by common web designers and are published on Theme Forest.  So, using Responsive like blogger templates will give you many benefits as I told you above and you will not lose your visitors using Tablets, Mac, Mobile etc.. because Responsive Templates have the ability to fit in any screen size.

1- Sevida 

Demo   |   Purchase

2- Cody

Demo | Purchase

3- Purez

Demo | Purchase

4- Warm Mag

Demo | Purchase

5-Squid

Demo | Purchase

6- Flat News

Demo | Purchase

7- Quickly

Demo | Purchase

8-  Grid Spot

Demo | Purchase

9- B Press

Demo | Purchase

10- Rifqiy

Demo | Purchase

Final Words 

If you enjoy this article please share this with your friends and stay tuned more interesting articles ae waiting for you if you need any help please feel free to contact us or leave a comment below will reply will be highly appreciate thanks.

Read More

Add Custom Robots.txt File In Blogger

Well, friends previously we shared with you about Submitting Blogger Sitemap To Bing and Yahoo and today we are here with another great and yet one of the most important topics and tutorial. Today we are will tell you How to add a custom robots.txt file in blogger which will surely help you to increase your search engine ranking and eventually a lot of visitors landing on your blog. So, we are pretty sure you have got that point that how much important is today's tutorial in views of Search Engine Optimization. In blogger's older interface, bloggers don't had access to this feature but now in the new interface of blogger, we have access to add this feature individually to our blogs and it gives a great benefit to us. Those who don't know much about the Robots.txt file should read the following para and than proceed further.

Read This: How To Add Social Media Share Button Below Post

Read This: 5 Reason Why Should Create A Blog

Read This: 11 Widgets Need To Install After You Create A Blog

What Is Robots.Txt File ?

Robots.txt is a simple text file which contains piece of some coding which is understandable by the Search Engine Crawlers which land on your blog to index your blog's data. Through this coding you can address the crawlers, whether to index any part of your blog or not.

Enable Custom Robots.txt File In Blogger

This task is not such a difficult task. You just have to navigate to a specific area of your blog's dashboard and add a piece of coding which we will provide you. So, just follow the simple below steps correctly.

• Go to Blogger Dashboard.
• Settings >> Search Preferences and click edit on Custom Robots.Txt option as shown below 

After that tick mark Yes, and a box will appear where you have to insert the below coding. Just copy it here and paste it in that box.

User-agent: Mediapartners-Google
User-agent: *
Disallow: /search?q=*
Disallow: /*?updated-max=*
Allow: /
Sitemap: http://www.yourdmomain.com/feeds/posts/default?orderby=updated

 Just hit Save and you are done.
I am pretty sure you are thinking what these commands mean which you have added. Don't worry Pals ! we have listed all commands below all commands with their explanation so that you can understand each and every piece of code ;).

Understanding Robots.Txt Commands

User-agen: Mediapartners-Google: This command is for those blogs which are using Google Adsense. It tells the crawlers to index all the pages which are showing adsense ads.
User-agent: *: User-agent is the command used to call the robots and * is the command for all search engines like Google, Yahoo etc.
Disallow: /search?q=*: This command tells the search engine crawlers that they should not index the search pages.
Disallow: /*?updated-max=*: This command tells the crawlers, not to index the label pages.
Allow: /: This command tells the crawlers to index the homepage of your blog.
Sitemap: This command tells the crawler to index each and every new post on your blog.
So, guys that was all. You can also allow or disallow the search engine crawlers to index or don't index any pages on your blog of your desire by just following the above commands gently.

Final Words 

Now you have done i you enjoy this article please share this with your friends and stay tuned more interesting articles ae waiting for you if you need any help please feel free to contact us or leave a comment below will reply will be highly appreciate thanks.

Read More

How To Enable Mobile & Email Posting In Blogger

While working with blogger.com, they have many features for you. Once you will find these features you will always remain keen to make use of them when you need. As Blogger.com is also a service powered by Google Team so, it has all of its features free which is a very good thing. In our today's post we will discuss about such a worthy free feature and that is Enabling Mobile And Email Posting In Blogger. This feature of Blogger is a really worthy one. It really helps you when you don't have access to your PC or Laptop connected to the internet. So, in that difficult time Blogger offers you a peace keeping feature to publish your posts on your blog via your mobile or email. So, before wasting more of your time, I will straight move towards our today's topic.

Read This: Analyze Your Competitor’s SEO Strategy

Read This: Submit Blogger Sitemap To Bing and Yahoo Search

Read This: How To Get An HTML Code For Buttons/Images

Enable Mobile Posting In Blogger

So, that's the first step and its very easy. You can do both either enable the mobile posting or the email posting. Choice is yours. So, for enabling mobile posting on your blogger blog you should follow the below simple steps correctly :

• Go to Blogger Dashboard.
• Than settings >> Mobile And Email.
• You will see something like the below screenshot 

Now, click on Add Mobile Device (shown in red in the above screenshot)

On clicking it, a popup will appear, in which you will be asked for verifying your mobile device.

• If you have MMS facility in your mobile phone, send the provided code to go@blogger.com.
• If you don't have MMS facility in your mobile, send the code through SMS to blogger via the number 256447.
• After that, your mobile number will be verified and you have to use the same number for posting on your blog via your mobile.
• Now, to publish a post via mobile, just prepare the post in MMS or SMS and send it to [For MSS : go@blogger.com] [For SMS : 256447] and it will be published automatically.
• That's it, you have enabled mobile posting for your blog.

Enable Email Posting In Blogger

Now, if you want to enable email posting on your blog just follow the below simple steps to accomplish the task.

In the same location [ Blogger Dashboard >> Settings >> Mobile And Email ]. There will be an email section below the mobile section which will look like something below. 

Here, you have to create a secret blogger email address through which you will send your blog posts to blogger.com to publish them.

Now, in the field Secret Words (also shown in red, in above snap shot), put any secret code which should be ranging from 4 to 20 words.

For example, If I put my secret code as xyz, than my Blogger email will look like "Irfankhan.xyz@blogger.com

You can also see some options below, you can check them as your desires.

So, after setting up your secret Blogger email and the options below it, click on Save Settings at the top right corner.

Now, to post via email on your blog, send the prepared post to your secret blogger email (in my case Irfankhan.xyz@blogger.com) which you have created above.

That's All. You have enabled email posting on your blog.

Final Words

Now you have done i you enjoy this article please share this with your friends and stay tuned more interesting articles ae waiting for you if you need any help please feel free to contact us or leave a comment below will reply will be highly appreciate thanks.

Read More