Tags: Coding / Freebies

5 Best Places to Learn to Code

- 140 Comments

Coding is not just for geeks anymore. Gone are the days when programming languages could only be mastered by supergeeks. Now, everyone can learn to code. It’s never been a better time to pick up programming. No matter your age or your experience, you can start programming whenever you want. You don't have to go to college or university, just turn on your computer and start learning whatever you want...for free. The biggest problem in learning coding is that it was never easy, but now forget all complicated setups. Today we are going to share a list of 5 Best Websites to Learn Coding. These websites simplify coding and make it look like a child play and providing screenshots, instructors and thousands of video tutorials. So, it's your time to start learning and become a programmer.

Codecademy

Codecademy is featured in Bloomberg, The Guardian, Wired, and dozens of other Major Publications. Codecademy is one stop to learn coding. Everything is practical, no theory. Just join the community of codecademy and learn to code javascript, HTML, Python, CSS, PHP Ruby and more. Create your profile and start to learn code with free resources and create apps and websites. You can take lessons on writing simple commands in JavaScript, HTML and CSS, Python and Ruby.

Khan Academy

Khan Academy is one of the best places to start your coding career. Millions of people are using khan academy to learn coding. Hundreds of video tutorials are available at khan academy. All the video lessons are available in almost 40 languages and increasing. It has also 5 different versions for different languages. And it's free for everyone, no ads, no subscriptions and nothing, just go and start your coding career.

Udemy

Udemy is one of the world's largest marketplace for online learning. Udemy offers tons of courses for learning. At udemy, 5 million+ students are taking courses in everything from programming, designing, developing to yoga. 22000+ courses are available at Udemy. Basically you've to buy a course to learn it, but don't worry, there are hundreds of free courses available related to coding. There are dozens of free courses of programming available at Udemy.

Coursera

Coursera offers hundreds of free online courses from dozens of universities. Coursera offers hundreds of free courses to learn coding. Choose from hundreds of courses created by the world’s top educational institutions. Courses are open to anyone, and learning is free. You can participate in Coursera courses free of charge. To get a verified certificate, just pay the course free and get a verified certificate.

Code.org

Launched in 2013, Code.org is a non-profit dedicated to expanding participation in computer science by making it more available. Millions of students have tried their An Hour to Code program. Their courses are available in 30+ languages. In addition to their introductory course, Code.org also offers courses in JavaScript, Game Coding, Python and more.

There are hundreds of other websites to learn coding. We just shared some of them and we'll try to cover more articles on coding. Stay tuned!

Have you studied at any website we shared above? How’s the experience? Do you have a favorite free coding resource? Share yours for others in the comments section below.

Tags: Collections / Templates

7 Best Blogger Templates for Video Blogs

- 56 Comments

Here's a Collection of 7 Best Templates for Video Blogs.
Recently we shared an article on 20 Best Blogger Templates of 2014 and today again, we're going to share another article on Blogger Templates. Blogger is a flexible and easy to use platform. Apart of its hundreds of features one of its best features is that you can easily install/upload custom templates within just a few minutes. Thousands of Professionally designed templates are available on the internet, but the problem is to choose the best one, that fulfill your requirements.

If you're looking to start a new Video Blog on Blogger and you're confused about its template, then just take a look at this collection of 7 Best Blogger Templates for Video Blogs. All these are handpicked templates having clean design, professional look and eye catching layout.

Movieism

Movieism is a unique and stylish entertainment blogger template which is appropriate for any kind of movie blog, cinema, movie promotion, film blogs and movie communities. Movieism comes with a separate framework that is built with latest technologies like CSS3 and HTML5. You can create a custom homepage or can use the default one which entirely depends upon your needs. It is responsive which makes it almost one of its kind movie templates for blogger BlogSpot blogs.

Demo Download

Video Box

VideoBox is a very professional video gallery blogger themes with great feature like wooden design and gray color for basic design this themes, ads space widget at top right sidebar, professional video gallery blogger themes and 4 columns layout, drop down menu for main navigation, 1 right sidebar, auto thumbnail post at homepage, 4 column widget at footer, ads space ready, fast themes on browser and you must try this themes for music or video sites.

