0 How to Add Next & Previous Pagination Widget to Blogger?

How to Add Next & Previous Pagination Widget to Blogger?

 

Pagination or Previous and Next Pages numbering widget for blogger blogs is almost a great widget. You can add it to your blog easily and just with few steps. As many bloggers search for this trick that how to paginate their blog by using the quickest and easiest method. Pagination is a good method to engage visitors within your blog. So if want to include previous and next buttons along with page numbers then you are here to do so.

The widget is designed with CSS and the functionality is from JavaScript. So you will just need to add it somewhere on your blog template; apparently, you can add this widget by using your blog’s Layout page and add an HTML/JavaScript widget and straight paste the given code [on this page] inside that. The widget won’t affect your blog’s loading speed because of using few codes of JavaScript. So now follow the given steps to add this pagination widget to your blog.

How to add Pagination widget to Blog?

Following simple steps are for you in order to add this cool widget to your blogger blog. So follow them and enjoy the widget.

• Log-in to Blogger Dashboard
• Go to Layout
• Add a Widget
• Add HTML/JavaScript Widget
• Copy Below code and paste inside HTML/JavaScript widget

<style type=”text/css”>
#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:2px 8px;margin:0 4px;text-decoration:none;border-bottom:2px solid #5fb404;border-top:2px solid #5fb404;background:#effbf5}.showpageNum a:hover{border-bottom:2px solid #df01d7;background:#a9f5f2;border-top:2px solid #df01d7}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:2px 8px;margin:2px;font-weight:700;border-bottom:2px solid #5e610b;border-top:2px solid #5e610b;background:#5e610b;text-decoration:none}
</style>
<script style=’text/javascript’>
var postperpage=3; var numshowpage=3; var upPageWord=”Prev”; var downPageWord=”Next”; var home_page=”/”; var urlactivepage=location.href;
</script>
<script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’>
</script>

Save the widget and view your blog for a live pagination widget with number of pages and next/Previous buttons.
Customization 
In the bolder codes above you can change the number of pages to show from numshowpage=3 to any value you want, also you can  change the text Prev and Next to any value you want.

0 Professional Social Subscribe Now Widget For Blogger

Professional Social Subscribe Now Widget For Blogger

 

At blogger.com, people always try to decorate their blogs with beautifully created widgets by different custom designers. And thus, blogger blogs can easily be customized and stylized. But I would recommend you to keep your blog as simple as possible, but beautiful too. Because design matters a lot in terms of visitors & money. You need to give some crucial time to your blog design. And also make sure to add some professional & necessary widgets such as popular posts widget, Facebook like box plugin and subscribe now widget. So in this tutorial I have a great looking SUBSCRIBE NOW widget for you which you can easily add to your blogger blogs. It is an awesome widget.

Widget Looks Like this

This widget is created by simply using CSS3 properties and will be loaded faster on any browser. This subscribe now widget will be having some features like Facebook follow button, email subscription box, Twitter follow link & Google+ follow link, but the important thing in this widget is the design. So this design is without doubt a great & attractive design. Now let’s add this widget to blogger.

How to add Subscribe now Widget in Blogger?

Adding this widget to your blog is something really really easy thing, just follow few given steps below in order to quickly add this widget to your blog:

• Go to blogger >> Layout
• Add a Gadget >> Add an HTML/JavaScript Widget
• Now just copy all below code and paste it inside HTML/JavaScript Widget

<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMoRKvYcDZw-Oknh59F-4ddtbhpYYFLpBA0Fg9leRmlcq-2Laf3OMm2IosoFZTLa-nzoabw-KwZu8EzQn-qjkJP-yXgsLVGku9RIxHcikCZGomT-x6iw26sLr313AV5mLVqt5HJ0rBQQ/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Q0meIZFzidPWvGD0_330lsmtFkPhM_lb8EiloM52zKLHdoXzjMuoQKFl1WjjpdpeZBk6k7BHBEOy4HUfioXxV4fJejAvw55wd3JSSouaHtVV6lRQo6F-FjWiUBAONVr00MlGJQuGs3o/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<div id=”sidebar-subscribe-box”>
<div class=”sidebar-subscribe-box-wrapper”>
<br/>
<a class=”social-icons” target=”blank” href=”https://www.facebook.com/BestBloggersCafe“><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSMk8zQLD4dIeCDGhHXPWhLfXEZqqGsOrxX1fYfx6XpoLqeoMD4luAhPx1hkvGp4I7rCz3rJ7tlcTPlQFwYRK0PZvoA2bJrqg40jp7dVSZyOK0CKGdtEU3ZmZMyUobxB00TwuoJR6HZfu/s1600/Bloggertrix-facebook.png” /></a>
<a class=”social-icons” target=”blank” href=”https://twitter.com/onlineustaad“><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdWhH2qgFu9DpJuCh1fNc-G6Rpe-om1rTo6_IDAvjsLyWtCgaPYVcX68yWeuKbN0d18hJ3cqgh5YR707svzZnyvtrpDmjNcGOkHCKiS4PAtqwnB5R2QQQZOMHyVKJMtSVfW7GL3KEntmBI/s1600/bloggertrix-twitter.png” /></a>
<a class=”social-icons” target=”blank” href=”https://plus.google.com/u/0/108628318516871549001“><img src=”http://3.bp.blogspot.com/–KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png” /></a>
<a target=”blank” class=”social-icons” href=”http://www.feedburner.com/BestBloggerCafe“><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB3k8ZKSyGjb0NaJ3sBb9-pTspgONiZmuEdazjMv7RsV53Im_x0BDf3f5vy2iQhnLJjmS1o1wJgkeCFz-StvVTVROkRxiuG-BRVr9c8M_S6ZYwgCTprPDClUOrJASEdE48NPfCvBWSyElS/s1600/Bloggertrix-Rss.png” /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class=”sidebar-subscribe-box-form”><form action=”http://feedburner.google.com/fb/a/mailverify?uri=BestBloggersCafe” class=”sidebar-subscribe-box-form” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=BestBloggersCafe‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true” target=”popupwindow”><input name=”uri” type=”hidden” value=”BestBloggersCafe” />
<input name=”loc” type=”hidden” value=”en_US” /><input class=”sidebar-subscribe-box-email-field” name=”email” autocomplete=”off” placeholder=”Enter your email address here”/>
<input class=”sidebar-subscribe-box-email-button” title=”” type=”submit” value=”Subscribe Now !” /></form>
</div></div></div>

