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 16, 2010 35+ Breathtaking Digital Abstract Wallpapers
Digital abstracts represents the depiction of imagery in arts. Abstraction exists along a continuum. Even art that aims for verisimilitude of the highest degree can be said to be an abstract.
Artwork which takes liberties, altering the instance color and form in ways that are conspicuous, can be said to be digital abstracts.There is a wealth of potent, beautiful, digital art and fractal images on this collection, created by a vast array of inspired individuals. -
January 6, 2010 45+ surreal Long Exposure Photography Inspirations
Long exposure photography is one of the coolest ways of taking pictures. It requires a longer shutter speed, anywhere from 1/2 sec up to several minutes or even a hour. The ability to take long exposures requires a user to use a tripod for optimum results (of course, some people prefer the hand shake look)….
-
January 24, 2010 10 useful Greasemonkey scripts for Flickr power users
Flickr is one of the best photo sharing and hosting site which is widely used by many photographers and designers. In order to make the navigation in flickr easy, I have collected some of the useful Greasemonkey scripts for firefox users. Userscripts are add-ons for the Firefox web browser, which dynamically enhance the communication and…
-
April 26, 2023 The Complete Checklist of React Best Practices for Front-end Developers
React is a popular JavaScript library used for building user interfaces. It was developed by Facebook and is now maintained by both Facebook and a community of developers. React allows developers to build reusable UI components that can be easily composed to create complex user interfaces. Using best practices in React development is essential for…
-
February 4, 2010 20+ incredible Gigapixel Photography Inspirations
Gigapixel photography is a new trend that has come about in the last few years, creating 1,000+ megapixels of data in single images, cropped together to create a monstrous image. The detail and spectrum that can be captured in a Giga pixel image is unlike that of anything that a single camera can capture. For…
