Program Perhitungan Minyak Petroleum Create your own banner at mybannermaker.com!
bisnis tiket pesawat online Peluang Bisnis Tiket Pesawat
Draft Survey Software untuk Pelaut

Cara membuat menu dibawah header blog Versi 1

Posted by Ruly Abdillah Ginting on Saturday, January 21, 2012



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;
}

]]>

Keterangan :

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
http://www.masterendi.com " class="navigation">HOME
http://www.masterendi.com/p/rekomendasi.html " class="navigation">CONTACT
http://www.masterendi.com/p/buku-tamu.html " class="navigation">BUKU TAMU
http://www.masterendi.com/2011/01/links-sahabat-master.html " class="navigation">LINKS

Keterangan : Ganti yang dicetak tebal merah dengan URL menu, dan warna biru adalah nama menu.

8. SAVE lalu lihat hasilnya..

LIHAT DEMO

Artikel ini di Posting : Ruly Abdillah GintingFree Widget Blog

Sholeh Binaga Terima Kasih sahabat telah membaca : Cara membuat menu dibawah header blog Versi 1 Silahkan membaca artikel lainnya tentang di sini free widget for blog
Anda bisa menyebarluaskan artikel ini, Asalkan meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

{ 0 comments... read them below or add one }

Post a Comment

Followers

About