ChugyGogog

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

Navbar atau Navigasi Bar adalah sebuah Navigasi atau Menu yang di gunakan untuk menyimpan Link Link Menu pokok atau penting di Blog atau Website. Navigasi ini bisa berbentuk Vertical ataupun Horizontal . Navigasi Bar ini bisa dibuat dengan menggunakan image ataupun background warna saja dengan berbagai macam variasi. Di Postingan sebelumnya saya pernah membahas bagaimana Cara Membuat Menu Horizontal Yang Simple dan Cantik. silahkan di baca baca dulu untuk flash back memory anda. Kalau sudah silahkan lanjukan bacanya. Untuk kali ini saya akan memberikan informasi cara membuat Navbar atau Menu Navigasi ini secara online, yaitu dengan menggunakan Pasilitas dari Graphic navbar Generator . Graphic Navbar Generator ini menyediakan pasilitas pembuatan Navbar secara online, Sehingga Anda tidak perlu repot repot untuk membuat sebuah Navbar Menu. Baik Navbar verical maupun horizontal. Anda tinggal memilih Navbar yang sudah disediakan dengan banyak pilihan yang menarik, lihat screen shoot gam

Mungkin postingan seperti ini sudah banyak yang memposting tapi tidak apalah untuk update postingan saja sekalian memberikan tips bagi yang belum tahu cara membuat menu Dropdown. Dropdown menu merupakan solusi bagi anda yang ingin menghemat tempat di blog anda karena dengan menggunakan Dropdown menu ini kita bisa menyembunyikan banyak link dalam satu menu dropdown . Lihat contoh menu Dropdown di bawah ini. DropDown Menu Tutorial Blog Tutorial Flash Desain Grfis Multimedia Dan Lain lain Gimana anda tertarik ingin membuatnya. Kalau tertarik Silahkan ikuti caranya di bawah ini. silahkan anda masuk ke Blogger. lalu pilih Tata Letak - Element Halaman. Pilih Tambah Gadget lalu pilih HTML/ JavaScript. Masukan code di bawah ini : <select onChange="document.location.href=this.options[this.selectedIndex].value;"> <option value="0" selected> DropDown Menu </option> <option value=" Link Anda "> Judul Link Anda </option> <option

Tutorial Kali ini saya akan membahas cara membuat Vertical Menu dengan Modifikasi menggunakan Ronded Corner , Mungkin Vertical Menu ini pernah saya bahas pada postingan sebelumnya bisa di lihat disini . Sebagai tambahan saja buat teman teman blogger yang ingin merubah atau mengganti link Menu Vertical dengan Ronded Corner silahkan ikuti caranya dibawah ini. seperti biasa saya membuat menu ini tanpa harus membuka EDIT HTML template anda cukup dengan menambahkan Widget HTML/Java Sript di sidebar atau di bagian footer seperti menu vertical yang ada di blog ini. Langsung saja : 1. Masuk ke Blog anda. 2. Pilih Tata Letak di lanjutkan dengan memilih Element halaman. 3. Tambah Gadget - Lalu pilih HTML/JavaScript. 4. Masukan Kode HTML di bawah ini : <style type="text/css"> /* vertikal vertikal merah di mulai ---------------------------------------- */ /*Credits: CSS Library */ /*URL: http://css-lybrary.blogspot.com */ #vertikal-merah{ border-bottom-width: 0; } #vertikal-me