Demo Download

Moviexpose

MovieXpose is a unique Entertainment Blogger template which is suitable for any type of cinema, movie promotion, Movie Reviews, blogs and movie communities no matter the size. MovieXpose Template comes with two designs - dark background and light background. It is ads ready, two view mode (List and Grid) width cookies and Rating widget inbuilt.

Demo Download

Blog Tube

BlogTube is a Professional Responsive Video Blogger Template designed for video sites, video blog video portal. This template will help you to setup a professional video site quickly. It is inspired by popular websites including YouTube, Vimeo and Dailymotion. No two opinions to say that it is the most powerful Video Blogger theme ever. It is fast, responsive, minimal and packed with tons of features required to set up a professional video site.

Demo Download

Videoism

Videoism is a professional video hosting blogger template designed for video site and video blog portal. This template would help everyone in setting up a professional video site rather quickly. It is somewhat inspired from popular video hosting websites like YouTube, Vimeo, Dailymotion and etc. No modest to say that this is the most powerful and robust Video Blogger template ever. It has significant features that would surely make your visitors feel great. It is extremely light weight and has quite impressive features too.

Demo Download

Tube Mag

Tube Mag is a Professional Responsive Video Blogger Template designed for video site, video blog video Portal. This theme will help you get a professional video site up and running quickly, it is inspired and support by the popular websites: YouTube, Vimeo and Dailymotion.

Demo Download

Johny Crottube

Johny Crottube template is Johny Crott series that was made for video content only from Youtube. There's so many feature in this template. It's a white and black color with 5 column blogger in there, easy loading with elegant looks, 1 left sidebar in homepage and 1 right sidebar in post page, 3 columns footer, navigation drop down menu, grid and list style, pagination for blogger ready, clean design template, and more.

Demo Download

From Editors Desk

Do share your thoughts about these templates in the comments section below? Which one is your Favorite? Share this post with your friends and don't forget to subscribe us!

Tags: Blogging Tips / Infographic / SEO

12 Things to Do After You've Written a New Blog Post - Infographic

- 204 Comments

Yesterday we shared An Ultimate Guide to Increase your Website Traffic in 2015. Today, again we're going to share an article to boost your website traffic. Okay, you've just finished writing a new blog post. You're excited to share another great post on your blog. But you know what? Sometimes great content also gets unnoticed because of some simple but major mistakes.

You've just finished writing a new blog post? What would you do next? Hit Publish and start writing the next post! But wait you did it all wrong. Sometimes you spend hours and hours writing a great new post, you put a lot of effort into polishing the post up to look its best, and read and reread it many times to make sure everything is just right. But it gets unnoticed and you receive just a few visits. This happens because you're making some major mistakes while publishing/writing your new post and that's what we are going to talk about today. Today, we're going to share an infographic created by Divvyhq on 12 Things to Do After You've Written a New Blog Post. Hope you find it useful.

12 Things to Do After You've Written a New Blog Post - Infographic

From Editors Desk

We hope this article would help you in optimizing your nest post and in increasing your website traffic. Do share your thoughts about this infographic in the comments section below and don't forget to share it with your friends.

Tags: Blogging Tips / Traffic Tips

An Ultimate Guide to Increase your Website Traffic in 2015

- 17 Comments

What do you think that you'll publish a post on your blog and the comments and shares will start rolling in? No, you're wrong. Increasing website traffic has always been a major problem for Bloggers. Writing quality content is not enough. You've to spread the word all over the world. Without readers, a website is nothing. No matter how good and informative post you've published on your blog, if it isn't seen by readers. And the only way to get our posts read by people is to promote it everywhere you can. Recently, we shared some articles on increasing your website traffic and we got good response from our readers, so today again, we're going to share some proven strategies for increasing your website traffic. Here's An Ultimate Guide to Increase your Website Traffic in 2015.

Be Social - Promote your Each Blog Post on Social Media

The Social Media Usage is increasing every year. Social media usage has increased in 2014, as compared to 2013 . People are using social media for both business and personal usage. Let's take an example of Facebook there are billions of active users on Facebook. So, if you share your website posts on Facebook, I think it would be great for you. Uh! I know what you're thinking now, that How is it possible to reach all those billions of people? It's impossible, I know. But there are hundreds of Facebook group having millions of members. So, just join those groups and share your posts on daily basis. You can get those groups by using Google.

Related: 8 Effective Ways to Generate Massive Traffic from Facebook

But remember, social media isn’t all about posting content, it’s more about engagement.  So, do post your content, Post Questions, Ask opinions, Do surveys and take the full benefit of social media.

Share More than Once a Day

Many of us have the mentality of sharing once and done. But that's not the right way. You publish a post, and share it just once, so what about those people who missed your post? Some people log in to their account daily, some people after 1-2 days, while some people on a weekly basis. So what about those people? That's why you should post more than once a day.

Okay consider you Publish one post on your website daily. After sharing that post on your social accounts, share your previous post after 5-6 hours and keep sharing your posts after a certain interval. Here's a simple Time Table for you:

You Published a Post Today! Share it --> Share it again after 2 days >> Share it again after a week and then share the same post after a Month.

But remember, don't get crazy about sharing. Yes, that's right! Don't behave like lazy people by sharing 15-20 times a day. The best way is to share 3-5 times a day and keep your followers busy. Enough said!

Extra Tip:
Share the same post more than once with different Unique and Catchy headlines. Share it with a quote, its title or write an interesting headline.

Participate in Communities Related to you Niche

Here's another killer tip to boost your traffic. Engaging with other bloggers is a great way to boost your traffic. Its a proven strategy and it helped me a lot in increasing my website traffic.

Also Read: Top 6 Blogging Communities to Promote your Blog

Lets take an example, you're a designer and imagine what would happen if hundreds of designers meet at one place? Obviously they will share their ideas and bla bla bla. Same in the case of blogging, if you join a blogging community, you'll meet other bloggers and all of you share your posts. In this way they'll visit your blog and its impossible that you wouldn't find some interesting posts written by other blogger.

Also Read: Boost your Blog Traffic and Authority with ViralContentBuzz

In this way, you can boost your traffic and engage with other bloggers. And thankfully, you don't need to spend a dime to figure out where a large portion of your audience can be found on the web. So participate in communities related yo your niche, engage with other bloggers and increase your website traffic.

Guest Posting

What is Guest Posting? Simply, guest posting is to write an article and submit it to a website that accept guest posts. If your post gets accepted, they'll publish your article on their website and in return you'll a backlink to your blog. Simple. Right!

Also Read: 7 Ways to Increase your Blog Traffic

Guest posting is one of the best ways for increasing your website traffic. Guest posting doesn't only help you in increasing your website traffic, it also sends you external links from those sites, and the more links your site gets, the better it will appear in search engine results.

From Editors Desk

There are thousands of ways for increasing your website traffic. We just shared some important and effective ways in this post. A part of all above methods, focus on your content, write quality content and don't forget SEO.

What you think about the above methods? Let us know in the comments.

Tags: Collections / Templates

20 Best Blogger Templates of 2014

- 90 Comments

Today, we're going to share a collection of 20 Best Blogger Templates of 2014.

Blogger is an easy to use platform with millions of active users. Blogger is good for both beginners and professionals. In case of beginners, it just hardly takes 5 minutes to start your blog on blogger. It has a strong and unique dashboard with rich customization options. When it comes to our blog design, we choose custom templates as they give our blog a unique and professional look because our blog template is the first thing that our visitors notice. Thousands of blogger templates are available on the internet. But choosing the best one has always been a headache for bloggers. So, in order to help you, today we're going to share a collection of 20 Best Blogger Templates of 2014. We hope you find this collection useful.

1- Awesome Mag

Awesome Mag Blogger Template is fully responsive theme that comes with features that are never seen before in a BlogSpot blogger template. It has a unique fluid design concept with robust elements, which make it a complete package of theme that could be converted into any niche site or blog. It is a 3 column template that can be customized into a portfolio, magazine, personal blog, products, list based sites and etc.

Demo

Download

2- Real Mag

RealMag is a modern, user-friendly and professional blogger template. It is clean and modern design for blogger users. It comes with several handy features that are both good to run a successful magazine blog, news blog or etc.

Demo

Download

3- Torrentism

Torrentism is a responsive Blogger template for Torrent, file hosting and software download niche blogs. It is a multipurpose template and can be used in different ways, according to the desire needs.

Demo

Download

4- Beta Commerce

Demo

Download

5- Simplest

Simplest is a minimal style responsive blogger template fully loaded with lots of awesome features and clean design.

Demo

Download

6- Colored

Colored is a minimal flat style template. Its has a clean design and has build-in tabber widget and lots more. A colorful navigation menu and clean design gives it a professional and eye catching look.

Demo

Download

8- Krystal

Krystal is a responsive magazine style blogger template specially made for news, technology, blogging, multimedia and niche type blogs. Krystal is fast loading blogger template coded with latest HTML5 and CSS3 techniques. 

Demo

Download

9- Simple Tech

Simple Tech is an awesome tech blogging templates which is ready right out of the box to display your content like the biggest, baddest magazines-turned-websites do it. Simple Tech is fast loading and responsive, we have added lots of seo settings to this theme which will help you to rank higher in SERP.

Demo

Download

10- Grid Mag

Grid Mag is a Blogger Template having 3 Columns, the header is divided in two portions, the left one is your header while on the right side we've implemented a banner ad section.  A beautiful sticky navigation menu on the top and one on bottom. The footer is divided in three portions, which means you can add 3 widget in its footer.

Demo

Download

11- Flat Mag

Flat Mag Responsive Blogger Template is a multi-purpose straight Blogger template precisely designed for multimedia, news bulletin, Entertainment and Technology blogs. With elegant green color scheme, Flat Mag gives you visitors the experience of their life as they go though the responsive and flexible design.

Demo

Download

12- Shoot Pics

Shoot-pics is a ideal blogger template for photographers. It's loaded with best features which makes your blog a perfect showcase for your photography skills. You will also get a complete guided documentation with this template which will make you the best curator of this template.

Demo

Download

13- Greenchilli

GreenChilli is a SEO Friendly, Clean and Responsive, 2 Columns Blogger Template with Elegant Look. GreenChilli Blogger Template has a Top Dropdown Menu, Related Posts, 3 Columns Footer, Google Fonts, Social Profile Buttons and Post Share Buttons and More Features.

Demo

Download

14- Videoism

Videoism is a professional video hosting blogger template designed for video site and video blog portal. This template would help everyone in setting up a professional video site rather quickly. It is somewhat inspired from popular video hosting websites like YouTube, Vimeo, Dailymotion and etc.

Demo

Download

15- Your Mag

Your Mag is a complete Responsive Blogger Template for a news or magazine site with the focus of attracting and keeping visitors on their site. This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for News, Magazine or portofolio websites.

Demo

Download

16- Iconic One

Iconic one is a minimal responsive template with a number of great features. The Best part of IconicOne template is that it has every minor function added with minimal spacing.

Demo

Download

17- Go Green

GoGreen is a multipurpose Blogger template with lots of new and indifferent functionalities. It is elegantly clean with a touch of FLAT UI but it is not totally flat. The dynamics of this theme are extremely pure and it gives a sparkling shine to your blogger site.

Demo

Download

18- PickPress

PickPress is one of the editor's choice template with retina display. It has unique style logo and featured post area with mouse hover rotating option. PickPress blogger template is for those bloggers who want to give their blog elegant plus professional look.

Demo

Download

19- Delivery

Delivery is a modern WP theme which was published by theme-junkie, fresh and creative template best suited for Magazines, News or Tech Blogs, with tons of features to make your blog elegant. Best thing of 'Delivery blogger template' is, it's well suited for both beginners with no coding knowledge and experience.

Demo

Download

20- Retina

Retina Blogger template is a versatile magazine style theme designed for those blogs which are multi-niched, or covers a lot of stories of different categorize at just one place. It is still ideal for all kind of blogs like Technology, Entertainment, News, Magazine, Gadgets. It has the tendency to accommodate almost anything. It is jam-packed with lots of customized widgets.

Demo

Download

From Editors Desk

Do share your thoughts about these templates in the comments section below? Which one is your Favorite? Share this post with your friends and don't forget to subscribe us!

Tags: Blog Design / Widgets

How to Customize Popular Posts Widget in Blogger - Numbered

- 11 Comments

Popular posts is a widget provided by blogger. It displays popular posts/most viewed posts of your blog. By default, the design of blogger default popular posts is ugly and not attention grabbing, that's why we need to customize it. You can try four different combinations for displaying this widget i.e.

1- Only the title of the post
2- Post title with summary
3- Post title with image thumbnail
4- Post title with image thumbnail and summary

Recommended for you:
3 Different Popular Posts Styles for Blogger
Add 2 Stylish Custom Popular Posts Widget to Blogger
Multi-Colored Popular Posts widget for Blogger
How to Customize Popular Posts Widget in Blogger 

Having a popular posts widget has lots of advantages. It encourages your visitors to surf more and check the most viewed articles of your blog. It decreases your bounce rate as people surf and spend more time on your blog. So, if you want to turn your simple popular posts style to a stylish one and you want to attract your visitors. In this article, we'll show you that How to Customize Popular Posts Widget in Blogger.

How to Customize Popular Posts Widget in Blogger

First and foremost, add the default popular posts widget by going to Layout >> Add a Gadget >> Select Popular Posts Gadget from the list and click Save button.

Now, log in to your Blogger Account >> Select a Blog >> Template and click Edit HTML. Click inside the template code area and by using Ctrl+F search for the ]]></b:skin> tag. Now copy the below code and paste it just above/before it (]]></b:skin> Tag)

