Senin, 15 April 2013

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, yaitu:
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. Silahkan ganti angka di atas sesuai dengan letak yang diinginkan.

7. Klik Simpan Template untuk menyimpan perubahan tampilan blog.
 

Semoga Bermanfaat

0 komentar:

Poskan Komentar

magicnet. Diberdayakan oleh Blogger.

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "


Inilah GW

Mengenai Saya

Tanjungbalai Asahan, Sumatera Utara, Indonesia
Teknisi Komputer Dan Laptop

Cari Blog Ini

Memuat...