Cara Membuat Menu Tersembunyi

Langsung saja ikuti tutorialnya di bawah ini.

1. Masuk ke blogger.
2. Pilih Layout (Tata Letak) » Page Elements (Elemen Laman).
3. Klik tulisan Add a Gadget (Tambah Gadget).
4. Pilih gadget HTML/JavaScript.
5. Copy-paste kode berikut di bagian konten.

MENU

Tutorial Blogger

• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!

Tips - Trik Blogger

• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!


• Tuliskan Link Title di sini! Tuliskan Link Title di sini!

Awas Bisa Merusak Mata...Terutama Mata Pencaharian

sebuah percobaan yang harus di coba-coba

sebuah percobaan yang di coba-coba itu merupakan cobaan yang perlu dicoba, karena dengan mencoba anda akan tahu apa arti dari percobaan yang sedang anda coba dan akan mengetahui hasil dari percobaan itu akan membuahkan sebuah percobaan berikutnya untuk menjawab percobaan sebelumnya. jadi silahkan mencoba percobaan yang perlu anda coba walau itu hanya coba-coba. selamat mencoba.

[+]


[x]

6. Simpan gadget.

CSS
Sekarang pada bagian css, ikuti langkah-langkah berikut.

1. Pilih menu Layout (Tata Letak) » Edit HTML.
2. Cari kode ]]>, kemudian copy-paste kode css berikut di atasnya.

#chat{position:fixed; top:25px; z-index:+1000}
* html #chat{position:relative}
.chat-click{height:100px; width:30px; float:left; cursor:pointer; background:url(http://i42.tinypic.com/vhb3vc.jpg) no-repeat;}
.chatbox{float:left; border:2px solid #1f54bc; background:#f0f8ff; padding:10px}
.chatbox a {text-decoration: none;}

3. Simpan template.
Anda bisa mengubah gambar atau warna yang ada pada tulisan berwarna biru di atas sesuai dengan keinginan.

Selamat mencoba.....