ChugyGogog

Postingan ini sebagai tambahan untuk Navigasi Page Number 123 yang sebelumnya telah saya bahas silahkan dilihat kembali pembuatan Page Number 123 untuk blogger . Sekarang saya coba Memodifikasi page number 123 ini dengan menggunakan CSS3, yang pasti akan lebih menarik dibandingkan dengan navigasi page number sebelumnya. Contohnya seperti gambar di bawah ini :: Dengan Memasangkan CSS3 pada page number , page number terlihat seperti menggunakan background image (Gradasi dua warna) seperti yang anda lihat pada gambar di atas. padahal itu hanya permainan dari CSS3 mungkin itu yang menjadi unggulan untuk CSS3. Betul tidak bang [Hendro]. Langsung saja pada cara pemasangan page number dengan CSS3 :: Pertama masuk pada Dashboard > Rancangan > Element Halaman > Tambah Gadget > Pilih HTML/JavaScript . Masukan Script di bawah ini :: <style> .showpageArea { padding:2px;margin-top:8px;margin-bottom:8px; } .showpageArea ul{ margin: 0 2px; padding: 8px;padding-top:6px; padding-

Kalau sebelumnya membahas cara membuat Navigasi page number 123 pada Edit HTML, sekarang saya coba membuat Page number 123 langsung pada Gadget Elemen Laman. cara ini akan lebih mudah di lakukan karena anda tidak perlu ubrak abrik kode HTML pada template blog anda, cukup dengan menambahkan gadget pada elemen halaman maka Page Number ini sudah bisa terpasang. Langsung saja pada cara pembuatanya. Pertama anda masuk pada Rancangan >> tambah Gadget >> HTML/JavaScript . Masukan Kode di bawah ini : <style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;

Mungkin untuk sebagian blogger sudah tahu ataupun sudah menggunakan menu Navigasi page number atau page 123 pada postingan. dan mungkin juga telah banyak yang memposting navigasi page number 123 seperti ini. Tapi tidak apa sebagai pelengkap tutorial blog di blog chugygogog.blogspot.com . Tutorial atau cara Membuat menu navigasi page number ini dikhususkan buat teman blogger yang belum tahu dan ingin memasang page number di blognya. Untuk yang sudah tahu silahkan baca postingan yang lain saja. Langsung saja pada cara pembuatanya : Langkah pertama masuk pada Rancangan >> Edit HTML >> Expand Widget Templates Cari kode ]]></b:skin> Setelah ketemu,letakkan kode di bawah ini tepat di atas ]]></b:skin> .showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#f3f3f3; } .showpagePoint { color:#333; text-decor