Cara Membuat Menu Bar dan Sub Menu Bar di Blog Termudah

Menurut saya bagi blogger pemula, ini agak sulit. Tapi jika mengikuti langkah2 dengan teliti dan benar saya yakin anda semua pasti bisa melakukannya. Berikut langkah-langkah membuat menu bar dan submenu bar di blog:

1. Masuk di blog kamu, pada tampilan blog kamu klik Desain pada bagian kiri atas tampilan blog kamu.
2. Kemudian akan muncul halaman baru klik menu Template lalu klik menu Edit HTML.
3. Setelah itu akan tampil halaman baru berupa kolom kode HTML, cari script berikut <div class='main-outer'> atau <div id='main-wrapper'> atau <div id='main'> Agar lebih mudah klik saja ctrl+f pada keyboard lalu pilih salah satu script di atas. berdasarkan pengalaman saya setelah membolak-balik informasi maka yang cocok adalah <div class='main-outer'>. Bisa jadi beda dengan template yang lain.
4. Setelah menemukan script tersebut, copy paste script berikut tepat di atas script yang tadi :   <style>
   /* -- Menu Horizontal + Sub Menu-- */
   #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
   #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
   #cat-nav a:hover { color:#fff; }
   #cat-nav li:hover { background:#000; }
   #cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
   #cat-nav .nav-description { display:block; }
   #cat-nav a:hover span { color:#fff; }
   #secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
   #secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
   #secnav li { float:left; width: auto; height:35px;}
   #secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
   #secnav li ul li  { height:30px; border-top:1px solid #fff; }
   #secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
   #secnav li ul ul  { margin: -30px 0 0 180px; }
   #secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
   #secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
   #secnav li:hover,#secnav li.hover  { position:static; }
   #cat-nav #secnav {width:100%;margin:0 auto;}
   </style>
   <div id='cat-nav'>
   <ul class='fl' id='secnav'>
   <li><a href='#'>Beranda</a></li>
   <li><a href='#'>Menu 1</a></li>
   <li><a href='#'>Menu 2</a>
   <ul id='sub-custom-nav'>
   <li><a href='#'>Sub Menu2 a</a></li>
   <li><a href='#'>Sub Menu2 b</a></li>
   </ul>
   </li>
   <li><a href='#'>Menu3</a>
   <ul id='sub-custom-nav'>
   <li><a href='#'>Sub Menu3a</a></li>
   <li><a href='#'>Sub Menu3b </a></li>
   </ul>
   </li>
   <li><a href='#'>Menu4</a>
   <ul id='sub-custom-nav'>
   <li><a href='#'>Sub Menu4a</a></li>
   <li><a href='#'>Sub Menu4b </a></li>
   </ul>
   </li>
   <li><a href='#'>Menu5</a></li>
   </ul>
   </div>

Penjelasan :

• ·         Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
• ·         Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
• ·         Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan. 

5.   Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit        HTML tersebut.

Sumber artikel: http://kanginanjaya.blogspot.com/2013/01/cara-membuat-sub-menu-bar-di-blog.html#ixzz2a3tDcsip

Cara Menambah Playlist Musik Di Blog

1. Masuk ke website www.scmplayer.net
2. Pilih Choose Skin lalu klik warna yang kamu inginkan.
3. Kemudian klik bagian selanjutnya Edit Playlist/Next.
4. Anda dapat mengisi dengan URL lagu yang anda suka, melalui mp3 link, soundcloud track, atau youtube  ( saya mengisi URL dari youtube, caranya mudah anda hanya mencari lagu di youtube yang anda suka, klik kanan pada layar Video klik Get Video URL lalu Copy kodenya, pastekan di Edit Playlist, bisa lebih dari satu lagu )
5. Setelah cukup lagu yang ingin anda tambahkan, klik Configure setting/Next centang Auto play klik Done.
6. Pada halaman akan muncul kode HTML yang lengkap. Copy kode tersebut.
7. Setelah itu masuk di blog kamu klik Desain.
8. Klik Tata Letak.
9. Klik Tambahkan Gadget.
10. Klik HTML/Javascript.
11. Baru pastekan kode HTML yang sudah di copy tadi. Klik Simpan lalu klik Lihat Blog.

Jadi deh, playlist musik di blog kamu, semoga bermanfaat..

Cara Menambah Musik Otomatis Diputar di Blog

Menurut apa yang telah saya pelajari. Saya mendapat dua cara bagaimana menambah music di Blog. Yang pertama efek suara yang otomatis di putar dan ini hanya bisa satu judul, tapi  mungkin bisa lebih dari satu judul kalau agan2 sekalian bisa ngutak-atik kode HTMLnya. Wallahu alam..

Simplenya aja ya, ini ilmu dari cucu2nya mbah google. Jadi memang saya belajar dari para blogger yang udah senior dalam hal blogging ini. Bisa di bilang saya memang masih sangat NEW.  Nah yang kedua menambah Playlist musik di Blog, dan itu akan saya jelaskan di pos setelah ini.

Langkah-langkah membuat efek suara otomatis:

1. Masuk di Blog kamu klik Desain.
2. Klik Tata Letak lalu klik Tambahkan Gadget.
3. Klik HTML/Javascript isi konten dengan alamat sebagai berikut : <embed align="center" autostart="TRUE" height="1" loop="TRUE" src="http://divine-music.info/musicfiles/01 Harlem Shake.swf" type="application/x-shockwave-flash" width="1"></embed>
4. Klik Simpan.

