Tampilannya Silahkan Dipilih Sesuai Selera :
Nah ini caranya :
Caranya:
1. Yang jelas login dulu di blogger
2. Pilih Rancangan >> Edit HTML (Jangan lupa centang Expand Widget Templates)
Lihat Gambar dibwah ini :
Spoiler for gambar:
3. Cari kode :
Code:
</body>
Code:
<script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=7; var numshowpage=5; var upPageWord ='Prev'; var downPageWord ='Next'; </script> <script src='http://sites.google.com/site/testsajasite/pagenav.js' type='text/javascript'></script>
Postperpage : Jumlah posting yang pengen ente paparkan di 1 halaman blognya.
Numshowpage : Jumlah nomer yang ada di page navigationnya.
4. Cari kode ini :
Code:
]]></b:skin>
Code:
]]></b:skin>
CSS STYLE nya :
Css nya :
Kodenya :
Code:
.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; }
Kodenya :
Code:
.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; }
Kodenya :
Code:
.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; }
Kodenya :
Code:
.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; }
Kodenya :
Code:
.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; }
Kodenya :
Code:
.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; }
Kodenya :
Code:
.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; }
Kodenya :
Code:
.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; }
Yang Harus Di Update :
Yang harus diupdate :
CUSTOM LABEL PAGE NYA
Default blogger biasanya nampilin 20 post per halaman. Untuk merubahnya :
1. Edit HTML ( Jangan Lupa Centang Expandnya)
2. Temuin Kode :
Code:
'data:label.url'
Code:
'data:label.url + "?&max-results=7"'
3. Simpen
0 Bacotan:
Posting Komentar