kp3 Marquee Post title test

မိမိရဲ႕ဘေလာ့ Post မွာ Read More Funtion အသံုးျပဳၾကတဲ့ဘေလာ့မိတ္ေဆြမ်ားအတြက္ Button ပံု
ေလးနဲ႕အစားထိုးနည္းေလးပါ၊ေအာက္မွာပံုနဲ႕တကြ Code ထည့္နည္းေလးျပထားပါတယ္၊ဘေလာ့ဂါမိတ္
ေဆြအားလံုးကိုလည္းခ်စ္ခင္ေလးစားလၽွက္ kp3-မိသားစု

၁။Layout

၂။Edit HTML

၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။(CTRL + F)ျဖင့္ရွာပါ၊၊

ဒီ Read More ကိုရွာပါ၊ေတြ႕ရင္ေအာက္က Code ေလးနဲ႕အစားထိုးေပးလိုက္ပါ။

<img src='ဤေနရာမွာပံုလင့္ခ္ကိုထည့္ပါ'/>

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

ဒါေလးကေတာ့သူမ်ားေတြလုပ္တာႏွင့္မတူေအာင္လုပ္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ၊
NavBar ကို ဖြင့္/ပိတ္ လုပ္တဲ့နည္းေလးပါ၊တစ္ခ်က္ေလးႏိုပ္ရက္ NavBar ကေပၚတယ္ေနာက္တစ္ခ်က္
ျပန္ႏိုပ္လိုက္ရင္ေပ်ာက္သြားတယ္၊အားလံုးသြားၾကည့္လို႕ရေအာင္ DEMO လင့္ခ္ေပးထားပါတယ္၊
Code ကေတာ့အရမ္းကိုရွင္းပါတယ္၊WIDGET မွာထည့္လိုက္ရင္ျပီးပါျပီ။

<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{
nav.style.visibility="visible";
nav.style.display="block";
}
else
{
nav.style.visibility="hidden";
nav.style.display="none";
}
}
</script>
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>


<span style="cursor:pointer; font-weight:normal; " onclick="ShowHideNav();">
NavBar ဖြင့္/ပိတ္ 
<a style="visibility:hidden;" href="#"></a>
</span>

DEMO

ဒီေန႕တင္တဲ့ 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 -->

၈။Save ႏုိပ္လိုက္ပါ၊ျပီးပါျပီ။။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု