The Stylish Popular Post Widget For Blogger as one of the best blogger widgets all bloggers should have, shows a list of posts that have the highest page views on your blog. To be displayed on this stylish popular post widget can be the most popular posts within 7days, a month or of all time. In order to promote your blog and improve its design, it would be useful for you to use this Stylish Popular Post Widget in your blogger blog. Follow the steps listed below to add this blogger widget in your blog.

Also Read: How to Add 'Link to This Post Widget' to Blogger Post
                    Social Follow and Subscription Blogger Widget
                    Scrolling Popular Post Widget For Blogger

How To add Stylish Popular Post Widget in Blogger Blog

Step one

• From you blogger dashboard
• Goto 'Layout'.
•  Click on 'Add gadget'.
• Select 'Popular Posts'. 
  
• Tick the options for 'Snippet' and 'Image Thumbnail' before you save the blogger widget.
  

Step 2 

You'll be Adding the CSS code in your blogger template. If you already have a popular post CSS code in your template, ensure you remove it before trying this out.

• Goto your blogger template, back it up first.
• Click on 'edit html', 
• Use ctrl+F keys to search for ]]></b:skin> 
• Copy this code below and paste  'above'  ]]></b:skin>

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipZ-uHvKOAL52pe_Vkvt9nycO6xS8ZKiBJG40FT5PDE1Cg9I_4xlaSJi2Dtl5lKEshWYtYDObDb5jhUiG4Vg8spO6mQVHbwmdqzndux69ISdhsRVLH_or0q32hydubjR9Tcorx_bBZfTs/s1600/1.gif)  no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

Also Read: Related Posts Widget For Blogger / Blogspot with jQuery
                    Facebook Invite Friends Buttton With Timer To Blogger
                    Facebook Popup Like Box With Timer For Blogger

• Save the template. View your blog and you'll see the Stylish Popular Post Widget in your blog.

How it All Started

Began Blogging about a year ago, September 2013 to be precise. I can remember this vividly because that's my birth month. Decided to try something new since ASUU strike had sent us on compulsory holiday. Always wanted a website, but never created one before this time. Joblessness at home made me to finally put my thoughts into action. Didn't really know how to begin, just knew I wanted a place I could post stuff on either reasonable or crappy ones. As always, I went for my reliable search engine 'Google' and created a website which was on blogger platform. Before this time, I had no idea we had different platforms like blogger, word press, or personal website, or had any training in website design, an idea on what I wanted to post on the blog, talkless of the niche I wanted, and also that one could earn from blogging.

Also Read: Basic Tips For Blogging


The Blogging Experience

With the little experience I've gained from blogging, I can now pinpoint the mistakes I made on my first blog which was gracejoseph446.blogspot.com these were:

1. Looking at the URL, other than it's length which is too long, it's complicated with three numbers. This will be hard to recall by readers if in future they want to refer to my blog. You hardly see any professional blog using such URL.

2. No 'After the jump' Summaries: Had about 9 to 10 post on my homepage and each post had no 'read more' tag. You can already imagine how lengthy the home page was and really hard to view other post. Readers had no choice in choosing to which post to read. This will in turn reduce the page views since the content are out on display right from the first visit. It was Oluwaseun of Hallanaija who helped out with things like how to use jump breaks on blogger, reducing the number of post on the homepage to reduce the page load time, instead of a template with a dark background, a better one preferably with a bright background, also referred me to sources for my page content.

Also Read: How To Centralise Blogger Title And Description


3. Blog content: Since I had nothing in mind to blog about, I went for entertainment. It seemed easier blogging about that or copying it to paste if that counts as blogging. Now I realize having original content or even an appropriately edited form of 'copy and paste' can do your blog a lot of good. As at then, you could search for a topic on Google and my blog would fall among the ones on either the 15th or 17th pages, yes! it irritated me a lot.

4. Blogger gadgets: I had a lot of them which also contributed in increasing my blog's page load time. I spent more time trying to design my blog instead of writing relevant content. Most bloggers do this, the design of the blog is one in a million but the content of the blog isn't half as good compared to the design. Before I began blogging, I can recall I bookmarked or saved webpages that provided answers to my questions each time I searched for them on Google and this wasn't because the blog had beautiful designs but it's ability to provide relevant solutions. I returned to these blogs over and over again if I wanted to learn more. What's the use of a beautiful blog if it's empty? The only gadgets that really matter are the basic blogger gadgets.


5. Large Image size: The images were of various sizes, some too tiny while others were extra large. This was because I was blogging from phone and not even a smart phone. Couldn't upload images directly to a blogger post, So I resorted to free image hosting sites. Later, discovered I could post with images by sending them through email.

6. Inconsistency and impatience : So far I wasn't seeing any progress in my blog in terms of traffic and earning some cool cash as I've heard some bloggers testify of. I visited and posted less often and finally I deserted the blog. I'll give credit to some of my fellow bloggers like Larry Frank of Flowing Tech Blog and Johnny Ode of Readers lodge who encouraged and made me realize it wasn't also easy at first for those who finally made it at blogging. From them, I got to know the relevance of backlinks, keywords, joining high PR forums, and above all not giving up.


