How To Add Next And Previous Button Widget For Blogger Blog?

next&previous-button-widget
Today i will show you how to add next and previous button for blogger this is very easy tool for your visitors to saw your new and old post easily this make your blog more attractive

1) first of all go to your blogger dashboard click on layout and then click on add gadget
next&previous-button-widget
 2) Select html/javascript gadget
next&previous-button-widget
3) Now Finally paste the following below codes in html/javascript window

<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>

4) Now you can save your setting


Tags:

12 Responses to “How To Add Next And Previous Button Widget For Blogger Blog? ”

Unknown said...
December 18, 2014 at 9:28 PM

We could add the different type of widgets on the blogger by adding the HTML programming coding on blog.
Web Design Company London | Web Design London


diana said...
June 25, 2017 at 11:54 PM

Nice one

www.Lasticblog.com


diana said...
June 25, 2017 at 11:57 PM

Rihanna Looks Beautiful As She Arrive LAX Airport (Photos)


Naveed Mughal said...
February 4, 2018 at 8:09 AM

Thanks for sharing this useful info..
social bookmarking service


Bhannaat said...
September 10, 2018 at 5:21 AM

I wanna use it on bhannaat.com


Raj said...
September 13, 2018 at 11:55 PM

Hello site this code is not working.... please help



Repairing tools said...
April 18, 2019 at 9:28 AM

fucking code man


Md. Saifur Rahman said...
July 21, 2020 at 11:04 AM

Very Nice Post
To read physics
To read chemistry
To read biology


المشهد 24 said...
September 9, 2020 at 1:55 PM

www.machhad24.com كل الاخبار هنا


Dev said...
April 19, 2021 at 10:54 AM

code is not working


Natasha Rain said...
May 22, 2021 at 12:15 AM

Nice and helpful article, keep up good works!
testudogears


Aptron Noida said...
March 22, 2022 at 1:13 AM

Summer Training For CSE Student


Post a Comment

Subscribe

Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Duis mollis

Designed by BloggingNeed