Kode pada no.3 di atas adalah lagunya harlem shake, anda dapat merubah lagu sesuai dengan apa yang anda inginkan yaitu dengan mengganti kode html yang berwarna merah. Anda semua dapat mencari kode di berbagai situs seperti  http://www.fullmusik.net/  atau http://divine-music.info/  dan masiih banyak lagi kode html music, googling aja. Dan perlu diingat kode harus berupa SWF. Apa itu swf? Cari sendiri aja di google, banyak penjelasannya. heheh 

Cara Menambah Background Pada Header

Karena saya suka yang simpel dan nggak ribet, dan pembaca nggak mumet. langsung aja deh ya, ini cara mudah bikin background di Blog :

•  Log in di blog kamu, masuk pada halaman Blog klik Desain pada bagian kiri atas
•  Masuk di halaman Template lalu klik Sesuaikan.
•  Kemudian klik Latar Belakang lalu ubah gambar latar, di sana sudah disediakan banyak pilihan, dari abstrak sampai perjalanan atau kamu juga dapat mengunggah sendiri gambar yang ada di file komputer kamu sesuai dengan keinginan.
•  Klik Selesai lalu klik Lihat Blog untuk melihat apakah background sudah berubah.

Sekian penjelasan mengenai cara membuat background blog. Sebenarnya banyak cara yang bisa dilakukan namun di sini saya mencoba menjelaskan dengan cara yang mudah di pahami bagi blogger pemula. Dan saya ucapkan Terima Kasih telah membaca postingan saya ini. ^^

Cara Mudah Membuat Background Blog

Karena saya suka yang simpel dan nggak ribet, dan pembaca nggak mumet. langsung aja deh ya, ini cara mudah bikin background di Blog :

•  Log in di blog kamu, masuk pada halaman Blog klik Desain pada bagian kiri atas
•  Masuk di halaman Template lalu klik Sesuaikan.
•  Kemudian klik Latar Belakang lalu ubah gambar latar, di sana sudah disediakan banyak pilihan, dari abstrak sampai perjalanan atau kamu juga dapat mengunggah sendiri gambar yang ada di file komputer kamu sesuai dengan keinginan.
•  Klik Selesai lalu klik Lihat Blog untuk melihat apakah background sudah berubah.

Sekian penjelasan mengenai cara membuat background blog. Sebenarnya banyak cara yang bisa dilakukan namun di sini saya mencoba menjelaskan dengan cara yang mudah di pahami bagi blogger pemula. Dan saya ucapkan Terima Kasih telah membaca postingan saya ini. ^^

Cara Membuat Blog

Perlu dicatat, ketika Anda ingin membuat blog di Blogger, maka email yang harus digunakan adalah Gmail, tidak boleh Yahoo Mail ataupun email dari Microsoft.

1. Hal pertama yang harus Anda persiapkan tentunya adalah Email dari Google, atau kita sering menyingkatnya Gmail.
   
   
   Saya yakin 101% dari Anda sudah memiliki Akun Gmail, maka disini saya tidak perlu menjelaskan lagi cara membuatnya. Khusus (spesial) untuk Anda yang belum punya akun Gmail dan dan tidak mau repot mencari Tutorialnya di google. Maka Anda bisa membacanya langsung di Cara Daftar Email di Gmail (Google Mail).
2. Setelah Anda menyiapkan Akun Gmail yang akan Anda pakai untuk Membuat Blog, maka langkah selanjutnya tentu saja kita harus mengunjungi situs untuk membuat blog tersebut.
   
   
   Sesuai judul yang saya buat yaitu Membuat Blog di Blogger, maka disini kita akan mengunjungi situs http://www.blogger.com, walaupun blogger.com ini bukan satu-satunya tempat untuk membuat blog. Karena masih ada tempat untuk membuat blog lain, yang juga gratis, diantaranya adalah Wordpress dan Mywapblog
3. Nah, setelah kita sampai di Blogger.com maka kita akan disuguhkan halaman depan seperti ini
   
4. Inilah alasan mengapa tadi saya terlebih dahulu memastikan kepada Anda untuk memiliki akun Gmail, karena jika tidak punya, maka tentunya kita hanya akan berhenti pada Halaman depan Blogger ini (service login).Lanjut, saya anggap tadi Anda sudah bisa mendaftar akun Google (service login) tersebut.Setelah masuk pada halaman utama (home) Blogger, klik tombol New Blog atau Blog Baru yang ada di sebelah pojok kanan atas layar monitor
5. 
6. Nanti akan muncul Pop Up seperti gambar dibawah ini.
7. Tinggal Anda isi Title dengan Judul Blog dan Address dengan Alamat Blog. Ohya, pastikan saat Anda memilih Nama Blog, muncul Simbol Check berwarna biru di sebelah kanan, kalau muncul tanda atau Simbol Pentung berarna merah itu artinya nama Blog yang Anda pilih sudah digunakan orang lain.
8. Langkah akhir tinggal Anda klik Buat Blog atau Create blog!

Sampai disini sebenarnya kita sudah berhasil Membuat Blog di Blogger. Namun belum maksimal, karena kita belum menyentuh XML atau Template dari Blog yang baru saja kita buat, jadi jika Blog yang baru saja kita buat dibuka, maka Tampilannya akan masih sederhana.

Untuk cara mendekorasi blog dan segala macamnya, akan saya bahas di Artikel selanjutnya ya, karena mengingat judul yang saya buat hanyalah untuk membahas Cara Membuat Blog, bukan cara Mendekorasi Blog. Hehe, jadi tunggu saja Trik lainnya yang akan diberikan oleh Blog Berguru SEO ini.

1.