Cara Mengatur Tata Letak Menu Horizontal Di Bawah Header Blog

8/27/2012
Menu Horizontal pada header website/blog adalah menu yang paling banyak dipergunakan oleh situs-situs besar dan termuka dalam dunia online internet. Menu horizontal sangat strategis difungsikan untuk membuat daftar isi blog atau situs online internet (url label) serta link-link lainnya.

Tips yang diperkenalkan ini adalah salah satu teknik untuk mengatur tata letak tab baik merapatkan maupun merenggangkan teks tab secara horizontal maupun vertikal pada menu horizontal blog.

Menu Horizontal adalah menu media online internet blog yang terletak pada header blog yang berfungsi sebagai tempat untuk membuat link baik link internal media pemasangnya maupun link umpan ke media online internet lainnya.

MENU HORIZONTAL BLOG
Gambar: Menu Horizontal Blog sebelum ganti nama Ronamasa.Com

Cara mengatur tata letak tab Menu Horizontal dalam blog dapat dilakukan dengan langkah-langkah sebagai berikut, yaitu:
2. Klick Tata Letak
3. Klick Edit HTML
4. Download Template lengkap bila diperlukan
5. Klick Lanjutkan
6. Cari Kode  .tabs-inner .widget li a {  untuk memudahkan menemukannya pakai Ctrl F
Letak kode akan tampak seperti di bawah ini apabila menggunakan Awosome.Inc Tina Chen
.tabs-inner .widget li a {
  display: inline-block;

  margin: 0;
  padding: .6em 1.5em;
Keterangan:
6em : untuk mengatur jarak teks tab vertikal (atas bawah)
1.5em : untuk mengatur jarak teks tab horizontal (sejajar)

7. Ganti angka di atas sesuai dengan letak yang diinginkan.
8. Klick Simpan Template untuk menyimpan perubahan tampilan blog.
9. Klick Lihat Blog yang berada pada bagian atas template blog untuk melihat hasilnya.


Artikel lainnya

Cara Membuat Slideshow Judul Postingan Blog Terbaru
Cara Mengatur Jarak Header Blog Dengan Judul Posting Blog Secara Default
Cara Membuat Tabel Dalam Postingan Blog
Daftar Isi Scroll Box Berdasarkan Klasifikasi Artikel Blog
Merubah Warna Teks Judul Posting Blog
Cara Mendapatkan Copyright Posting Blog
Cara Mendapatkan Copyright atau Hak Paten Intelektual Blog
Cara Mengatur Jarak Judul Posting dengan Tanggal Judul Posting Blog
Cara Mengatur Warna Teks Link Judul Posting Blog Pada Widget
Ronamasa