Selamat Datang... Blog ini Hanya Ingin Berbagi Ilmu Dan Sharing Pengetahuan Dan informasi Bersama...Coret-coretan yang berisi ilmu yang didapat dari pengalaman lewat tulisan agar kita dapat mengambilnya menjadi pelajaran. Because Sharing Is Caring...." ketika wajah penat ,memikirkan dunia, maka berwudhulah... ketika tangan letih menggapai cita-cita, maka bertakbirlah... ketika pundak lelah menanggung beban, maka bersujudlah... ketika ukhuwah dan amal jamai mulai berserakan, maka berhobitohkanlah... ketika rukhiyah mulai terasa kering dan hampa, maka bertakrublah padaNYA...."Hai anak Adam, Sesungguhnya kami Telah menurunkan kepada kalian Pakaian untuk menutup aurat kalian dan Pakaian indah untuk perhiasan. dan Pakaian takwa Itulah yang paling baik. yang demikian itu adalah sebahagian dari tanda-tanda kekuasaan Alloh, Mudah-mudahan mereka selalu ingat". (QS. Al A'raaf [7]: 26)“Sesungguhnya orang yang paling mulia diantara kamu disisi Allah ialah orang yang paling taqwa diantara kamu.” (QS. Al Hujurat: 13) Semoga apa yang Aku Publikasikan ini dapat membawa energi POSITIF dan membawa KEBAIKAN terutama terhadap diri pribadi Aku serta para pembaca pada umumnya.Jika mereka sibuk mencari CINTA, biarlah kita sibuk mencari IMAN..jika mereka sibuk mencari PASANGAN, biarlah kita sibuk mencari KEREDHAAN..jika mereka menangis krn KECEWA BERCINTA, biarlah kita menangis mengenang DOSA-DOSA semalam dan jika mereka cintakan DUNIA, biarlah kita cintakan ALLAH!
Untuk Indah Tak Harus Mewah

Jumat, 04 November 2011

Cara membuat menu dibawah header blog Versi 1

06.22  dinrip  1 comment

Membuat menu header blog itu sangat mudah, kita hanya perlu menambah beberapa kode. Contoh menu itu adalah Home / Beranda / Depan / Halaman utama , Menu Contac, menu Profile, menu Disclaimer, dan menu-menu lain yang ingin sobat buat. Manfaatnya adalah mempermudah user / pengunjung blog bernavigasi di blog kita, sehingga memperbesar pageview.

Nah, menu-menu diatas tergantung kebutuhan sobat, jika sobat merasa penting tidak salah kalau mencoba menggunakan cara dibawah ini, namun yang perlu diperhatikan agar berhasil adalah layout blog sobat harus sama atau mirip dengan template yang saya gunakan.


Langkah-langkah dibawah sudah saya uji coba di blog DEMO saya, dan berhasil. Sebelum memulai langkah-langkah dibawah backup terlebih dahulu template blog sobat.

Langkah - langkah membuat menu dibawah header blog adalah :

1. Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML, centang '

2. Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).
maxwidgets='1' showaddelement='no'>


ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>

3. Jika sudah selanjutnya sobat cari kode ]]>

4. Hapus kode tersebut dan ganti dengan kode dibawah ini.
a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

]]>

Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna yang tampiannya bisa sobat ganti dengan kode warna html. KLIK Disini untuk mengetahui kode warna HTML.

Kemudian tebal hitam adalah size jarak antar menunya bisa sobat rubah jika ingin merubahnya.

5. Save template lalu klik Elemen Laman atau klik rancangan.

6. kemudian klik tambah gadget >> pilih HTML/JavaScript

7. Copykan kode berikut kedalam kotak tersebut
HOME
CONTACT
BUKU TAMU
LIKS

Ganti yang dicetak tebal dengan keinginan sobat.

7. SAVE lalu lihat hasilnya..

LIHAT DEMO

Selamat berkarya sobat, nantikan artikel "membuat menu navigasi versi 2"-nya, hehe.. have fun.

Posted in: ,

1 komentar:

untuk versi duanya sudah tersedia sob...
Silahkan di share..
Happy blogging..

Posting Komentar

Daftar ke PayPal dan mulai terima pembayaran kartu kredit secara instan.
Bookmark and Share
Dari Suhaib ra, bahwa Rasulullah SAW bersabda, "Sungguh menakjubkan perkaranya orang yang beriman, karena segala urusannya adalah baik baginya. Dan hal yang demikian itu tidak akan terdapat kecuali hanya pada orang mu'min: Yaitu jika ia mendapatkan kebahagiaan, ia bersyukur, karena (ia mengetahui) bahwa hal tersebut merupakan yang terbaik untuknya. Dan jika ia tertimpa musibah, ia bersabar, karena (ia mengetahui) bahwa hal tersebut merupakan hal terbaik bagi dirinya." (HR. Muslim)