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
-
April 23, 2023 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…
-
August 25, 2012 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…
-
April 4, 2023 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…
-
January 9, 2010 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…
-
April 4, 2023 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…
