cara untuk membuat Menu dropdown di blogspot

Menu dropdown pada umumnya berisikan link untuk bisa akses ke suatu halaman tertentu. Menu dropdown ( sub menu ) memiliki menu yang tampilannya memanjang ke bawah makanya menu ini di sebut menu dropdown.

Fitur menu dropdown ( sub menu ) ini menggunakan sedikit tambahan pada bagian style CSS, menggunakan efek melengkung pada sisi kiri kanan ujungnya dan tidak membentuk siku. Cara pemasangannya mudah dan sobat bisa mengikuti cara dan langkah di bawah ini.

• Login pada Blogger
• Masuk mode Rancangan kemudian Edit HTML
• Beri centang pada Expand Template Widget
• Cari kode ]]></b:skin> Untuk lebuh mudahnya sobat bisa gunakan Ctrl + F
• Pasang kode di bawah ini di atas kode ]]></b:skin>

<#menubar{ width:900px; height:32px; background:#de360f; margin: 0 auto; } #menubar ul{ float:left; margin:0; padding:0; } #menubar li{ float:left; list-style:none; margin:0; padding:0; } #menubar li a, #menubar li a:link{ border-right:1px solid #F0512D; float:left; padding:8px 12px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; } #menubar li a:hover, #menubar li a:active, #menubar .current_page_item a { color:#ffa500; text-decoration:underline; } #menubar li li a, #menubar li li a:link, #menubar li li a:visited{ font-size: 12px; background: #de360f; color: #fff; text-decoration:none; width: 150px; padding: 0px 10px; line-height:30px; } #menubar li li a:hover, #menubar li li a:active { background: #F0512D; color: #ffa500; } #menubar li ul{ z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin-top:32px; border:1px solid ##F0512D; } #menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{ left:auto } #menubar li:hover, #menubar li.sfhover{ position:static }

• Selanjutnya cari kode <div id="content-wrapper">
• Pasang kode di bawah ini di Atas kode <div id="content-wrapper"> diatas. Pengecualian untuk yang tidak ada kode <div id="content-wrapper">, sobat bisa menaruh dielemen div id lainnya. Biasanya template blog terdapat kode seperti <div id='header. Jadi, bila tidak ada sobat bisa menaruhnya di bawah kode yang mirip dengan<div id='header.

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://budigold.blogspot.com/'>Edit me</a></li>
<li><a href='http://budigold.blogspot.com/'>Edit me</a></li>
<li><a href='http://budigold.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://budigold.blogpot.coms/'>Edit me</a></li>

<li><a href='http://budigold.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>

• Simpan Template dan lihat hasilnya

Keterangan:

• Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
• Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
• Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
• Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
• Di setiap blog juga ada juga yang berbeda tanda kutipnya. Sobat bisa menelitinya lagi. Tanda kutip ' atau " petik.

Misalkan kode <div id="content-wrapper"> atau sejenisnya memang benar2 tidak ada. Sobat bisa menaruhnya di area kode header sobat. Caranya sobat bisa mengklik tombol Lompat ke widget lalu mengklik widget header sobat. Contoh pada gambar.

Setelah itu. Letakkan kode menubar yang berada pada langkah no 8, di bawah kode widget header blog sobat. Bisa dibawah </b:section> atau dibawah kode </div> pada gambar. Itu meletakkan menubar dibawah header blog sobat.

Sebenarnya masih ada juga kode sejenis main-wrapper, header-wrapper, header-inner dll. Nah, kode menubar dapat diletakkan di kode-kode css sejenis itu.

Itulah cara untuk membuat menu dan submenu di blogspot. Cara itu di coba dan berhasil, Anda dapat melihat hasilnya pada menudi bagian atas blog ini
Demikian artikel yang bisa saya bagikan kali ini dan semoga bermanfaat buat sahabat blogger semua. Terima kasih.

Cara – Cara Untuk Memperbanyak/Meningkatkan Pengunjung Blog

Banyak pengunjung di blog merupakan idam-idam dari semua bloger salah satunya saya sendiri sobat, dimana kita akan merasa ada kepuasan tersendiri apabila blog atau postingan - postingan kita di kunjungi banyak pembaca. Untuk itu saya akan berbagi tips seputar cara memperbanyak / meningkatkan pengunjung di blog, berikut tipsnya:

