Membuat Menu Drop down Link ~ http://syamsudinnamaku.blogspot.com

Pada posting yang lalu kita sudah " Membuat Menu

Drop Down Image " dan " Membuat Menu Drop

down Search ". Sekarang kita akan mencoba " Mem-

buat Menu Drop down Link ". Artinya, menu yang

sekarang ini berisi daftar link dari blog anda. Oleh

karena itu, menu ini sebaiknya anda isi dengan artikel

terkait dari tutorial blog anda, karena dapat meng-

hemat ruang blog anda pastinya. Mau membuatnya ?

Ikuti saja langkahnya seperti ini :

1.   Rancangan -> Tambah Gadget ->
      HTML/JavaScript.

2.   Copy kode berikut dan Paste
    ke dalam kontennya, simpan.

<p align="center" style="margin-top: 400px"><a href="URL BLOG/resources/" id="contentlink" rel="subcontent2"><button>Artikel Terkait</button></a> </p><br /> <div id="subcontent2" style="position:absolute; visibility: hidden; border: 9px solid black; background-color: lightyellow; width: 350px; height: 120px; padding: 4px;"><br /> <div style="width: 49%; float: left"><ul><li><a href="URL Link">Keterangan Link</a></li> <li><a href="URL Link">Keterangan Link</a></li> <li><a href="URL Link">Keterangan Link/a></li> <li><a href="URL Link">Keterangan Link</a></li> </ul></div><br /> <div style="width: 49%; float: left"><ul><li><a href="URL Link">Keterangan Link</a></li> <li><a href="URL Link">Keterangan Link/a></li> <li><a href="URL Link">Keterangan Link</a></li> <li><a href="URL Link">Keterangan Link</a></li> </ul></div><br /> <div align="right"><a href="javascript:dropdowncontent.hidediv('subcontent2')">[close]</a></div><br /> </div><br /> <script type="text/javascript"> //Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:  dropdowncontent.init("searchlink", "right-bottom", 500, "mouseover") dropdowncontent.init("contentlink", "left-top", 300, "click")  </script>

KETERANGAN =

*   Masukkan nama URL Blog anda
    pada kode URL BLOG.

*   Ganti kalimat Artikel Terkait
    dengan kalimat yang anda inginkan.

*   Masukkan URL Link anda & Keterangannya
    pada kode URL Link & Keterangan Link

*   Bila anda ingin menambahkan URL Link, tambahkan
    URL link anda dan keterangannya dengan kode
    <li><a href="URL Link">Keterangan Link</a></li>

*   Ubah ketebalan dan warna border
    pada kode border: 9px solid black

*   Ubah warna backgroundnya
    pada kode background-color: lightyellow

*   Ubah ukuran lebar & tingginya
    pada kode width & height.

3. Lalu masuk ke Edit HTML.

4. Cari kode </head>

5. Copy kode berikut dan pastekan
     di atas kode </head> ini,
   kemudian simpan template anda.

Selamat mencoba, good luck!