.popular-posts ul li a {
    background: none repeat scroll 0 0 #4E5563;
    color: #FFFFFF;
    display: block;
    margin: 10px 0;
    padding: 25px 15px 30px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
 width: 87%;
}
.popular-posts ul li a:before {
    background: none repeat scroll 0 0 #373C45;
    color: #FFFFFF;
    font-weight: 700;
    height: 2em;
    line-height: 2em;
    margin-left: 88%;
    padding: 2px;
    position: absolute;
    text-align: center;
    width: 2em;
    border:1px solid white;
    transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
}
.popular-posts ul li a:hover {
    opacity: 0.8;
}
.popular-posts ul li a:hover:before {
    border-left-color: #CCCCCC;
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before {
    content: "10";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li a:before {
    content: "9";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li a:before {
    content: "8";
}
.popular-posts ul li:first-child + li + li + li + li + li + li a:before {
    content: "7";
}
.popular-posts ul li:first-child + li + li + li + li + li a:before {
    content: "6";
}
.popular-posts ul li:first-child + li + li + li + li a:before {
    content: "5";
}
.popular-posts ul li:first-child + li + li + li a:before {
    content: "4";
}
.popular-posts ul li:first-child + li + li a:before {
    content: "3";
}
.popular-posts ul li:first-child + li a:before {
    content: "2";
}
.popular-posts ul li:first-child a:before {
    content: "1";
}
.item-snippet {
    display: none;
}
.PopularPosts .item-thumbnail {
    display: none;
} 

Hit the Save Template button and you're done.
Congratulations: You've successfully customized your popular posts widget.

From Editors Desk

We hope this article may have helped you in customizing popular posts widget. Share this article with your friends, don't forget to subscribe us and Join our Bloggers Forum on Facebook @ https://www.facebook.com/groups/730927093629291

Tags: Blogger Tricks / Tutorials

How to Add Disqus Comment System to Blogger

- 125 Comments

The blogger commenting system only allows you to comment using your Google Account, but what would happen if it is must for your commenters to connect to your website through Facebook or Twitter account to make a comment. It would be great! Right. But how? Don't worry, the commenting system we're going to share with you today will help you to do this.

Today we're going to discuss about the DISQUS commenting system. Disqus is a flexible commenting system which allows your visitors to comment using their social profiles like Facebook and Twitter. Disqus comment system is full of advantages and helps you to easily build a community. It has lots of features, some features are:

• Unique Design: Disqus has a unique and professional design that fits in all websites.

• Social Login: Your visitors can easily comment using their social profiles.

• Stars and Thumbs Up: You visitors can rate the discussion using starts and can thumbs up others comments.

• Threaded System: It has Real time threaded system which makes your discussions more easy.

• Comment Moderation: You can also enable comment moderation in order to approve your comments.

and lots more...

Integrating Disqus comment system is too easy and no coding is required. Just a few clicks and done. Today in this tutorial we'll show you that How to Add Disqus Comment System to Blogger.

How to Add Disqus Comment System to Blogger

First and foremost, go to Disqus.com and click Sign Up button. Now you've to create your account, enter your Log in information i.e. username, email and password. or you can also sign up with Facebook, Twitter and your Google account.
Once your account is created, it'll redirect you to the homepage. Now click the Gear button from the top and then click Add Discuss to Site button.

On the next page, it'll ask you to enter your website information. Enter your site name, your unique disqus URL (blogname.disqus.com), select a category and click Finish Registration button.

Almost done, it'll ask you to choose your Platform, so choose Blogger and click Add to my Blogger Site. A new tab will open, just click Add Widget button and you're done.

Import your Existing Blogger Comments into Disqus

To import your existing Blogger Comments into Disqus, click Tools > Import button as shown in the above image and click Import Comments from Blogger button from the next page.
That's it!

We hope this article may have helped you in learning How to Add Disqus Comment System to Blogger. Share it with your friends and don't forget to subscribe us!

Tags: Widgets

How to Add Numbered Page Navigation to Blogger - 7 Designs

- 19 Comments

This Page was Update on 22/01/2015.
Do you want to make your blog Navigation more easy and user-friendly? Are you fed up with the default blogger "Older Posts" and "Newer Posts" navigation? By default, Blogger provides us an option to set the number of posts on our homepage, when the limit of the posts exceeds it shows Older Posts or Newer Posts button for navigating posts. But if you want to make your blog more user-friendly Numbered Page Navigation is better than the Newer and Older Posts. Page numbers instead of older and newer could help our visitors to navigate quicker and easily. If you're looking to add a Numbered Page Navigation to your website then you're at the place. In this tutorial we're going to show you that How to Add Numbered Page Navigation to Blogger. We have also designed 7 clean and stylish styles for this navigation, choose the one you like and don't forget to leave your feedback about our designs in the comments section below.

Recommended For you:
8 Effective Ways to Generate Massive Traffic from Facebook
Boost your Blog Traffic and Authority with ViralContentBuzz
30 Handpicked Blogger Widgets and Plugins

How to Add Numbered Page Navigation to Blogger

Step 1. Log in to your Blogger Account
Step 2. Select your Blog and go to Template >> Edit HTML and Search (Ctrl + F) for the following tag

]]></b:skin>

Step 3. Now choose one of the following numbered page navigation styles, copy its code and paste it just above/before ]]></b:skin> tag

Style #1

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;border:2px solid #ccc;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#666666;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Style #2

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #000; background-color:#fff;border:2px solid #ccc;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#222;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #ccc;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Style #3

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#2aa4cf;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#1D7290;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Style #4

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#00CC00;border:2px solid #008E00;border-radius:2px;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#008E00;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Style #5

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#FF8000;border:2px solid #B25900;border-top-right-radius:7px;border-bottom-left-radius:7px;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#B25900;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Style #6

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#009999;border:2px solid #006B6B;border-radius:999px 999px 999px 0px;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#006B6B;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Style #7

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#FFCC00;border:2px solid #B28F00;border-radius:999px 999px 999px 999px;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#B28F00;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Step 4. Again find (Ctrl + F) this tag

</body>

Step 5. And add the following script just above/before it

<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=6;
    var prevText ='◄';
    var nextText ='►';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
   <script type="text/javascript" src="http://yourjavascript.com/1285534128/pagenavigationupdated.js"></script>
</b:if>
</b:if>

Customization:

• var perPage=6; No. of posts to show perPage
• var numPages=6; No. of pages to show in Navigation
• var prevText ='◄'; Text to show for Previous Page button
• var nextText ='►'; Text to show for Next Page button

Step 6. Press the Save Template button
And you're done

From Editors Desk

We hope this article may have helped you in learning How to Add Numbered Page Navigation to Blogger. Share this article with your friends and don't forget to subscribe us via email.