1.Menggunakan Template yang SEO Friendly
Dalam memulai perjalanan untuk menjadi seorang blogger yang baik,terlebih dahulu anda harus menentukan themes atau templates yang akan anda aplikasikan pada blog. Gunakan template yang Simple atau kalau bisa,gunakan template yang masuk kategori Seo Friendly.Hindari penggunaan template yang memunyai sidebar kanan dan kiri karna hal itu akan menghambat proses Crawl google di halaman blog kita. emplate blog seperti ini banyak kok di google

2. Konten Berkualitas
Pengunjung merupakan hal terpenting dalam membangun sebuah blog.Kebanyakan mereka datang dari kalangan netter yang berselancar menggunakan Mesin Pencari.Untuk itu, buatlah konten yang berkulitas, fresh dan juga original yang kiranya memiliki nilai fungsi tinggi di mata mereka. Jika anda berhasil merlakukan point ini, maka bisa saya pastikan blog anda akan memiliki pengunjung tetap setiap harinya.
 
3. Pasang Meta Tag
Dalam merancang struktur blog yang baik di mata search engine,Meta tag merupakan hal yang paling penting untuk menarik perhatian pengunjung. Degan memasang meta tag di blog, artikel anda akan mempunyai pertimbangan lebih besar terindeks oleh mesin pencari dibandingkan dengan yang tidak memasangnya. Saya sudah coba kok.

4. Update Postingan Blog
Blog yang memiliki nilai jual tinggi adalah blog yang memiliki konten beragam dan berkualitas. Tapi untuk meningkatkan Traffik blog, anda harus Update Blog dengan cara membuat artikel minimal 1 post /minggu untuk dibagikan kepada para pengunjung setia anda. Hal ini bertujuan agar blog anda tidak terlihat seperti blog mayat hidup atau sebuah situs yang isinya itu-itu saja.

5. Tukar Link
Menukar link memang kita kenal sebagai cara kuno atau bisa berhasil jika anda memiliki hubungan khusus dengan blogger lain.Tapi anda bisa mencobanya dan menunggu hasilnya dengan penuh rasa sabar.

6. Melalui Situs Forum
Situs forum diskusi sering digunakan para internet marketer sebagai media untuk mendapatkan trafik menuju blog/ website bisnis mereka. Ada banyak situs forum yang memperbolehkan link di dalam thread atau pada signature para member mereka. Tentunya ini harus dimanfaatkan dengan sebaik mungkin.

7. Memasang Iklan di Situs Iklan Baris Online
Cara lain untuk mendapatkan trafik ke blog/ website bisnis adalah dengan memanfaatkan situs iklan baris. Sebenarnya ada banyak situs iklan baris yang memberikan ruang iklanbaris secara gratis, tapi saya lebih merekomendasikan yang berbayar karena biasanya hasilnya jauh lebih baik dari yang gratisan.

Cara Mendapatkan Hosting Gratis

Hai sobat, kali ini saya ingin membagikan Tips dan Trick tentang bagaimana cara mendapatkan domain gratis idhostinger, selai gratis tentunya juga ini sangat mudah untuk mendapatkannya. Berikut ini Tutorial Cara Mendapatkan Domain Gratis Dari Idhostinger.

1.  Buka websitenya idhostinger lalu kemudian klik Order Sekarang

 2. Kemudian isi form pendaftaran dengan mengisi nama, alamat email, password kamu, kode keamanan dan beri tanda centang pada kotak Saya setuju dengan Ketentuan Penggunaan Layanan, kemudian Buat Akun.

3. Selanjutnya sobat akan dikirimi email verifykasi dari idhostinger di account email yang didaftarkan tadi, kemuadian silahkan cek email sobat lalu klik link verify nya,

4. Setelah itu sobat akan diberikan pilihan paket yang akan sobat Order,dan untuk kali ini saya pilih yang gratis aja! lalu klik Order.

5. Kemudian tampil halaman buat akun baru untuk pengaturan Control Panel dan ada dua pilihan yaitu: Saya ingin menggunakan domain saya sendiri atau Saya ingin memilih subdomain gratis, dan isikan nama & password domain yang sobat inginkan, kemudian Klik tombol Buat/Creat.

6. Kemudian tampil halaman seperti berikut, klik beralih maka sobat akan dialihkan ke halaman Control Panel, untuk mengatur domain sobat sesuai keinginan sobat.

7. Kemudian setelah masuk Control panel sobat cari File Manager 2 utk Upload file sobat yang akan di masukan di domain sobat.

10. Finish

Berikut langkah-langkah untuk membuat sebuah domain gratis di idhostinger, semoga bermanfaat dan apabila kurang jelas sobat bisa contact budigold di contact yang tersedia atau bisa coment langsung di postingan ini.

                                                       _____Terimakasih_____