Story_Corner
Berbagi info K-Pop, motivasi, tips-tips,pengetahuan dan blog tutorial...^^ Hate my blog? click Here


About Link Article K-POP Stuff
Story Corner
S

♔ I'm Back ♔

Update-an terbaru untuk bagian K-Pop. Mari kita lihat berita terbaru dari Suzy. Readers juga boleh request tentang artis favorit kamu untuk di update di Story Corner. Request di Chat Box ya.^^ TQ
Cara Membuat Tampilan Menubar di Blogspot dengan Mudah
Selasa, 20 Mei 2014 • 11.08 • 0 Sweet hearts









Cara membuat Menu Bar- Setelah sekian lama absen dari dunia blogger akhirnya keinginan kembali untuk berbagi lewat blog terlaksana juga. Hehe. Ok kembali ke topik kita. Sobat pasti sudah tahu apa itu menu bar bukan? Menu Bar adalah sebuah kotak tab/ bar yang isinya berupa navigasi link. Fungsi Menubar yaitu untuk menyimpan link-link penting  di suatu blog agar pengunjung lebih mudah mengunjungi halaman-halaman utama dalam blog tersebut.


Berikut caranya: (Mudah dan simple dhe.. Di jamin.^^ 

1.       Login ke akun Blogger sobat.

  
2. Klik tanda anak panah hitam, kemudian pilih Template.

 
3.   Klik  EDIT HTMLSekarang Cari Kode </head> agar mudah dalam pencarian tekan Ctrl+f
 4. Copas kode di bawah ini dan letakan di atas </head>



<style type='text/css'>

#tabs28 {   float:left;   width:100%;   background:#fff;   font-size:93%;   line-height:normal; border-bottom:1px solid #DD740B;   }

 #tabs28 ul { margin:0; padding:10px 10px 0 50px; list-style:none;   }

#tabs28 li {   display:inline;   margin:0;   padding:0;   }

#tabs28 a {   float:left;   background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufBdXoJ6satRgdHTeiPb7l4SLQbhQ8w2MX1wLF4EUVGJ2cYpi2MwhOL5QzL0NakzOOvchfrHM-_0w51S88gXqJ00A3j4f_dJcar0nMTLBFmDug31D9te-n9xvggYmJq6bEfWmPJcQnVkz/s1600/slide-left.gif&quot;) no-repeat left top;   margin:0;   padding:0 0 0 5px;   text-decoration:none;   }

#tabs28 a span {   float:left;   display:block;   background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGEvSPn8bEqdmC9QLsYZZCoxYhOT6eYe42w9UutPTVLh0ExhtJup8051LgkTVMiYIutHB3_XVWCJrVhKDyta-tmsTp0gy-9Y21F6KPQ_MipC15JSyvv78wiyahYn18LKKZuNxCT6jjERVR/s1600/side-right.gif&quot;) no-repeat right top;   padding:5px 15px 4px 6px;   color:#FFF;   }

#tabs28 a span {float:none;}  #tabsI a:hover span {   color:#FFF;   } #tabs28 a:hover {   background-position:0% -42px;   }

#tabs28 a:hover span {   background-position:100% -42px;   }</style>
  Catatan:


Anda Boleh Ganti tulisan 10 dengan yang anda inginkan(fungsinya untuk panjang jarak atas)
Anda Boleh Ganti tulisan 50 dengan yang anda inginkan(fungsinya untuk panjang sebelah kiri)
  
5. Sekarang kita menuju Tata Letak / LayOut
  

  6. Klik Tambahkan Gadget dan pilih HTML/Javascript



 7. Letakan script html di bawah ini di kolom yang disediakan. (Ingat, untuk kolom judul gadget tidak perlu diisi  



<div id="tabs28">



<ul>

<li><a href="#"><span>Home</span></a></li>

<li><a href="#"><span>Link 1</span></a></li>

<li><a href="#"><span>Link 2</span></a></li>

<li><a href="#"><span>Link 3</span></a></li>

<li><a href="#"><span>Link 4</span></a></li>

<li><a href="#"><span>Link 5</span></a></li>

<li><a href="#"><span>Link 6</span></a></li>

<li><a href="#"><span>Link 7</span></a></li>
<li><a href="#"><span>Link 8</span></a></li>
</ul>


</div>
  


8.     Klik Simpan

catatan: ganti tanda # dengan alamat URL
               ganti Link 1 - Link8 dengan nama menu yang anda inginkan, Link bisa dihapus sesuai jumlah link yang sobat inginkan.
Semoga Bermanfaat..! Dan kunjungi terus blog  Story_Corner^^.








             Thanks For Visiting My Blog - Written by Meili_Ou
                                storylover5.blogspot.com


 

Label:

0 Komentar posted :

Posting Komentar


Newer Posts | Older Posts


Silent Reader(s)
Page Viewers ^^


Flag Counter

Software Website Toko Online

Friends







Chatting Here



Put your name, Don't spam here and Don't use harsh word.
Url Blog Not E-mail
Day by Day

Popular Posts

Berita Tentang Suzy
Update berita tentang Suzy Miss A. Ikutin terus ya..^^
  • K-drama:Kill Me, Heal Me
    Kill Me Heal Me bercerita tentang seorang pria bernama Do Hyun ( Ji Sung ) yang punya penyakit kejiwaan yang biasa disebut D.I.D, yang membuat dirinya memiliki tujuh kepbribadian yaitu Shin Se Gi, Ahn Yoo Sub, Ahn Yoo Na, Ferry Park, Na Na, dan si Mysterious X . Karena si pemilik tubuh tidak tahu dan tidak sadar ketika kepribadian lainnya muncul maka semua itu sangat membahayakan untuknya, terlebih Se Gi salah satu kepribadian yang ada di tubuhnya berniat mengambil alih tubuh Do Hyun untuk selama-lamanya...
  • K-drama: It's Okay That's Love
    Drama korea "It's Okay, That's Love" ini menceritakan tentang seorang penulis cerita misteri sekaligus penyiar radio DJ, yang menderita penyakit obsesi. Sementara itu, Ji Hae-Soo (Kong Hyo-Jin) mengambil jurusan psikiatr di University Hospital.Ikuti Kisah mereka!!
  • Membuat CBOX dengan Kepala Bear
    ChatBox adalah aplikasi pesan dan chatting yang unik untuk blog ataupun website. ChatBox akan memudahkan interaksi antara writer dan reader. Selain itu, CBOX...
  • Automatic Youtube Music PLayer on Blog
    Kali ini saya akan membagikan tutorial tentang memasang musik yang otomatis play saat masuk ke blog kamu. Ya.. Musik akan membuat pembaca...
  • Mengatasi Rasa Kecewa
    Sebagai makhluk sosial tentu kita pernah mengalami yang namanya kecewa. Tentu kita juga pernah mengecewakan orang lain. Ya kecewa...
  • Like Button Facebook
    Haloooo semua ^^. All_Lovers hadir dengan tampilan baru. Pada kesempatan kali ini saya ingin berbagi tentang membuat like button facebook...
  • Bunga Ume
    Bunga ini adalah BUNGA UME.Bunga indah yang mekar di Tokyo pertengahan bulan Februari sampai akhir...




    • Thanks to: Template By: Kawaii Lady
    Some stuff: ♥ ♥ ♥ ♥