Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

kp3နည္းပညာ၊၃၁၉၊ဘေလာ့မွာ KP-3Horizontal ေလးထည့္နည္း

                     က်ေနာ္ေျပာေနက်ျဖစ္တဲ့၀က္ဆိုက္ဒ္နဲ႕ဘေလာ့ေတြကိုပိုျပီးျပည့္စံုလွပေအာင္အဓိကMenu ဆိုသလိုအခုလဲHORIZONTALMENUေလးထပ္တင္လိုက္ပါတယ္။ေအာက္မွာပံုနဲ႕တကြCodeရွိပါတယ္၊ DEMOလင့္ခ္ေလးလည္းသြားၾကည့္လို႕ရေအာင္ထားေပးပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစား လွ်က္kp3မိသားစု

ဒီမွာ သြားၾကည့္လိုက္ပါ။

၁။Design

၂။Edit HTML

ေအာက္က Code ကိုရွာပါ၊။
</head> 
ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။
<!--Horizontal-kp-3နည္းပညာ-->
<style type='text/css'>
 #tabs28 {
   float:left;
   width:100%;
   background:#EFF4FA;
   font-size:93%;
   line-height:normal;
 border-bottom:1px solid #DD740B;
   }
 #tabs28 ul {
 margin:0;
 padding:10px 10px 0 50px;
 list-style:none;
   }
 #tabs28 li {
   display:inline;
   margin:0;
   padding:0;
   }
 #tabs28 a {
   float:left;
   background:url(&quot;http://4.bp.blogspot.com/_4HKUHirY_2U/SwO0QocIu9I/AAAAAAAAANk/mpo8Bmox3bg/left.gif&quot;) no-repeat left top;
   margin:0;
   padding:0 0 0 5px;
   text-decoration:none;
   }
 #tabs28 a span {
   float:left;
   display:block;
   background:url(&quot;http://1.bp.blogspot.com/_4HKUHirY_2U/SwO0T6iwC5I/AAAAAAAAANs/Anmhh5vc-iQ/right.gif&quot;) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
   }
 #tabs28 a span {float:none;}
 /* End IE5-Mac hack */
 #tabsI a:hover span {
   color:#FFF;
   }
 #tabs28 a:hover {
   background-position:0% -42px;
   }
 #tabs28 a:hover span {
   background-position:100% -42px;
   }
</style>
<!--Horizontal-Tabs-END-http://kp3family.blogspot.com--> 
၃။Save Template ကိုႏိုပ္လိုက္။

၄။Design>>>Add a Gadget>>>HTML/JavaScript မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<div id="tabs28">

<ul>
<li><a href="http://kp3family.blogspot.com#"><span>kp3နည္းပညာ</span></a></li>
<li><a href="http://kp3family.blogspot.com#"><span>kp3နည္းပညာ</span></a></li>
<li><a href="http://kp3family.blogspot.com#"><span>kp3နည္းပညာ</span></a></li>
<li><a href="http://kp3family.blogspot.com#"><span>kp3နည္းပညာ</span></a></li>
<li><a href="http://kp3family.blogspot.com#"><span>kp3နည္းပညာ</span></a></li>
<li><a href="http://kp3family.blogspot.com#"><span>kp3နည္းပညာ</span></a></li>
<li><a href="http://kp3family.blogspot.com#"><span>kp3နည္းပညာ</span></a></li>
<li><a href="http://kp3family.blogspot.com#"><span>kp3နည္းပညာ</span></a></li>
</ul>

</div>
၅။Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။ ။

မွတ္ခ်က္။ ။http://kp3family.blogspot.com နဲ႕kp3နည္းပညာေနရာေတြမွာမိမိရဲ႕လင့္ခ္နဲ႕နာမည္ေတြကိုအစားထိုးေပးလိုက္ပါ။

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

Related Post

Reactions:

5 comments:

websiteလုပ္နည္းေလးေတြတင္ေပးပါလားးးးးးး

website ဆိုတာအမ်ိဳးမ်ိဳးရွိပါတယ္။ဥပမာ-joomlaလားဘာညာေပါ့ေနာ္။ ဒါေတြကလုပ္နည္းကို Ebook တင္ထားတဲ့ဆိုက္ဒ္ေတြအမ်ားၾကီးရွိပါတယ္

တစ္ခုေလာက္ေမးခ်င္တယ္ဗ်ာ .. Menu ခြဲတာနဲ႕ Page ခြဲတာ တူတူပဲလားမသိ၀ူး
ကၽြန္ေတာ္က ဥပမာ Photo ဆို Photo Page .. Movie ဆို Movie သူ႕ page နဲ႕သူလုပ္ခ်င္တယ္ .
Blogger မွာ New Page create လုပ္လို႕ရေပမဲ့ Post တင္လိုက္ရင္ ပထမ Page ပဲေရာက္ေရာက္သြားတယ္ ဗ် .. အဲဒါဘယ္လိုလုပ္ရမလဲမသိ၀ူး ..
ေက်းဇူးျပဳ၍ ....

ကိုေလးေရကိုယ္တင္လိုက္တဲ့ပိုစ္ေတြကဓာတ္ပံုဆိုဓာတ္
သတင္းဆိုသတင္းထဲကိုေရာက္ေအာင္ညီဘယ္လိုလုပ္၇မလဲေၿပာၿပေပးပါခင္ဗ်

ကိုေလးေရညီကိုကူညီပါအံုးဗ်ာညီတင္လိုက္တဲ့ပိုစ္ေပါ့ေနာ္အဲ့တာေတြကိုေလ
ဥပမာဓာတ္ပံုဆိုရင္ဓာက္ပံုဖိုင္ထဲေရာက္ေအာင္ညီဘယ္လိုလုပ္ရမလဲဗ်

Post a Comment

မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။