Vertical Menu එකක් අපේ බ්ලොග් එකට..

මෙන්න මම ඔයාලට ටිකක් වැදගත් වෙයි කියලා හිතුන විජෙට්ටුවක් ගෙනාවා. මේ දවස් වල විභහගෙත් ලග එන නිසා අථත් ලිපි දාන්නත් බැරිවෙයි. ඒත් ඉතින් එහෙම කියලත් හරියන්නේ නෑනෙ කස්ටිය බලන් ඉන්නවනෙ මොකක් හරි අථත් ලිපියක් දානකල්.. ඔන්න ඒ නිසා අථත් ලිපියක් දැම්මා.

මේක Menu Bar එකක්. මේකෙන් අපේ බ්ලොග් එකේ අපි හදලා තියන තවත් පේජස් වලට යන්න එහෙම යෙදාගන්න පුථවන්.

1. මුලින්ම පහත කෝඩ් එක කොපි කරගන්න.
2. පස්සේ Design > Add gadgets > HTML/Java Script එකක් අරගෙන එතන කොඩ් එක පේස්ට් කරන්න.
3. ඊට පස්සේ මම පහත කොඩ් එකේ රතු පාටින් පෙන්වලා තියන තැන්වලට අදාල විස්තර ටයිප් කරන්න.

උදා  <a href="http://www.supushpithasoft.blogspot.com">මුල පිටුව</a>
         <a href="About me URL">අප ගැන</a> <a href="Your Labels URL">බ්ලොග් වැඩ කිඩ</a>
ඉහත ආකාරයට කැමති විදිහට එඩිට් කරලා හදාගන්න. දැන් HTML/Java Script එක  Save කරන්න. 

<style type="text/css">

/* Made By AllBlogTools.com */

#ddblueblockmenu{
border: 1px solid #000000; /*Main Border Color */
border-bottom-width: 0;
width: 100%;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 94%; /*94% minus all left/right paddings and margins*/
text-decoration: none;
color: #ffffff; /* Menu Font Color */
background-color: #2175bc; /*Menu background Color */
border-bottom: 1px solid #90bade; /*Bottom border color */
border-left: 7px solid #1958b7; /*Left border color */
list-style-type:none; 
}

* html #ddblueblockmenu a{ /*IE only */
width: 94%; /*IE 5*/
width: 94%; /*94% minus all left/right paddings and margins*/
}

#ddblueblockmenu a:hover {
background-color: #2586d7; /*Menu background Color On Hover*/
border-left-color: #1c64d1; /*Left border color On Hover*/
}

#ddblueblockmenu div.menutitle{
color: #ffffff; /* Title Font Color */
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #000000;  /*Menu Tite Background Color*/
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
/* Made By AllBlogTools.com */
</style>

<div id="ddblueblockmenu">

<div class="menutitle">Browse</div>
<ul>
<a href="Your URL">මුල පිටුව</a>
<a href="Your URL">අප ගැන</a>
<a href="Your URL">ඔබේ මාතෘකාව 1</a>
<a href="Your URL/">ඔබේ මාතෘකාව 2</a>
<a href="Your URL">ඔබේ මාතෘකාව 3</a>

 මේ ලිපියටත් කමෙන්ට් එකක් දාලා යන්න අමතක කරන්න එපා.. 

 උදව්වක් අවශ නම් කමෙන්ට් එකක් දාලා කියන්න.