Friday, April 24, 2009

මගේ බ්ලොග් එකේ තියෙන Dropdown menu එක

මගේ බ්ලොග් එකේ තියෙන Dropdown menu එක හැමෝම දකින්න ඇතිනේ.. ඉතින් අද මට හිතුනා ඒක අපේ බ්ලොග් එකකට දාන ආකාරය ගැන ලියන්න. ඔන්න ඔයාලටත් මේ Dropdown menu එක ප්‍රයෝජනවත් වෙයි.

1. ඔබගේ Blogger blog එකට Edit කිරීමට අවශ්‍ය පරිදි ප්‍රවේශවී එහි Layout වෙතට යන්න.

2. දැන් Add new gadget මත click කර පහත රූපයේ පරිදි HTML/Javascript ආකාරයේ gadget කොටස තෝරා එහි ඇති (+) Plus ලකුණ ඔබන්න.

3. එහි Title නැමැති කොටසට කැමති Heading එකක් යොදා ඊට පහතින් ඇති Content කොටසට පහත ඇති script පිටපත් කර paste කරන්න. මෙම script එකේ ඇති වෙබ් ලිපින වෙනුවට ඔබගේ ලිපින අවශ්‍ය පරිදි යොදාගන්න.

<script
type="text/javascript">
<!--
function
dropdown(mySel)
{
var myWin, myVal;
myVal =
mySel.options[mySel.selectedIndex].value;
if(myVal) {
if(mySel.form.target)myWin =
parent[mySel.form.target]; else myWin = window; if (! myWin) return
true;< myWin.location =
myVal; }
return false;
}
//-->
</script>
<form
action="../cgi-bin/redirect.pl" method="POST"
onsubmit="return dropdown(this.gourl)">
<select
name="gourl">
<option
value="http://www.moodle.org"/>Moodle
<option
value="http://www.joomla.org"/>Joomla
<option
value="http://itbuddhika.blogspot.com"/>IT-Buddhika
<option
value=""/>Choose
jump link
</select>
<input
value="Go"
type="SUBMIT"/>
</form>

4. හා...හා... දැන් Save කර ඔබගේ Blog එකට ගොසින් Refresh පාරක් දාලා Dropdown menu එක වැඩද බලන්න. ඉහත පියවර අනුගමනය කලානම් වැඩේ වරදින්න බැහැ.

No comments:

Post a Comment

latest virus and spyware detection