MEMBUAT MENU NAVIGASI 1 2 3 PADA BAWAH BLOG

Tips Blog. Untuk membuat Blog sobat menjadi lebih bagus lagi salah satu Tipnya adalah membuat tombol navigasi 1 2 3 yang berfungsi untuk melihat daftar artikel lainnya, Jika pada Blogger.com hanya ada tulisan Sebelumnya, Home dan Selanjutnya tergantung templateya,  Sobat bisa menggantinya agar menjadi lebih bagus lagi dan caranya pun tidak membingungkan, Ikuti langkah-langkah dibawah ini :

1.Seperti biasa login ke Blogger.com .
2.Pada bagian dasbor kllik "Template" kemudian klik "Edit Template "
3.Cari Script ini " ]]></b:skin> " Letakkan HTML dibawah ini diatas " ]]></b:skin> "

.showpageArea a{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-decoration:none}
.showpageNum a{font-weight:bold;color:#0000FF;padding:1px 8px; margin:0 0px;text-shadow:0px 2px 4px #666;border:1px solid #fff;background:#fff;}
.showpageNum a:hover{color:#fff;background: #0000FF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#0000FF');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#0000FF));
background: -moz-linear-gradient(top, #fff, #0000FF);text-shadow:0px 2px 2px #00a;border:1px solid #ddd;}
.showpagePoint{color:#fff; text-shadow:0px 2px 2px #00a; padding:1px 8px; margin:2px; font-weight:bold;border:1px solid #ddd;background: #0000FF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#0000FF');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#0000FF));
background: -moz-linear-gradient(top, #fff, #0000FF);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.totalpages{margin:0 8px 0 0;color:#444;background:#fff;padding:1px 10px;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.showpage a{padding:1px 8px; margin:0 2px;border:1px solid #ddd;background: #0000FF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#0000FF');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#0000FF));
background: -moz-linear-gradient(top, #fff, #0000FF);;color:#fff;text-shadow:0px 2px 2px #00a;padding:1px 8px;padding-left:10px}
.showpage a:hover{background: #0000FF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#0000FF');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#0000FF));
background: -moz-linear-gradient(top, #fff, #0000FF);color:#fff;text-shadow:0px 2px 2px #00a;padding:1px 8px;padding-left:10px}
#showlastpage a{font-weight:bold}

4.Setelah itu tambahkan script berikut DI ATAS tag  "</body>"

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=8;
var displayPageNum=8;
var upPageWord =&#39;Kembali &#9668;&#39;;
var downPageWord =&#39;Berikutnya &#9658;&#39;
</script>
<script src='http://pphoo-file.googlecode.com/files/pagenav.js.txt' type='text/javascript'/>
</b:if>

Sekian dan semoga bermanfaat, Jangan lupa untuk klik bagikan dan terimakasih atas kunjungannya.

Anonymous

Terimakasih telah berkunjung ke web saya, jika ada yang ingin ditanyakan silahkan tinggalkan komentar atau kirim email ke saifulfuaadi@gmail.com

0 komentar: