Menu tersembunyi pada widget

"Ssssttt.... jangan bilang siapa-siapa..." Begitulah prinsip dari menu ini. Untuk melihat contohnya, lihat pada bagian atas postingan ini, dan klik... Anda akan melihat menu yang tersembunyi. Untuk membuat menu tersebut, ikuti langkah-langkah berikut :

Anda harus mendownload file berikut dan hostingkan pada server. (Note : Untuk mengetahui cara menghostingkan file-file Java Script dan CSS Klik Disini!!)

File gambar :

Setelah anda mendownload file-file tersebut, Login ke blog anda, klik layout pada blog anda klik edit html.

Copykan kode berikut pada section Head :

<link rel="stylesheet" type="text/css" href="dddropdownpanel.css"><br /><script type="text/javascript" src="dddropdownpanel.js"><br /><br /></script>

Kemudian copykan kode dibawah ini sesudah <BODY>
(Note : Menu ini dapat berada posisi atas halaman atau widget anda)

<div id="mypanel" class="ddpanel"><br /><div id="mypanelcontent" class="ddpanelcontent"><br /><br /><p style="padding:10px"><br /><img src="http://i36.tinypic.com/kak1t0.jpg" class="closepanel" style="float:left; width:200px; height:172px; margin:0 10px 10px 0" />The Milky Way is a barred spiral galaxy that is part of the Local Group of galaxies. Although the Milky Way is one of billions of galaxies in the observable universe,[4] its special significance to humanity is that it is the home galaxy of our Solar System. The plane of the Milky Way galaxy is visible from Earth as a band of light in the night sky, and it is the appearance of this band of light which has inspired the name for our galaxy. It is extremely difficult to define the age at which the Milky Way formed, but the age of the oldest star in the Galaxy yet discovered, HE 1523-0901, is estimated to be about 13.2 billion years, nearly as old as the Universe itself. -Source: <a href="http://en.wikipedia.org/wiki/Milky_way" style="color:white">Wikipedia</a>.<br /></p><br /><br /><br /><p>Note: Click on any link or the Milky Way Image auto closes the panel.</p><br /><br /></div><br /><div id="mypaneltab" class="ddpaneltab"><br /><a href="#"><span>Toggle</span></a><br /></div><br /><br /></div>

Setelah itu, klik Save Template dan lihat hasilnya...
Selamat mencoba..

Menu tersembunyi pada widget

Pencarian

Daftar Isi

Tools