MEMBUAT NOMOR NAVIGASI Di BLOG LEBIH BERGAYA
MEMBUAT NOMOR NAVIGASI Di BLOG LEBIH BERGAYA
begini tampilannya saudara....., jangan lupa baca basmalah dulu yah.....
1. Log in to blogger account and Go to Design >> Edit HTML
(make sure backup your template first)
2. Find this tag by using Ctrl+F ]]></b:skin>
3. Paste below code Before ]]></b:skin> tag
.blog-pager,#blog-pager{font-family:"Times New Roman", Times, serif;font-weight:normal;font-size:12px;width:700px;padding:17px;} .showpageNum a,.showpage a {background:#069; color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:12px 18px 12px;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px;} .showpageNum a:hover,.showpage a:hover {background:orange; color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:12px 18px 12px;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px;} .showpageOf{margin:0 8px 0 0;font-family:'Coming Soon', cursive;text-decoration:none;font-size:100%;} .showpagePoint {background:orange; color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:12px 18px 12px;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px;}
4. Now Find this code by using Ctrl+F </body>
5. Paste below code Before </body> code
<script type='text/javascript'>; var home_page='/'; var urlactivepage=location.href; var postperpage=4; var numshowpage=4; var upPageWord ='Prev'; var downPageWord ='Next'; </script> <script src='http://bloggertrix.googlecode.com/files/pagenaviii.js' type='text/javascript'/>
6. Now save your template
you are done.
Komentar
Posting Komentar