Styles Page Navigation for Blogger

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;

}

.showpageArea a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;

}

.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpageArea {

font-family:verdana,arial,helvetica;

color: #fff;

font-size:11px;

margin:10px;

padding:8px 20px;

background: #333;

}

.showpageArea a {

color: #fff;

}

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

background: #666;

}

.showpageNum a:hover {

background: #888;

}

.showpagePoint {

color:#fff;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

background: #da6100;

text-decoration: none;

}

.showpageOf{

margin:0 8px 0 0;

}

.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px;

}

.showpageArea a {

color: #fff;

}

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

background: #333 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -50px repeat-x;

}

.showpageNum a:hover {

background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -25px repeat-x;

}

.showpagePoint {

color:#fff;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

background: #06a2b9 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 0 repeat-x;

text-decoration: none;

}

.showpageOf{

margin:0 8px 0 0;

}

.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px;

}

.showpageArea a {

color: #fff;

}

.showpageNum a {

padding: 3px 4px;

margin:0 4px;

text-decoration: none;

border-top:2px solid #000;

border-left:1px solid #000;

border-right:1px solid #000;

border-bottom:1px solid #000;

background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -25px repeat-x;

}

.showpageNum a:hover {

border-top:2px solid #999;

border-left:1px solid #999;

border-right:1px solid #999;

border-bottom:1px solid #999;

background: #999 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -50px repeat-x;

}

.showpagePoint {

color:#fff;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

border-top:2px solid #000;

border-left:1px solid #000;

border-right:1px solid #000;

border-bottom:1px solid #000;

background: #000 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 0 repeat-x;

text-decoration: none;

}

.showpageOf{

margin:0 8px 0 0;

}

.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px;

}

.showpageArea a {

color: #fff;

}

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

background: #363636 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -25px repeat-x;

}

.showpageNum a:hover {

background: #044697 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -50px repeat-x;

}

.showpagePoint {

color:#fff;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

background: #e30000 url(whttp://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 0 repeat-x;

text-decoration: none;

}

.showpageOf{

margin:0 8px 0 0;

}

.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px;

}

.showpageArea a {

color: #000;

text-shadow:0 1px 2px #fff;

font-weight: 700;

}

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px solid #919106;

-webkit-border-radius:3px;-moz-border-radius:3px;

background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -50px repeat-x;

}

.showpageNum a:hover {

border:1px solid #aeae0a;

background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -25px repeat-x;

}

.showpageOf{

margin:0 8px 0 0;

}

.showpagePoint {

color:#fff;

text-shadow:0 1px 2px #333;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

-webkit-border-radius:3px;-moz-border-radius:3px;

border:1px solid #919106;

background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 0 repeat-x;

text-decoration: none;

}

.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px;

}

.showpageArea a {

color: #000;

text-shadow:0 1px 2px #fff;

font-weight: 700;

}

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px solid #999;

-webkit-border-radius:3px;-moz-border-radius:3px;

background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -50px repeat-x;

}

.showpageNum a:hover {

border:1px solid #888;

background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -25px repeat-x;

}

.showpageOf{

margin:0 8px 0 0;

}

.showpagePoint {

color:#fff;

text-shadow:0 1px 2px #333;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

-webkit-border-radius:3px;-moz-border-radius:3px;

border:1px solid #999;

background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;

text-decoration: none;

}

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #ccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #ccc;

background-color:#ccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #ccc;

background: #ccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #ccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333;

}

Now Click Save Template

Artikel Terkait di Bawah posting

Blogger

• Kamus Nama bagus
• Efek Box Gelap Terang Menggunakan Opacity Effect dan CSS3 Transition
• Merubah Lebar Template Blog
• Cara Membuat New Recent Comment dengan Scroll Down di Blogspot
• Cara Memasang Yahoo Messenger Di Blogger
• Cara membuat browser bergetar saat klik kanan
• Cara Membuat Sitemap di Blogspot
• Membuat Widget Agar Selalu Tetep Berada Di Kiri,Kanan,Dll
• Cara Pasang Buku Tamu Facebook di Blog
• Tips Cara Pasang Status / ikon YM (yahoo messenger) di blog/web/friendster !
• Mengganti Tulisan Newer Post Older Post Dengan Gambar
• Cara Membuat Vertical Sliding Info Panel With jQuery
• Memasang Radio Online atau MP3 di Blog
• SEXY BOOKMARKS V2 FOR BLOGGER
• Show Comment Bubble at Top Right of each Blogger Posts
• Automatic Read More with Thumbnail for Blogger
• Social Bookmarking Widget for Blogger with auto scrolling function
• CARA MEMBUAT EXPLORER D-TREE...
• Cara Pasang Tag Meta Robot Blogspot
• Cara Membuat Drop Caps Otomatis di Posting Blog
• Koleksi banner blog dofollow
• Cara mengecek kecepatan Blog
• Membuat Link Terbuka Pada Halaman Baru
• Memasang Feedjit Pada Blogger
• Membuat Gradient Effect dengan CSS

Tips N Triks

• Tips & Trik Jumper | Teknik Jumper Keypad Handphone
• Blackberry Software Solution By Kenny ic3
• Tips mempertahankan baterai laptop agar bertahan lama I Battery Care | Hausgame software center
• cara menggabungkan dan memotong video
• membuat poster animasi gokil abis dengan photobie
• Pengalaman membasmi virus shortcut, W32 Ramnit
• Perbaiki Safe Mode bermasalah dengan Safe Mode Fixer
• BlackBerry 8520 Curve usb solution
• Nokia E63 E71 E72 SMPS Jumper
• Hardware pack For Nokia X6 16GB Latest Software
• Nokia x6 16gb hardware solution
• Nokia X5 Hardwere Solution One Exe
• Nokia x5
• Nokia X6 32GB solution
• Nokia C1-00 All Hardware Latest Solution Pack
• Nokia X2 Soution
• x6 Nokia ALL UseFull Hardware Repair Solution Pack
• Nokia X3 all Hardware Tested Solution
• NOKIA x6 All Solution Here (Setup File v-4)
• Nokia X5 All Hardware Latest Solution
• Nokia X7-00 charging way
• Nokia E 71 Hardware Solution
• Nokia 1616 Display
• nokiaE7-00 power key way
• Nokia C,E,N,X series All hardware solution exe

Navigasi

• Cara Membuat Navigasi BreadCrumbs - SEO Friendly
• Page Navigation With Google Style For Blogger