Kamis, 28 Agustus 2008

Tips Make Horizontal Blogger Menus

How to Create horizontal bar menu with descriptions of renewal. Generating a horizontal menu bar with 8 and more links. Each link has a drag effect and a link description appears in a box in the bar.

Just follow this script to copy and paste on your blogs.



Example like this :













Google dhuwuh Yahoo MSN Altavista




Module 1 : Copy paste this script on your blogs.

a. Layout

b. Page Element

c. Add a Gadget

d. Paste in to --> HTML/JavaScrips


<style>

<!--

A:hover {color:white;background-color:black};

//-->

</style>





<body bgcolor="#FFFFFF">

<form name="form1">

<table width="600" border="0" cellspacing="0" cellpadding="5">

<tr bgcolor="#CCCCCC">

<td width="0"><a href="http://dhuwuh.blogspot.com" target="_blank" onMouseOver="form1.description.value='Keterangan Google';return true" onMouseOut="form1.description.value='';return true">Google</a></td>

<td width="0"><a href="http://www.google.com" target="_blank" onMouseOver="form1.description.value='Keterangan dhuwuh';return true" onMouseOut="form1.description.value='';return true">dhuwuh</a></td>

<td width="0"><a href="http://www.yahoo.com" target="_blank" onMouseOver="form1.description.value='Keterangan Yahoo';return true" onMouseOut="form1.description.value='';return true">Yahoo</a></td>

<td width="0"><a href="http://www.msn.com" target="_blank" onMouseOver="form1.description.value='Keterangan MSN';return true" onMouseOut="form1.description.value='';return true">MSN</a></td>

<td width="0"><a href="http://www.altavista.com" target="_blank" onMouseOver="form1.description.value='Keterangan Altavista';return true" onMouseOut="form1.description.value='';return true">Altavista</a></td>

<td width="0">

<input type="text" name="description" size="25" value="">

</td>

</tr>

</table>

<br>

</form>



Module 2 : Or Menu Code (cut and paste inbetween your <body> tags

Tidak ada komentar:

Posting Komentar