Cara membuat Page Number (Navigasi) dengan Mudah
Cara membuat Page Number (Navigasi) dengan Mudah - Kali ini akan sharing mengenai Cara mudah membuat Page Number disertai Background Warna yang elegant dan cantik. Jika tertarik silahkan ikuti langkah berikut ini :
Langkah Membuat Page Number Keren :
1.Masuk ke Blogger
2.Kemudian silahkan di Tata Letak Blog Sobat Pilih Tambah Gadget / Add Gadget
3.Copy Script di bawah ini dan taruh / Paste di Gadget Tersebut :
<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnnFbGa1yBEgbuSSfdFJA0BpJDILhbX6KTGONJ6mmkoaREF22AFrBx31vBnPw4M3htSF1i8oTl0Jikh9NZG3ZWeZrSqhN-abVuXEkR9ECeu-RXWelXtq3DM2g8uBBHqe8Z2uTE_RGxN4/s1600/yellow-butt.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnnFbGa1yBEgbuSSfdFJA0BpJDILhbX6KTGONJ6mmkoaREF22AFrBx31vBnPw4M3htSF1i8oTl0Jikh9NZG3ZWeZrSqhN-abVuXEkR9ECeu-RXWelXtq3DM2g8uBBHqe8Z2uTE_RGxN4/s1600/yellow-butt.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
}.showpageOf{
margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnnFbGa1yBEgbuSSfdFJA0BpJDILhbX6KTGONJ6mmkoaREF22AFrBx31vBnPw4M3htSF1i8oTl0Jikh9NZG3ZWeZrSqhN-abVuXEkR9ECeu-RXWelXtq3DM2g8uBBHqe8Z2uTE_RGxN4/s1600/yellow-butt.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
}.showpagePoint {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnnFbGa1yBEgbuSSfdFJA0BpJDILhbX6KTGONJ6mmkoaREF22AFrBx31vBnPw4M3htSF1i8oTl0Jikh9NZG3ZWeZrSqhN-abVuXEkR9ECeu-RXWelXtq3DM2g8uBBHqe8Z2uTE_RGxN4/s1600/yellow-butt.png) repeat-x;
margin:0 3px 0 3px;padding:3px 10px;
line-height:30px;cursor:pointer;white-space:nowrap;
border:2px solid #5C8CFF;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
} </style>
<a href="http://www.mp3loo.blogspot.com/" target="_blank" title="mp3loo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimBRpE3MyN8vndZ8q4ynPOJc6zqhTE1yT9v4eIqXjWXT9NqfYLycoKRhe8rcbzBS0vAW64ECi623b9aisKDG8MsElgW62ZaJM_W-PMRdCnQB4fqsSs4xR-LFR6hGVeJvLECfm9KbdD814/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://mp3loo.googlecode.com/files/pagenumbermp3loo.js.txt'></script>
4.Yang berwarna merah silahkan ganti dengan alamat Blog Sobat dan juga title nya, serta yang berwarna biru bisa sobat ganti dengan script pagenumber yang berekstensi dot js (.js) sobat sendiri (alias dihosting sendiri ya sobat). Bisa di Google kok.
5.Selesai dan simpan kemudian lihat hasil pekerjaan sobat.
Itulah mengenai Cara membuat Page Number (Navigasi) dengan Mudah, semoga bermanfaat.
Itulah mengenai Cara membuat Page Number (Navigasi) dengan Mudah, semoga bermanfaat.
Cara membuat Page Number (Navigasi) dengan Mudah
9out of 10 based on 10 ratings. 9 user reviews.
Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis
Artikel Cara membuat Page Number (Navigasi) dengan Mudah diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging
0 komentar:
Posting Komentar