Cara Memasang tab menu di new blogger

Posted by: HAFIZH SMA 1 SRAGEN / Category:
Banyak cara yang di lakukan orang untuk menampilkan blog biar lebih menarik lagi, salah satunnya yaitu memasang tab menu baik di atas judul blog ( top bar ) atau di bawah judul blog.

Dan untuk memasang tab menu ini pun banyak sekali cara yang bisa kita pakai, salah satu-nya bisa saudara baca dalam tulisan ini. dan hasilnya bisa di lihat pada blog DEMO ini.
INSTALL TAB MENU

Pertama : Untuk latihan lebih baik kita pakai atau membuat sebuah blog baru di new blogger. dan pilih template yang standar template Minima .

Kedua : Setelah beres meng-installnya, buka Template-> Edit Html. kemudian tambahkan kode di bawah ini, di atas tag body.

lihat yg di pertebal sebagai kode tambahan.

#outer-wrapper{ }

#navbar-iframe { height:0px; visibility:hidden; display:none }

/* Use this with templates/template-twocol.html */

body { background:#000000 ;

* Keterangan *

- memindahkan Outer-wrapper ke atas biar lebarnya sama dengan Body halaman blog.

- Sedangkan Navbar-iframe untuk menghilangkan navbar blogger.

Ketiga : Kemudian geser kebawah, dan cari kode ini.

/* Outer-Wrapper ----------------------------------------------- */ #Outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }

Setelah ketemu ganti dengan kode di bawah ini.

/* Content-Wrapper ----------------------------------------------- */ #content-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }

Keempat : Geser lagi ke bawah cari kode ini.

]]>

Setelah ketemu masukan kode di bawah, setelah kode ]]> tersebut.

-

Kelima : Geser lagi ke bawah kemudian cari kode ini.



Setelah ketemu masukan kode di bawah ini. setelah kode di atas tersebut.

-


Keterangan : Ganti tulisan " alamat url ", dengan alamat link Url yang kamu inginkan. Misalkan: " http://blogkamu.blogspot.com/ "

Keenam: Geser lagi ke bawah kemudian cari kode ini.


Setelah ketemu ganti dengan kode ini.


Ketujuh : Geser lagi kebawah kemudian cari kode ini.

 



Setelah ketemu ganti dengan kode ini.



Setelah beres coba tekan tulisan PRATINJAU. kalau telah sukses kemudian klik SIMPAN TEMPLATE.

Pasang Tab Menu di bawah Judul Blog

Tulisan di atas saya menyimpan tab menunya di bagian atas judul blog. untuk memasangnya di bawah judul blog simpan code langkah yang kelima, di atas code ini.

-

0 komentar:

Poskan Komentar