kp3 Marquee Post title test: kp3နည္းပညာ၊၁၄၉၊မိမိရဲ႕ဘေလာ့မွာ Vertical menubar ေလးထည့္ခ်င္ရင္

kp3နည္းပညာ၊၁၄၉၊မိမိရဲ႕ဘေလာ့မွာ Vertical menubar ေလးထည့္ခ်င္ရင္

Posted by KP-3မိသားစု | Labels: Blogger Tutorial, Blogger Widget

ဒီေန႕တင္တဲ့ Post ေလးကေတာ့မိမိရဲ႕ဘေလာ့မွာ Vertical menubar ေလးထည့္ခ်င္တဲ့မိတ္ေဆြ
ေတြအတြက္ပါ၊ေအာက္မွာပံုနဲ႕ျပထားေပးပါတယ္၊လိုအပ္ခဲ့ရင္ေအာက္မွာထည့္နည္းနဲ႕တကြ codeေတြ
ေပးထားပါတယ္။

၁။Dashboard

၂။Layout

၃။Edit HTML

ေအာက္က Code ကိုရွာပါ၊

]]></b:skin>

ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ေတြကိုထည့္ေပးလိုက္ပါ။

#vertical-1{

border-bottom-width: 0;

}



#vertical-1 ul{

margin: 0;

padding: 0;

font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; /*pemilihan bentuk huruf */

}



#vertical-1 a{

display: block;

padding: 3px 0;

padding-left: 9px;

width: 200px; /* width of mrnu */

text-decoration: none;

color: #333222; /* this is the color of alphabet */

border-right:1px solid #000000;

background-color: #FBEC04;

border-bottom: 1px solid #6A6731;

border-left: 7px solid #918C3B;

}



#vertical-1 a:hover {

background-color: #FAF6B9;

border-left: 12px solid #918C3B;

width: 195px; /*lebar */

}



#vertical-1 div.menutitle{

color: white;

border-bottom: 1px solid #053E66;

padding: 5px 3px 5px 13px;

background-color: black;

width: 201px;

font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}

၄။Layout

၅။Page Elements

၆။Add a Gadget

၇။HTML/Javascript' မွာေအာက္က Code ကိုထည္႕လိိုက္ပါ။

<div id="vertical-1">

<div class="menutitle">ေခါင္းစဥ္ထည့္ပါ</div> <!-- this is the 1st title -->

<ul>

<!-- Please alter with your links -->

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<!-- add any links here -->

</ul>



<div class="menutitle">ေခါင္းစဥ္ထည့္ပါ</div> <!-- this is the 2nd title -->

<ul>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အမည္ထည့္ပါ</a>

<!-- add any links here -->

</ul>

</div> <!-- end off vertical-1 menu -->