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
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;
}
}
.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.
About the author /
Mohamed Rias
Popular
Editor’s Pick
-
September 14, 2012 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…
-
April 23, 2023 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…
-
January 10, 2009 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…
-
April 25, 2023 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…
-
August 27, 2012 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…
