Tertarik untuk membuatnya???
Berikut langkah - langkah nya.
1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode : ]]></b:skin>. Lalu Masukkan Kode CSS berikut tepat diatasnya.
#blog-pager a{-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-o-transition:all .8s ease-out;height:80px;opacity:0.6;overflow:hidden;position:fixed;text-indent:-9999px;top:44%;width:80px;z-index:9;margin:0 0 0 0px}
.blog-pager-older-link{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsb8DzQ1ZcEXbWQF7XaWZyC299jyKSl-LGhdIi-5rO7LIgQnlQa8SVymXbWK6Fl1cToMTzjsbUJeKN5wzvsoqUsYS1431GQQbxg9-_gs3W-HQUyjWigufeEhyphenhyphenDKNo_iLwc24iaM2ujBhcI/s1600/next_button.png) no-repeat scroll 0 0 transparent;right:0px}
.blog-pager-newer-link{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1xrSKWNWRGC0RQLP1rmUkP304zTZ1gry4Zst0eHJ8l5sZz5zn3FEsxxYtE8_ppRZw264nCTT2g1hFxZZBscjDR7DXP3JebASYIfjFMcuAHUfj8ES6fF775GKXtOmSiGXvgz6EpX8rdEV/s1600/prev_button.png) no-repeat scroll 0 0 transparent;left:0}
#blog-pager a:hover{opacity:0.9}
5. Save template, lalu lihat hasilnya,..
Semoga tutorial ini bermanfaat bagi anda. ^^
J
Semoga tutorial ini bermanfaat bagi anda. ^^
J
0 komentar:
Posting Komentar