Uncategorized

Having Custom CSS in Pagination hack

Off 50

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 {
color:#0F0;
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
color:#0F0;
border:1px solid #FFF;
margin:0 10px;
padding:0 5px 0 8px;
}
.showpageNum a:hover {
color:#FE8314;
border:1px solid #0071A5;
background-color:#FFF;
}
.showpagePoint {
color:#FE8314;
margin:0 8px 0 4px;
}
.showpage a {
text-decoration:none;
color:#FFF;
padding:0 2px 0 4px;
}
.showpage a:hover {
color:#FE8314;
text-decoration:underline;
} .showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#cc0000;
}

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

Popular

Editor’s Pick

  • 6 Handy Tips for Responsive Web Design

    Information Technology and Telecommunication have progressed at a rapid rate in the recent years. The development of smartphones, tablet PCs, notebooks and touch screen enabled android mobile devices in the last decade or so is a testament of how quickly technology has evolved. The invention of these multiple computing platforms has urged website developers to…

  • Mastering the Art of Timelapse Photography: Tips and Techniques

    Timelapse photography is a technique that involves capturing a series of photos over a period of time and then combining them into a video sequence to create the illusion of time passing quickly. Mastering this art can add a unique dimension to your photography skills. The importance of mastering timelapse photography lies in the fact…

  • 35+ Creative Ads That Makes You Look Twice

    You might have seen plenty of advertisements on the road sides or when you have flipped over magazines. I hope that you might have just skipped most of them, but there are some cool creative advertisements which would make you look twice. To create Creative advertisements , the designer must be innovative enough to take…

  • WhatsApp Multiple Device Log-in: Simplify Staying Connected Across Devices

    WhatsApp, which is a widely used messaging platform, is introducing a game-changing feature that will allow users to log into their WhatsApp account on multiple devices. This much-awaited update aims to simplify staying connected across devices by making it easier for users to maintain their chats. In this comprehensive guide, we will explore the benefits…

  • How to add, remove and purge ppa’s using YPPA manager

    Ubuntu users find themselves installing softwares through Ubuntu Software Centre which is a GUI based tool and on the other hand by commands through terminal. While both of the methods are efficient in their way there are users who install software through PPA’s. Now wait, PPA? What is it? In simple words PPA is Personal…