Just save your widget and view your blog, keep the widget in the sidebar, because this widget is used in sidebar. View your blog to see the new widget.

Customization

Some general customization are required for making this widget work perfectly for you. Just change the links with yours for example:

• Change the Blue color BestBloggerCafe to your Facebook Page name
• Change the Green Color OnlineUstaad to your twitter user name
• Change The Orange color Google+ link to your own
• Change all three Red Color BestBloggerCafe to your Feedburner name

That’s all, save your widget and enjoy the great widget on your blog.
If you face any problem while adding this widget to your blog then kindly leave your comment below the post along with the problem you get, so I can help you further. Take Care.

0 Best Websites to Download Free Blogger Templates

Best Websites to Download Free Blogger Templates

 

Blogger.com is a platform where you can easily build/create your free blog within few minutes. It doesn’t require any extra skills that you need to create a free blog. After creating your first blog on blogger, you need to have a good looking and professional template for it. However, blogger’s default templates are very simple and not much appreciated in designing, so all who are using blogger for blogging want to change their default template to a very professional and shiny one. So in this post I’ll tell you about some websites which are offering free blogger templates, and you can download thousands of free templates from these websites. Installing a blogger template is not a headache while the customization of a template might be a little bit sticky for new bloggers who don’t know how to code. Anyway, here is the list of websites offering free and great templates for blogger platform. Visit them one by one below and try to understand the value of free stuff :).

#1. MasTemplates.com

This website is having one of the treasures of blogger templates and the important thing is that the webmaster himself creates new templates and publishes for free of cost. You’ll find a lot of templates there for any topic you may have for your blog. Even there are templates for creating an Online Store which was never possible before. Video sharing blog templates are also available and you can find any template you need for any kind of blog.

#2. Templateism.com

This website for free blogger templates was created by Syed Faizal Ali one of the talented young bloggers in Pakistan. The blog is offering awesome and unique blogger templates for absolutely free. You’ll find some stylish and even amazing blogger templates by browsing this website. All the templates are awesome in design and professional in coding. Must give it a try.

#3. Bestbloggertemplates.net

I like this website for blogger templates because it has everything that you need to find a beautiful template for your blog. You may search by selecting a category, you may search by selecting a color, you may search a template by selecting a Layout. There are every option available for you to find your desired blogger template. This website is created by Paul Crow from Ireland and he has another blog spiceyourblog.com for blogger widgets and tutorials.

#4. Deluxetemplates.net

Deluxetemplates is one of the older sites offering free blogger templates as well as WordPress themes. If you want to find a template that is converted from WordPress to Blogger then you must browse this website to find a stunning template for your beloved blog. All you need to do is; just go there and view the templates one by one.

#5. Btemplates.com

This is also one of the older websites which offer free blogger templates for last couple of years. If you want to have thousands of blogger templates for free then there is no better site than btemplates.com itself. It will provide you a large number of tools to search your template which you require for your blog. All templates are free to download and even there are instructions to install any template before downloading.

#6. Btemplates4u.com

This website is also without doubts a great source to find best blogger templates. I’ve visited it many times and I observed they are updating this website on regular bases. This website is not only offering free blogger templates but also offers free WordPress themes which makes your job more easier for both the platforms at once. So you must give it a try to find your lovely template over there.

Here are some already published blogger tutorials in Urdu: 

 I must say I’ve shared some great resources with you guys for finding your template which actually suits your blog, I know there may be guys who already knew these websites, but actually there might be more people who don’t know the list I shared above. However, I’ll request you to share any website you know and that has more great templates, just share that’s address in the comment section so everyone will get benefit from it. Thanks in Advance! 

For questions and comments, I’m always available to answer you here on this post.

0 Firefox Aurora 30.0a2

Firefox Aurora 30.0a2

Mozilla’s recent decision to change the way
Version: 5.0a2
Licence: Open Source
Manufacturer: Mozilla

PLATFORM

Windows

24.90 MB

N/A

Mac

62.70 MB 

N/A

Linux

33.60 MB

N/A