Cara membuat menu bar di blogspot dengan mudah

Kali ini gua akan mencoba berbagi tips tentang cara membuat menu bar di blogspot dengan mudah yang hanya di butuhkan sedikit keahlian dalam mengedit HTML. Sebelum kita melanjutkan tutorial tentang cara membuat menu bar di blogspot, terlebih dahulu silahkan lihatlah gambar di bawah ini yang menampilkan hasil akhir dari menu bar di blogspot.

menu bar di blogspot

Nah bagaimana tertarik bukan? Baiklah bagi agan-agan yang sudah tidak sabar lagi ingin membuat menu bar di blogspot silahkan perhatikan langkah-langkah dari tutorial cara membuat menu bar di blogspot dengan mudah dibawah ini.

Cara membuat menu bar di blogspot dengan mudah
1. Silahkan masuk ke akun Blogger agan.
2. Klik halaman "Template" download template lengkap untuk berjaga-jaga terjadi hal-hal yang tidak di inginkan.
3. Centang "Expand Template Widget". 
4. Terus silahkan cari kode ]]></b:skin> denan menggunakan Ctrl + F.
5. Simpan kode script di bawah ini tepat di atas kode ]]></b:skin>

#menubar{
border-bottom:4px solid #ff0000;
width:1025px;
height:32px;
background:#000000;
float:center;
margin-bottom:3px;
}
#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{
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  {
background: #ff0000;
color: #fff;
text-decoration:none;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #ff0000;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #000000;
color: #ffffff;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##ff0000;
}
#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
}       

6. Untuk seterusnya silahkan cari kode <div id="content-wrapper"> 
7. Simpan kode script di bawah ini tepat di atas kode <div id="content-wrapper">

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://langkah2membuatblog.blogspot.com/p/abaut.html'>About Me</a></li>
<li><a href='http://langkah2membuatblog.blogspot.com/p/email.html'>Contact Me</a>
<ul>
<li><a href='https://plus.google.com/b/107404934236027850004/107404934236027850004/posts'>Google +</a></li>
<li><a href='http://www.facebook.com/pages/Langkah-Langkah-Membuat-Blog/474992502544254'>Facebook</a></li>
<li><a href='https://twitter.com/Langkah2_Blog'>Twitter</a></li>
</ul></li>
</ul>
</div>

8. Simpan Template.

Note: 
  • Sesuaikan kode #ff0000 (border bawah menubar), 1025px (lebar menubar), #000000 (background menubar).
  • Silahkan nama menubar yang berwarna biru Home sesuai dengan keinginan agan.
  • Ganti link yang berwarna merah http://langkah2membuatblog.blogspot.com/p/abaut.html dengan link agan.
Itulah pembahasan mengenai tutorial tentang cara membuat menu bar di blogspot dengan mudah semoga dengan adanya pembahasan ini dapat membantu sobat blogger yang ingin membuat menu bar di blogspot, silahkan tinggalkan komentar jika mendapatkan kesulitan agar ane dapat segera membantu.       

Komentar

Posting Komentar

Postingan populer dari blog ini

Kelebihan dan kekurangan kerja sama tim dalam kelompok

Kelebihan dan kekurangan kerja sama tim dalam kelompok 1. Kelebihan: a. Meningkatkan informasi dan pengetahuan . Dengan bekerja secara bersama. Maka sumberdaya masing-masing individu akan tertampung dalam tim ini, sehingga bisa memperkuat tim baik dalam informasi maupun pengetahuan. b. Meningkatkan ragam pandangan . Anggota tim dengan latar belakang yang berbeda akan memberikan pandangan yang beragam terhadap suatu pengambilan keputusan. Hal ini akan memperkuat legalitas dan kualitas pengambilan keputussan. c. Meningkatkan penerimaan atas suatu solusi. Solusi yang diputuskan bersama akan diterima secara lebih baik dari pada jika diputuskan oleh seorang individu, misalnya direktur utama perusahaan. d. Meningkatkan tingkat kinerja. Dengan berbagai keterampilan anggota tim yang dimilikinya maka kinerja tim diharapkan bisa lebih baik dari pada kinerja individual. 2. Kekurangan: a. Tim kerja memungkinkan terjadinya groupthink . Groupthink merupakan fen
Baca selengkapnya

Membuat Z Tabel Dengan Excel

Gambar
Z tabel adalah tabel statistik untuk uji Z.  Bagaimana Cara Membuat Z Tabel dengan Excel? Uji Z adalah salah satu  uji statistik yang  pengujian hipotesisnya didekati dengan distribusi normal.  Menurut teori limit terpusat, data dengan ukuran sampel yang besar akan berdistribusi normal.  Oleh karena itu, uji Z dapat digunakan untuk menguji data yang sampelnya berukuran besar.  Jumlah sampel 30 atau lebih dianggap sampel berukuran besar.  Selain itu, uji Z ini dipakai untuk menganalisis data yang varians populasinya diketahui.  Namun, bila varians populasi tidak diketahui, maka varians dari sampel dapat digunakan sebagai penggantinya. Uji Z ada 2 jenis, yaitu uji Z 1 pihak dan 2 pihak. Dalam bahasan ini kita tidak akan membahas terlalu jauh tentang uji Z itu sendiri, tetapi akan kita bahas bagaimana caranya membuat  Z Tabel . Untuk mempermudah tutorial excel z tabel ini, sebaiknya anda download file kerja di link berikut: Z Tabel.xlsx ( Apabila Muncul Jendela Adf.ly,
Baca selengkapnya

Dadu Ajaib

Kehidupan didunia memang sudah diatur oleh tuhan, tapi bagaimana jika sebenarnya kehidupan ini telah ditentukan oleh kita sendiri. Suatu saat sebelum kita dilahirkan di dunia, kita antri untuk menentukan bagaimana kita hidup, seperti apa hidup kita, kaya atau miskin, pintar atau bodoh, tampan atau buruk rupa, dan sebagainya. Disaat kita antri dan sudah berada pada barisan paling depan, kita akan melempar sebuah dadu, yang nantinya akan menentukan kehidupan kita di dunia. Jika dadu yang dilempar mendapat angka 6, maka mereka akan lahir di dunia dengan karunia yang indah, kaya, tampan, dan jika dadu yang dilempar mendapat angka 1, maka mereka akan lahir di dunia dengan kemiskinan, bodoh, dan buruk.  Seorang anak SMA bernama Toto adalah anak dengan keluarga yang sederhana, tapi dia mempunyai wajah yang pas-pasan, bodoh, pendek, dan lemah. Dia sering sekali menjadi bahan olok oleh teman-teman SMAnya, dia juga menjadi seorang pesuruh di kelasnya, dimana anak-anak nakal yang berada di k
Baca selengkapnya