အခုတင္တဲ့ Post ေလးကေတာ့က်ေနာ္လို Mozilla -Firefox ကိုစြဲြစြဲျမဲျမဲသံုးတဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။ က်ေနာ္တို႕ Tabs ေတြကိုၾကည့္လို ့လည္းလွသလို Firefox ကလည္းပ်င္းစရာလည္းမေကာင္း ေတာ့ဘူးေပါ့ေနာ္။ သိျပီးသားမိတ္ေဆြေတလည္းမ်ားမယ္ထင္ပါတယ္။မသိေသးတဲ့ဘေလာ့မိတ္ေဆြေတြနဲ ့Mozilla-Firefox ခ်စ္ တဲ့ သူ ေတြ အတြက္ပါ။ ေအာက္မွာပံုနဲ ့တကြ Download လင့္ခ္
ဒီမွာ သြားယူလိုက္ပါ။ Download လုပ္လုိက္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၂၅၅၊ဘေလာ့မွာ Subscribe Section ကိုလွလွေလးထည့္နည္း (၁)
အခုတင္မယ့္ Post ေလးကေတာ့အခုတေလာအလုပ္ေတြေၾကာင့္အသစ္ေတြမတင္ျဖစ္လို႕ ဘေလာ့ မိတ္ေဆြ ေတြအတြက္ Subscribe Sectionလွလွေလးတခုထပ္တင္ေပးလိုက္ပါတယ္။ ဒီ Subscribe Section က အခုတင္ တာနဲ႕ဆိုရင္ႏွစ္မ်ိဳးရွိျပီေပါ့ေနာ္။ေအာက္မွာပံုနဲ႕တကြျပထားပါတယ္။ပထမတင္ ထားဒါေလးကေတာ့ kp-3နည္းပညာ၊၁၇၃၊ မွာရွိပါတယ္။ပထမနဲ႕ဒုတိယကြာျခားခ်က္ကေတာ့ ပထမမွာ HTML Code ကိုထည့္ရ တယ္၊ အခုဟာကေတာ့ CSS Code ထဲကိုထည့္ရတယ္ထာပါဘဲ။ ႏွစ္ခုစလံုးကေတာ့အတူတူပါဘဲ။
ပထမရဲ႕ DEMO ကိုဒီမွာသြားၾကည့္လို႕ရပါတယ္။
အခုတင္တဲ့ DEMO ကေတာ့ဒီမွာသြားၾကည့္လိုက္ပါ။
ပထမအဆင့္>>>
၁။Dashboard
၂။Layout
၃။Edit HTML
ေအာက္က Code ကိုရွာပါ၊
ဒုတိယအဆင့္>>>
၁။Layout
၂။Page Element
၃။Add a gadget သြားမယ္၊ေအာက္က
၄။Html/java script မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
ပထမရဲ႕ DEMO ကိုဒီမွာသြားၾကည့္လို႕ရပါတယ္။
အခုတင္တဲ့ DEMO ကေတာ့ဒီမွာသြားၾကည့္လိုက္ပါ။
ပထမအဆင့္>>>
၁။Dashboard
၂။Layout
၃။Edit HTML
ေအာက္က Code ကိုရွာပါ၊
]]></b:skin>ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထည့္လိုက္ပါ။
#subscribe{list-style:none; margin:0px}
#subscribe li{padding:10px 5px; position:relative; margin-top:0; margin-right:0; margin-bottom:5px; margin-left:0; height:64px; opacity:0.75; -moz-opacity:0.75}
#subscribe li:hover{ background-color:#f4f4f4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; opacity:1; -moz-opacity:1; -webkit-transition:opacity 1s ease-out}
#subscribe li img{float:left; position:relative; padding:0px; margin:0px 10px 0px 0px}
#subscribe li h4{margin:-6px 0 3px 83px; font-size:15px; line-height:26px; color:#23a69d; text-shadow:1px 1px 0px #fff; font-family:Helvetica,Arial,sans-serif; font-weight:bold; clear:none}
#subscribe li p{margin:0 0 0 0; font-family:Trebuchet MS,sans-serif; font-size:13px; letter-spacing:-0.02em; clear:none; text-indent:0px}
#subscribe li a.linkblock{background:none; border:none; top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:50}
၄။Save Template ကိုႏိုပ္ပါ။မျပီးေသးပါဘူးေနာက္တဆင့္က်န္ပါေသးတယ္ေအာက္မွာ>>>>ဒုတိယအဆင့္>>>
၁။Layout
၂။Page Element
၃။Add a gadget သြားမယ္၊ေအာက္က
၄။Html/java script မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<ul id="subscribe">၅။Save ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။
<li>
<a class="linkblock" href="မိမိရဲ ့-FEED-URLကိုဒီမွာထည့္ေပးလိုက္ပါ"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNkSqnDqQ_8t1bbfc6vtsooZvAP586APaf6qUO5WjbUeM_W578eOCeF5zLwK05esOBLO6Cf25XUixqfnz6WL_DkWDqM1jJZgoKbmXBu9ck6ogDqbo8y1eX3GMxynL_MERa4DiL5CyZG7so/" alt="RSS Feed" />
<h4>RSS Feed</h4>
<p>Subscribe To RSS Feed</p>
</li>
<li>
<a class="linkblock" href="မိမိရဲ ့-EMAIl-FEED-URLကိုဒီမွာထည့္ေပးလိုက္ပါ"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgcKt0_-Qf03clxNQ0hE4OvQAdLvnCpOIhuKvy5z12vkpj2_5di4iUZ7ey1CFuGP-5UfiWAai_93QE96L5SJH9IrWrfbxtIuY_nQYUATUF720oaSJxHEE2cV3VH7doY_i8XZGkgrlCETU6/" alt="E-Mail Delivery" />
<h4>E-Mail Delivery</h4>
<p>Subscribe To Email</p>
</li>
<li>
<a class="linkblock" href="မိမိရဲ ့-TWITTER-URLကိုဒီမွာထည့္ေပးလိုက္ပါ" title="Follow us on Twitter"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSb0ufllyTDvoUcgiRvfPlO4LW9o8cdMueWUGaDifY_yZZ6o2eTe-3_Kyg47zVBMRAlqsi2cstclpnhLqliZbnGEDjFlzfNywa7WtpBEXh5gaQE77a1bzkRLsDY6mHygn9W8s-eDHDOy5J/" alt="E-Mail Delivery" />
<h4>Twitter</h4>
<p>Follow Us On Twitter.</p>
</li>
</ul>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၂၅၄၊ဘေလာ့မွာလြယ္ကူတဲ ့KP-3ရဲ ့Horizontal CSS menu ေလးထည့္နည္း
ေနာက္ပိုင္းMenu ေတြကိုဘဲတင္ေတာ့မယ္လို ့စိတ္ကူးတဲ့အခ်ိန္မွာလဲ အီးေမးလ္ကေနဟိုဟာေတာင္းဆိုဒါ ေတာင္းဆိုနဲ ့ဒါေၾကာင့္ဘာမွမတင္လိုက္မိဘူး။ ဒါေပမယ့္ Kp-3 မိသားစုရဲ ့စိတ္တိုင္းက်လုပ္ထားတဲ့ Menu ေတာ္ေတာ္မ်ားမ်ားလည္းတင္ျပီးသားရွိပါတယ္။အခုတင္တဲ့ဟာေလးကေတာ့Horizontal CSS menu လို ့ေခၚ ပါတယ္ေအာက္မွာသြားၾကည့္လို ့ရေအာင္လည္း DEMO လင့္ခ္ေလးေပးထားပါတယ္။ ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအဆင္ျမဲံခ်စ္ခင္ေလးစားလ်ွက္ kp-3မိသားစု
ဒီမွာသြားၾကည့္လိုက္ပါ။
၁။ Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
ဒီမွာသြားၾကည့္လိုက္ပါ။
၁။ Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ။
]]></b:skin>ေတြ ့ျပီဆို၇င္အေပၚမွာေအာက္က Css Code ကိုထည့္ေပးလိုက္ပါ။
#nav၃။Save Template ေအာက္က Code Layout>>>Add a Gadget>>>HTML/JavaScript Add ထည့္ေပးလိုက္ပါ။
{
padding:0;
}
#nav li
{
display:inline;
}
#nav li a
{
font-family:Arial;
font-size:12px;
text-decoration: none;
float:left;
padding:10px;
background-color: #333333;
color:#ffffff;
border-bottom:1px;
border-bottom-color:#000000;
border-bottom-style:solid;
}
#nav li a:hover
{
background-color:#9B1C26;
padding-bottom:12px;
border-bottom:2px;
border-bottom-color:#000000;
border-bottom-style:solid;
margin:-1px;
}
<ul id="nav">၄။Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။ ။
<li><a href="http://kp3family.blogspot.com#">kp3မိသားစု</a></li>
<li><a href="http://kp3family.blogspot.com#">ဆက္သြယ္ရန္</a></li>
<li><a href="http://kp3family.blogspot.com#">နည္းပညာ</a></li>
<li><a href="http://kp3family.blogspot.com#">သတင္း</a></li>
<li><a href="http://kp3family.blogspot.com#">သီခ်င္းမ်ား<</a></li>
<li><a href="http://kp3family.blogspot.com#">အားကစား</a></li>
<li><a href="http://kp3family.blogspot.com#">အလုပ္အကိုင္</a></li>
</ul>
မွတ္ခ်က္။ ။kp3family ႏွင့္ kp3လင့္ခ္ေတြကိုမိမိရဲ ့လင့္ခ္ေတြနဲ ့အစားထိုးေပးလိုက္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၂၅၃၊ဘေလာ့မွာအၿဖဴေရာင္သံစဥ္ေရဒီယို ထည့္ေလးထားခ်င္နည္း
အသစ္ေတြမတင္ျဖစ္တဲ့ေတာ္ေတာ္ၾကာေနပါျပီအ၇မ္းကိုအလုပ္ရွုပ္လို ့ပါနားလည္းေပးၾကမယ္လို ့ေမ်ာ္ လင့္ ပါတယ္။ အခ်ိန္မရတဲ့ၾကာထဲမွာCbox မွာေတာင္းဆိုထားတဲ့ အၿဖဴေရာင္သံစဥ္ေရဒီယိုထည့္နည္း ေလးနဲ ့ Code ကို Post အျဖစ္တင္လိုက္တာပါမတင္ေပးရင္စိတ္ေကာက္သြားမွာဆိုးလို ့ပါ။မအားတဲ့အေၾကာင္းရင္က ေတာ့မိတ္ေဆြ တစ္ေယာက္က Website လို ့ဖို ့ကမ္းလွန္းထားလို ့ပါ။ ဘေလာ့မိတ္ေဆြအားလံုးကိုအျမဲတမ္း အသစ္ဆန္းေလးေတြကိုၾကည့္ေစခ်င္တဲ့ Kp-3 မိသားစု
၁။Layout
၂။Page Element
၃။Add a gadget သြားမယ္၊ေအာက္က
၄။Html/java script မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
၁။Layout
၂။Page Element
၃။Add a gadget သြားမယ္၊ေအာက္က
၄။Html/java script မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<span class="smallfont"><strong></strong></span>၅။Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။။။
<div class="widget-content">
<a href="http://89.238.146.148/APYTZ" target="_blank"><img border="0" width="160" src="http://www.apytz.net/images/listenradio1.gif" height="82"/></a>
<script type="text/javascript"><br/><br/> <!-- function song(){ document.getElementById('music1').innerHTML="<embed type="'application/x-mplayer2'" id="'music2'" pluginspage="'http://www.microsoft.com/Windows/MediaPlayer/'" src="'" name="'MediaPlayer1'" width="'185'" height="'50'" controltype="'2'" showcontrols="'1'" showstatusbar="'1'" autostart="'false'"></embed>";<br /> }<br /> //--><br/> </script>
<div id="jukebox">
<span id="music1"><embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" controltype="2" autostart="1" showstatusbar="1" type="application/x-mplayer2" height="50" src="http://wma2.viastreaming.net/APYTZ" id="music1" width="160" showcontrols="1" name="MediaPlayer1"></embed>
</span></div></div>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၂၅၂၊ဘေလာ့မွာ Comments ေပးတဲ့သူနာမည္ေဘး မွာ Reply Comment ဆုိျပီးစားသားေလးထားနည္း
အခုတင္တဲ့ Post ေလးကေတာ့ဘေလာ့ဂါေလာကမွာအသစ္ေလးလို ့ေျပာရင္လည္းမွားမယ္မထင္ပါဘူး၊ က်ေနာ္တို ့ကိုComments လာေပးတဲ့မိတ္ေဆြေတြကိုျပန္ျပီ Reply လုပ္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြ ေတြအတြက္ ပါ။ေအာက္မွာပံု နဲ ့တကြ Code ေပးထားပါတယ္ဘေလာ့ဂါ မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ KP-3 မိသားစု
၁။Layout
၂။Edit Html
၃။Expand Widget Templatesမွန္ျခစ္လိုက္ပါ။
ေအာက္ကCode ကိုရွာပါ၊(Ctrl+F)
မွတ္ခ်က္။ ။ဘေလာ့ ID ကေအာက္မွာပံုနဲ ့တကြျပထားေပးပါတယ္။[Reply to comment]ေနရာမွာမိမိၾကိဳက္သ လိုျမန္မာလို ေရးလို ့လည္းရပါတယ္။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
၁။Layout
၂။Edit Html
၃။Expand Widget Templatesမွန္ျခစ္လိုက္ပါ။
ေအာက္ကCode ကိုရွာပါ၊(Ctrl+F)
<data:commentPostedByMsg/>ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။။
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=ဤေနရာမွာမိမိရဲ ့ဘေလာ့ ID ထည့္ေပးပါ&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a></span>၄။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။
မွတ္ခ်က္။ ။ဘေလာ့ ID ကေအာက္မွာပံုနဲ ့တကြျပထားေပးပါတယ္။[Reply to comment]ေနရာမွာမိမိၾကိဳက္သ လိုျမန္မာလို ေရးလို ့လည္းရပါတယ္။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၂၅၁၊ဘေလာ့မွာ KP-3 ရဲ႕ Horizontal Menu အသစ္ေလးသံုးခ်င္၇င္
အခုတင္တဲ့ Post ေလးကကေတာ့ဘေလာ့မွာ Horizontal Menu ကိုသံုးခ်င္တဲ့မိတ္ေဆြေတြအတြက္ပါ။ ဘေလာ့ႏွင့္၀က္ဆိုက္ဒ္တခုလံုးျပည့္စံုလွပေစေအာင္ Mune ကလည္းတကယ့္ကိုအေရးၾကီးဆံုးနဲ႕အဓိက လို႕ေျပာလို႕ရပါတယ္။ဒါေၾကာင့္အခုေနာက္ပိုင္းရတဲ့အခ်ိန္ေလးေတြမွာ Menu ပိုင္းေတြကိုဘဲတင္ျဖစ္ဖို႕ မ်ားမယ္ထင္ပါတယ္။သြားၾကည့္လို႕ရေအာင္ DEMO လင့္ခ္ေပးထားပါတယ္။
ဒီမွာသြားၾကည့္လိုက္ပါ။
၁။ Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
ဒီမွာသြားၾကည့္လိုက္ပါ။
၁။ Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ။
]]></b:skin>ေတြ ့ျပီဆို၇င္အေပၚမွာေအာက္က Css Code ကိုထည့္ေပးလိုက္ပါ။
#painters2 {
padding:0;
margin:0;
list-style-type:none;
}
#painters2 li {
width:75px;
height:20px;
float:left;
border:1px solid #000;
margin-right:2px;
}
#painters2 a em {
font-style:normal;
font-size:1em;
line-height:1.5em;
}
#painters2 a {
text-decoration:none;
color:#000;
position:absolute;
width:75px;
height:20px;
display:block;
text-align:center;
}
#painters2 a.red {background:#c00; color:#fff;}
#painters2 a.orange {background:#fc0; color:#000;}
#painters2 a.yellow {background:#ee0; color:#000;}
#painters2 a.green {background:#080; color:#fff;}
#painters2 a.blue {background:#00c; color:#fff;}
#painters2 a:hover {
width:120px;
height:28px;
z-index:200;
background:transparent url(../ads/opaque.gif);
}
#painters2 a:hover em {
font-size:1.5em;
line-height:1.1em;
overflow:hidden;
cursor:pointer;
background:#fff;
border:1px solid #000;
position:absolute;
width:120px;
height:25px;
left:-12px;
top:-4px;
}
#painters2 a:hover.red em {background:#c00;}
#painters2 a:hover.orange em {background:#fc0;}
#painters2 a:hover.yellow em {background:#ee0;}
#painters2 a:hover.green em {background:#080;}
#painters2 a:hover.blue em {background:#00c;}
၃။Save Template ေအာက္က Code Layout>>>Add a Gadget>>>HTML/JavaScript Add ထည့္ေပးလိုက္ပါ။<ul id="painters2">၄။Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။ ။
<li><a class="red" href="http://kp3family.blogspot.com#nogo"><em>kp3family</em></a></li>
<li><a class="orange" href="http://kp3family.blogspot.com#nogo"><em>kp3family</em></a></li>
<li><a class="yellow" href="http://kp3family.blogspot.com#nogo"><em>kp3family</em></a></li>
<li><a class="green" href="http://kp3family.blogspot.com#nogo"><em>kp3family</em></a></li>
<li><a class="blue" href="http://kp3family.blogspot.com#nogo"><em>kp3family</em></a></li>
</ul>
မွတ္ခ်က္။ ။kp3family ႏွင့္ kp3လင့္ခ္ေတြကိုမိမိရဲ ့လင့္ခ္ေတြနဲ ့အစားထိုးေပးလိုက္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၂၅၀၊ဘေလာ့မွာ KP-3 ရဲ႕ Drop Down Menu အသစ္ေလးသံုးခ်င္၇င္
အခုတင္တဲ့ Post ေလးကေတာ့မေမ်ာ္လင့္ဘဲနဲ႕တင္ျဖစ္သြားတယ္လို႕ေျပာရင္မွားမယ္မထင္ပါဘူး။ ဒီေန႕ တင္တဲ Post ကဒါနဲ႕ဆိုရင္ ႏွစ္ခုေပါ့ေနာ္ေနာက္တစ္ခုကေတာ့ kp3နည္းပညာ၊၂၄၉၊ရွိပါတယ္၊ ဘာတင္ရင္ ေကာင္းမွာလဲဆိုျပီစဥ္းစားရင္နဲ႕စိတ္ထဲမွာေပၚလာလို႕ Drop Down Menu အသစ္ေလးကိုသူမ်ားေတြနဲ႕ မတူေအာင္လုပ္မယ္ဆိုျပီးလုပ္ျဖစ္သြားတာပါ.အသစ္ေလးပါဘဲေအာက္မွာသြားၾကည့္လို႕ရေအာင္လည္းနမူ နာလင့္ခ္ႏွင့္တကြ Code ေလးေပးထားပါတယ္ပံုကိုေတာ့မထားေတာ့ဘူးေနာ္။ ဘေလာ့မိတ္ေဆြအားလံုးလည္းေက်းဇူးကမ႓ာ
ဒီမွာသြားၾကည့္လိုက္ပါ။
၁။ Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ။
Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။ ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
ဒီမွာသြားၾကည့္လိုက္ပါ။
၁။ Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ။
]]></b:skin>ေတြ ့ျပီဆို၇င္အေပၚမွာေအာက္က Css Code ကိုထည့္ေပးလိုက္ပါ။
#outside{
border:1px solid #000099;
background:#000099;
}
#navigation-1 {
padding:1px 0;
margin:0px;
list-style:none;
width:100%;
height:21px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
margin:0;
padding:0;
display:block;
float:left;
position:relative;
width:148px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#000099;
color:#ffffff;
width:148px;
height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#0066FF;
color:#ffffff;
width:146px;
height:13px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
margin:0;
padding:1px 1px 0;
list-style:none;
display:none;
background:#ffffff;
width:146px;
position:absolute;
top:21px;
left:-1px;
border:1px solid #000099;
border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
display:block;
}
#navigation-1 li ul.navigation-2 li {
width:146px;
clear:left;
width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
clear:left;
background:#000099;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #ffffff;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
clear:left;
background:#0066FF;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #ffffff;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
display:none;
margin:0;
padding:0;
list-style:none;
position:absolute;
left:145px;
top:-2px;
padding:1px 1px 0 1px;
border:1px solid #000099;
border-left:1px solid #000099;
background:#ffffff;
z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
background:#000099;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
background:#0066FF;
}
#navigation-1 li ul.navigation-2 li a span {
position:absolute;
top:0;
left:132px;
font-size:12pt;
color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
position:absolute;
top:0;
left:132px;
font-size:12pt;
color:#ffffff;
}
၃။Save Template ေအာက္က Code Layout>>>Add a Gadget>>>HTML/JavaScript Add ထည့္ေပးလိုက္ပါ။<head>
<link rel="stylesheet" type="text/css" href="/menu/menu_style.css" />
</head>
<div id="outside">
<ul id="navigation-1">
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a>
<ul class="navigation-2">
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a></li>
<li><a href=""http://kp3family.blogspot.com" title="" target="" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="" target="" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="" target="" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="" target="" >kp3family</a></li>
<li><a href="http://kp3family.blogspot.com" title="" target="" >kp3family</a></li>
</ul>
</li>
<li><a href="http://kp3family.blogspot.com" title="kp3famiy" target="_self" >kp3famiy</a>
</li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a>
</li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a>
</li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a>
</li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a>
</li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a>
</li>
<li><a href="http://kp3family.blogspot.com" title="kp3family" target="_self" >kp3family</a>
</li>
</ul>
</div>
Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။ ။
မွတ္ခ်က္။ ။kp3family ႏွင့္ kp3လင့္ခ္ေတြကိုမိမိရဲ ့လင့္ခ္ေတြနဲ ့အစားထိုးေပးလိုက္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၂၄၉၊မခမဲ့ Online ကေနမိမိရဲ ့Web Accounts ေတြကို Delate လုပ္ခ်င္၇င္
ဒါေလးကေတာ့အရမ္းကိုအသံုး၀င္မယ္ထင္လို ့တင္လိ္ုက္တာပါ၊က်ေနာ္တို ့မၾကိဳက္ေတာ့သည့္ ၀က္ဆိုက္ဒ္ သို ့ မဟုတ္တျခားအေကာင့္ေတြကို Online ကေနျပီ Delate လုပ္ခ်င္တဲ့ဘေလာ့ဂါမိတ္ေဆြေတြရွိခဲ့ ရင္ေပါ့ ေနာ္။ အရမ္းလည္းသံုးရတာအဆင္ေျပပါတယ္မၾကိဳက္တဲ့ Accountsေတြကို Delate လုပ္တာလည္းပိုျမန္တာ ေပါ့ေနာ္။ ေနာက္မွာ DelateAccounts ရဲ ့လင့္ခ္ေလးနဲ႕Websites အခ်ိဳ ့ရဲ ့ နာမည္ေတြပါထည့္ေပးထားပါ တယ္။ ဘေလာ့မိတ္ေဆြအားလံုးလည္းေက်းဇူးကမ႓ာ
၁။Delete Your Account ကို၀င္သြားပါ။ေအာက္ပံုအတိုင္းေတြ ့ရမွာပါ။
ေအာက္မွာဥပမာ၀က္ဆိုက္ဒ္အခ်ိုဳ ့
၁။Delete Your Account ကို၀င္သြားပါ။ေအာက္ပံုအတိုင္းေတြ ့ရမွာပါ။
ေအာက္မွာဥပမာ၀က္ဆိုက္ဒ္အခ်ိုဳ ့
- eBay
- Flickr
- FriendFeed
- Amazon
- AOL Instant Messenger (AIM)
- Digg
- Hotmail
- iTunes
- Meebo
- Monster
- MyBlogLog
- MySpace
- Wikipedia
- WordPress
- OkCupid
- Yahoo
- YouTube
- LiveJournal
- Orkut
- PayPal
- The Pirate Bay
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
Subscribe to:
Comments (Atom)



