Having Custom CSS in Pagination hack

Off 42

Page Navigation hack for Blogger replaces the default older posts and Newer Posts with Numbered page link just like WordPress. If you want to implement this hack in your blogger Blog then please visit this posts.

You can add this hack in two methods ,

1. By Editing Blogger template

2. Adding As a Widget

In this Post I will tell how to add custom CSS for this Page Navigation Hack. In the Page Navigation Hack , the CSS is not so good. And i also want everyone to have their own unique CSS for Page Navigation Hack.

Let me start :

This is the CSS code of the page Navigation hack

.showpageArea {font-size: 11px; width:470px;background: url(http://i263.photobucket.com/albums/ii150/mohamedrias/ShowPagenavbar.jpg) no-repeat left top; padding-top:10px;padding-bottom:10px;padding-right:15px;padding-left:30px; color:#003366;text-align:left;
.showpageArea a {
.showpageNum a {
border:1px solid #FFF;
margin:0 10px;
padding:0 5px 0 8px;
.showpageNum a:hover {
border:1px solid #0071A5;
.showpagePoint {
margin:0 8px 0 4px;
.showpage a {
padding:0 2px 0 4px;
.showpage a:hover {
} .showpageNum a:link,.showpage a:link {

How to Modify this CSS code :

I am going to add a common CSS style which most of the WordPress Blogs have.

Custom CSS style for page Navigation Hack

About the author / 

Mohamed Rias

I'm a programmer, photographer, and proud parent. With a passion for coding and a love of capturing life's moments through my camera lens, I'm always on the lookout for new challenges and opportunities to grow. As a dedicated parent, I understand the importance of balancing work and family, and I strive to be the best version of myself in all aspects of my life.

Related Posts


Editor’s Pick

  • Exploring the Wonders of Gigapixel Photography: How to Achieve Stunning Detail and Clarity in Your Images

    Gigapixel photography is a technique that captures images with incredibly high resolution and detail, allowing for stunningly clear and vibrant pictures that are perfect for printing or displaying on large screens. In this article, we’ll explore some tips and techniques you can use to achieve amazing results with gigapixel photography. Definition of gigapixel photography Gigapixel…

  • How to troubleshoot Screen resolution problem in Ubuntu

    Linux users come across a common problem in which they dont find their native monitor resolution and instead they left with the default resolution of 1024*768. This is because the system couldn’t identify the graphics card driver. Don’t worry, with simple steps you can add your own desired resolution and make the changes permanent in…

  • A Complete Guide to Bathing Your Baby

    Mastering the Art of Newborn Bathing: Expert Tips and Tricks for a Happy Baby

    Bathing a newborn can be a daunting task for new parents, but it’s an essential part of their routine care. Not only does it keep your baby clean, but it can also help soothe them and establish a relaxing bedtime routine. In this video, we’ll be sharing some tips and tricks for making bath time…

  • How to add multiple Authors in Blogger

    The technique of having Multiple authors to manage a Blog is getting popular these days. Though this feature was already available in wordpress , recently Blogger too has enabled this feature. So now Blogger Users can have upto 100 multiple Authors or co-Authors for their blogs. So this new Team Blogging feature has enabled multiple…

  • Master the Art of Object Destructuring: Boost Your JavaScript Skills Today!

    JavaScript destructuring is a powerful feature that allows developers to extract values from arrays and objects, and assign them to variables in a more concise and readable way. By using destructuring, you can easily access specific values from complex data structures, such as nested objects or arrays, without having to write lengthy code to traverse…