Within me, I still had the desire to blog, so I created this blog informationtutorial15 (the Tutor). Changed my niche from entertainment because I didn't feel contented posting other people's work on my blog, stalking the net to be the first to get the breaking news. Since my main traffic wasn't coming from Google but social networking sites, it meant less or no page views when the blog was not updated. If I was to continue blogging, I wanted to write what I know, and content that will always generate traffic for me even if it got to be years old. With the knowledge gained from my former blog, i'm now spending time on things that matter more to make my blog better. Even though the traffic isn't rollingIn in thousands now, looking at my blog I can see some significant progress which gives me the courage to blog and hope that someday i'll look back at this post and smile.

In this post, we will see how to backup Blogger blog and templates. The blog includes all your blog posts and the images. In the process of editing your blogger template, errors could occur, and with a backed up copy of your template, you can be rest assured of replacing it to its former state. Google with its strict rules has full control and also the right to delete your blog at any time without warning. Also, your account could get hacked in future by hackers who might decide to delete all your blog post or you when you mistakenly delete your post. The listed above are some of the reasons why you have to backup your Blogger blog and template for the unforeseen and by doing this, you can have the copy of your blog without all the efforts you've put in for months/years going down the drain.

 Also Read: How to Create Sitemap Page or Table Of Contents In Blogger
                    How to Add  Read More Attribution Links to Copied Text in Blogger

How to Backup Blogger Template

•  From your blogger dashboard, navigate to 'template'.

•  Click on 'Backup/restore'.

• Select 'download full template'.

• A dialog box appears, click on 'save as'.

• Choose the location on your PC then save the template.

Also Read: How to Add Custom Robots Header Tags In Blogger
                   How To Centralize Blogger Title And Description

How to Backup Blogger Template

•  Follow the steps listed above to access 'backup/restore' in your blogger template.
•  Click on 'Browse'
•  Navigate to location of the template in your PC. Select it.
•  Click on 'upload'

Also Read: How to Insert Tables In Blogger Post
                   How to Add 'Search Description' On Blogger

How to Backup Blogger Post

•  Navigate to 'settings'.
•  Click on 'other'
•  Click on 'export blog'
•  Click on 'download'.

How to Backup Entire Blogger Account

To backup multiple Blogger blogs or the entire blog at once, go to Google takeout . Here, you can also backup all your images.

• Select 'Blogger' for post and 'Google photos' for images.
• Click on 'next'.
• Select 'create archive' and then 'download' with the download that will be sent to your email.

Those are the easy steps that you can use to backup your blogger blog, backup your blogger template, and restore the template. Encountered problems? kindly comment below.

High PR Dofollow Directory Submission Sites can help in increasing the number of high pr backlinks and traffic to your blog. On submitting your site to these free high PR dofollow directory submission sites, you can improve your blog's ranking in search results.

Below, a list of top 60 High PR Do Follow Directory Submission Sites 2015 have been given, to promote your blog/site and increase its popularity, register on each of these sites, them leave a link back to your blog, preferably a link to your internal pages instead of your blog's homepage. The link juice passed by these high pr directory sites is dofollow, which have SEO benefits. Overtime, you'll notice meaningful changes in your blog's traffic and the number of backlinks pointing to it.

Also Read: All In One SEO Pack Plugin 2015 For Blogger
                   How to Add Custom Robots Header Tags In Blogger
                   Automatically Add Nofollow Attribute to All External Links In Blogger

Free High PR Dofollow Directory Submission Sites 2015

S.N.	Site Name	Page Rank
1	Site Promotion	7
2	Free PR Directory	7
3	ABC Directory	7
4	PR Web Directory	7
5	The Free Library	7
6	ElecDir	7
7	AListSites	7
8	Canada WebDir	7
9	Travel & Tourism	7
10	Ehow	6
11	HotVsNot	6
12	Ezinearticles	6
13	Dizila	6
14	Hubpages	6
15	Scrub The Web	6
16	Britain Business	6
17	Blog-Directory	6
18	Promote Business	6
19	USA Listing	6
20	Marketing Internet	6
21	Article City	5
22	Submission Web	5
23	Goarticles	5
24		5
25	Promotion World	5
26	Findelio	5
27	Conseillemoi	5
28	AmenianLinks	5
29	Voxcap	5
30	Vision IQ	5
31	Articlesbase	5
32	Articlealley	4
33	Articlecube	4
34	Articlesnatch	4
35	LinkTeve	4
36	A1Articles	4
37	Amazines	4
38	Articlebiz	4
39	Articlesfactory	4
40		4
41	Articlepool	4
42	Articleslash	4
43	Anaximander	4
45	Web Directory	4
46	The Free Directory	4
47		4
48	Selfgrowth	3
49	Articletrader	3
50	Afroarticles	3
51	Articlesphere	3
52	Sooperarticles	3
53	Bharatbhasha	3
54	Artipot	3
55	Expertarticles	3
56	Uberarticles	3
57	Upublish	3
58	Articlesbus	3
59	Easyarticles	3
60	Articledashboard	2
61	Article-Buzz	2

Also Read: Add Read More Attribution Links to Copied Text in Blogger
                   How to Create HTML Sitemap In Blogger

Other than using these search engine submission sites listed above, you can also make use of high pr commentluv blogs and high pr social bookmarking sites to promote your blog.