Blog yang akan memuat tentang Teknologi, Majalah, Tips-Trick, Blogging, Magazine, dan gaya hidup yang ada di dunia

Monday, 12 September 2016

Cara Membuat Tombol Next Page

Cara Membuat Tombol Next Page -- Kali ini Magazineers akan memberikan tips buat kalian tentang Tombol Next di blogger. Sebenarnya tombol ini sudah ada sejak kalian pertama kali membuat blog dan dengan template bawaan dari blogger itu sendiri. Namun tidak ada salahnya jika kalian ingin membuat blog kalian semakin terlihat keren dan simple juga rapi. Tombol ini berbeda dengan tombol yang ada di blog dan bawaan blogger, karena Tombol Next Page ini akan seperti tombol yang ada di paling bawah template Magazineers ini. Gimana tertarik tidak? Lumayan bukan hasilnya. Kalau buat kalian yang menginginkan blog yang profesional bisa di coba deh tips ini. Tombol ini juga berfungsi untuk memudahkan para pengunjung blog kalian untuk mencari artikel yang ingin mereka cari. Nah kalau kalian memudahkan orang pasti kalian jadi dimudahkan. Makannya coba dulu tips ini semoga bermanfaat.

Membuat Tombol Next Page

Tombol Next Page ini tidak akan memberatkan loading blog kalian, jadi aman. Nah mari simak baik-baik Cara Membuat Tombol Next Page di blog ini dengan seksama, karena tips ini menggunakan kode-kode template html. Berikut ini langkah-langkahnya :

1. Masuk terlebih dahulu ke blogger kalian
2. Menuju ke bagian Template dan Edit Html
3. Kemudian cari terlebih dahulu kode " ]]></b:skin>
4. Kemudian Copy kode dibawah ini dan paste tepat diatas kode " b:skin " tadi
/* Tombol Next Page Dengan Angka */
        .showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
        .showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
        .showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
        .showpage{margin:0}
        .showpage:hover a{color:#555!important}
        .showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
        .showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}
5. Kemudian carilah kode </body> dan copy paste kode dibawah ini tepat diatas kode </body> tersebut
<script type='text/javascript'>
        var pageCount=4;
        var displayPageNum=4;
        var upPageWord='Prev';
        var downPageWord='Next';
        </script>
        <!-- Tombol Next Page by nyiaran.blogspot.com -->
        <script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>
6. Kemudian simpan template kalian dan lihat hasilnya 

Sekian artikel Magazineers tentang Cara Membuat Tombol Next Page di blogger. Semoga artikel ini bermanfaat untuk membuat blog kalian semakin profesional.

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara Membuat Tombol Next Page

0 komentar:

Post a Comment

GET UPDATE VIA EMAIL
Berlangganan artikel via email!