Cara Mengatur Tata Letak Menu Horizontal Template Standar

Cara Mengatur Tata Letak Menu Horizontal Template Standar

Kali ini saya akan share Cara Mengatur Tata Letak Menu Horizontal Template Standar yang berada di bawah header blog. Menu horizontal  adalah menu yang paling penting dari sebuah blog / web untuk memudahkan pengunjung menelusuri blog tersebut.

Tutorial ini adalah untuk mengatur tab baik merapatkan maupun merenggangkan teks tab secara horizontal maupun vertikal pada menu horizontal tersebut.

Cara mengatur tata letak tab Menu Horizontal dalam blog dapat dilakukan dengan langkah-langkah sebagai berikut :

1. Login

2. Klik Rancangan --> Edit HTML

3. Backup dahulu Template (Recommended)

4. Cari Kode  .tabs-inner .widget li a {  untuk memudahkan menemukannya pakai Ctrl F 

Lalu akan tampil kira-kira seperti di bawah ini :

.tabs-inner .widget li a {
  display: inline-block;
  margin: 0;
  margin-right: 1px;
  padding: .6em 1.5em;
  font: $(tabs.font);
  color: $(tabs.text.color);
  background-color: $(tabs.background.color);

Keterangan:

6em : untuk mengatur jarak teks tab vertikal (atas bawah)
1.5em : untuk mengatur jarak teks tab horizontal (sejajar)

6. Kemudian ganti angka di atas sesuai dengan letak yang diinginkan.

7. Klik Simpan Template untuk menyimpan perubahan tampilan blog.
 
Semoga Bermanfaat