..စမ္းသပ္ၿခင္းၿဖစ္ေနလို႕ သီးခံအၾကံေပးက်ပါခင္ဗ်ာ ခ်မ္းေျမ့ပါေစ


လာေရာက္လည္ပတ္သူအားလံုးကိုေဗဒါအိုင္တီနည္းပညာစမ္းသပ္ ၿခင္းမွထူးေက်းဇူးတင္ရိွပါတယ္ခင္ ဗ်ာ



glitter-graphics.com

Monday, December 10, 2012

ဘေလာ့ေခါင္းစဥ္ေတြကလစ္တာနဲ႕ စာမ်က္ႏွာအသစ္နဲ႕ေပၚေအာင္




 မဂၤလာပါဗ်ာ ဒါေလးကေတာ့ အမွတ္တမဲ့နဲ႕ သတိမမူဂူမျမင္ျဖစ္တတ္တဲ့ နည္းပညာေလးတစ္ခုပါဘဲ
လုံး၀လြယ္ကူလြန္းေတာ့ လူေတြကအမွတ္မထားၾကတတ္ပါဘူးး က်ေနာ္ကုိယ္တိုင္ မွတ္မွတ္ရရ ရွိခဲ့ဖို႕  ဘေလာ့ သုံးခုေလာက္လုပ္ျပီးမွ  မွတ္သားခဲ့မိလို႕ပါ...ဘာလဲဆိုေတာ့... မိမိတို႕ဘေလာ့ကေခါင္းစဥ္ေတြကို ကလစ္လိုက္တာနဲ႕ ရွိေနတဲ့ စာမ်က္ႏွာမွ မဟုတ္ဘဲ စာမ်က္ႏွာအသစ္နဲ႕ New Tab လို႕ေခၚမလား New Window ေခၚမလားး ၾကိဳက္တာေခၚ... ေျပာျခင္တာေတာ့ ေနာက္စာမ်က္ႏွာတစ္ခုနဲ႕ သြားပြင့္တာကိုပါ...အဲတာကေတာ့ မိမိတို႕ menu link ေတြကို စာလုံးေလး ႏွစ္လုံးေလာက္ တိုးထည့္ေပးယုံေလးပါဘဲ....
ကဲလိုျခင္သူယူေပါ့ဗ်ာ........မလိုေတာ့လဲ ေက်ာ္လုိက္ေပါ့..

မိမိတို႕ Tab Menu Link ေတြကသည္လိုရွိပါတယ္... သည္မူရင္းလင့္ကိုဘဲ  target="new"  ဆိုတာေလး ထပ္ေပါင္းထည့္ေပးလို္ကတာပါဘဲ...

< href="http://aungsanmks.blogspot.com">ဘေလာ့ပညာ< /a >

ထည့္လိုက္ျပီေနာ္ သည္လိုေလးျဖစ္လာတယ္...

 < href="http://aungsanmks.blogspot.com" target="new">ဘေလာ့ပညာ< /a >

သတိျပဳရမွာက    စာလုံးေလးကို မိမိတို႕ ဘေလာ့လင့္ေနာက္က ထည့္တဲ့အခါမွာ ကပ္ထည့္လိုက္ရင္ တခါတရံ လင့္ေတြ အလုပ္မလုပ္တတ္တာ ၾကံဳဘူးပါတယ္..
ထည့္ျပီးတာနဲ႕  Preview နဲ႕ေသျခာ ၾကည့္ေစလိုပါတယ္... အိုေက...တက္ပလက္ အလုပ္မလုပ္ဘူးဆိုပါေတာ့...    target="new" စာလုံးေလးကို  < href="http://aungsanmks.blogspot.com"  ေနာက္မွာ space တခ်က္ျခားထည့္ေပးလိုက္ပါ။
တခ်က္ခြါထည့္တာေပါ့ေနာ္.... က်ေနာ့္ရဲ႕လင့္ေနရာကို မိမိတို႕လင့္နဲ႕ အစားထိုးေပးပါ။

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

www.aungsanmks.blogspot.com 
www.ledimyethar.com 
တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

Css Menu Bar ေလးတည္ေဆာက္ၾကမယ္





သည္နည္းပညာေလးကေတာ့ Menu လွလွေလးတ္ညေဆာက္လိုသေူတြအတြက္ အေထာက္ကူျပဳေစမဲ့ နည္းလမ္းေလးတစ္ခုပါ... ဘေလာ့မိတ္ေဆြတို႕ သိၾကမွာပါ  Menu ဆိုတာ တက္ပလက္တိုင္းေအာ္တိုမပါဘူးဆိုတာေပါ့..အဲလို ေအာ္တိုမပါတဲ့ ဟာေတြနဲ႕ ေတြ႕တဲံအခါ က်ေနာ္တို႕အေနနဲ႕ အခက္ခဲ ျဖစ္ေစပါတယ္.. ဥပမာဗ်ာ... ကိုယ္က သည္တက္ပလက္ဒီဇိုင္းေလးကို
ၾကိဳက္ေနတယ္.. ေဟာ..ဒါေပမယ့္ Menu ေတြပါမလာဘူးးးဆိုပါေတာ့... အဲလိုေတြ႕တဲံအခါ ဒါေလးက အသုံး၀င္လာျပီေလ.. ဒါေၾကာင့္ ဘေလာ့တစ္ခု လုပ္ျပီဆိုရင္ေတာ့  Menu ကိုလည္း ကိုယ္တိုင္ထည့္တတ္မွ ျဖစ္မွာပါ...သည္စိတ္ကူးေလးနဲ႕  Menu Tab ေတြကိုတင္ျပေပးလိုက္တာပါ..
ထည့္နည္းေလးကိုရွင္းျပပါ့မယ္..ေနာ္...

အဆင့္   (၁) ...........
►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

]]></b:skin>   ကုဒ္ကိုရွာလိုက္ပါ ေတြ႕တာနဲ႕ သူ႕အေပၚကပ္ျပီး ေပးထားတဲ့ ေအာက္ကကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ...

/* The CSS Code for the menu starts here */
.rhm1{
 width:780px;
 height:64px;
 margin:0 auto;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdcE_dmCyojZiHRHUmQ737v-rKTFQN8W0XtuDQ7uahiwbIgIl9c4Ny9vzUDu_qrpfiK-hA_uAe36ABS0qm1gfnNQapAUuX-9f94noX9D0qulbcqJWNa_rjiBCnMHjOmgYtypRJdXEnSI/s1600/rhm1_bg.gif) repeat-x;  
}
.rhm1-left{
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFgkSGwufb3EY0SLxAc3uNBMGiOtFfsKQNho7ppVNfNp-0PQN-yN2aB-FkO6WFByG2A1Wn1DWIwOmE7_YsZ9KUqK6zNNHI0dp8tczI_-rbmNomq0NTZQqhmPi0_FCML_KGabVuRpiCDbk/s1600/rhm1_l.gif) no-repeat;
 width:15px;
 height:64px;
 float:left;
}
.rhm1-right{
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM_mDC1RCkia271FIEmNBCY_hkBkknVLoSmpN9ype48SOv0x8eAHMB2t1f6ph5Jch_311nlsQlT_4BTXHAgzOVCh0TLw5g5JR8QdVwYVPpTj4tJFyAC1lP4SKjQ3rpi4z5vw4Sxwp_-ts/s1600/rhm1_r.gif) no-repeat;
 width:15px;
 height:64px;
 float:right;
}
.rhm1-bg{
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdcE_dmCyojZiHRHUmQ737v-rKTFQN8W0XtuDQ7uahiwbIgIl9c4Ny9vzUDu_qrpfiK-hA_uAe36ABS0qm1gfnNQapAUuX-9f94noX9D0qulbcqJWNa_rjiBCnMHjOmgYtypRJdXEnSI/s1600/rhm1_bg.gif) repeat-x;
 height:64px;
}
.rhm1-bg ul{
 list-style:none;
 margin:0 auto;
}
.rhm1-bg li{
 float:left;
 list-style:none;
}
.rhm1-bg li a{
 float:left;
 display:block;
 color:#ffe8cc;
 text-decoration:none;
 font:12px 'Lucida Sans', sans-serif;
 font-weight:bold;
 padding:0 0 0 18px;
 height:64px;
 line-height:40px;
 text-align:center;
 cursor:pointer; 
}
.rhm1-bg li a span{
 float:left;
 display:block;
 padding:0 32px 0 18px;
}
.rhm1-bg li.current a{
 color:#fff;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY8PrFtVWg_XTRWRbeUCEP9yBKUQ5S77W_5gkDHygTi9VsoVZfAQMtIfj85x_WTKPjXimkraTSk1dQu0x2CyIWbGnvWTMuRadMlLtt74BEhC843I_0kAhygiT81IOb4tN_9Y3emrzYT4Q/s1600/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
 color:#fff;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbVgvXAFIFXIsf3kTw-qS6fACXDyObEqm0Bw41EMtRBu1FMGmkzR6xVm-Ww8Grc5FXnfnzBEbFPZQJ7C-iTU0af68l0NkmNLQo2YajFRgaxzl1E763zmiS6ax2QbBjdg5vMY9PAe4lozU/s1600/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
 color:#fff;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY8PrFtVWg_XTRWRbeUCEP9yBKUQ5S77W_5gkDHygTi9VsoVZfAQMtIfj85x_WTKPjXimkraTSk1dQu0x2CyIWbGnvWTMuRadMlLtt74BEhC843I_0kAhygiT81IOb4tN_9Y3emrzYT4Q/s1600/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
 color:#ffffff;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbVgvXAFIFXIsf3kTw-qS6fACXDyObEqm0Bw41EMtRBu1FMGmkzR6xVm-Ww8Grc5FXnfnzBEbFPZQJ7C-iTU0af68l0NkmNLQo2YajFRgaxzl1E763zmiS6ax2QbBjdg5vMY9PAe4lozU/s1600/rhm1_hover_r.gif) no-repeat right 5px;
}

ျပီးတာနဲ႕ မိမိတို႕ တက္ပလက္ကို save လိုက္ပါ။

အဆင့္   (၂)  ..............
ေနာက္တဆင့္ကေတာ့....သည္လိုေလးေပါ့...
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<!--fobbleup.blogspot.comMenuBar Starts-->
<div class="rhm1">
<div class="rhm1-right"></div>
<div class="rhm1-left"></div>
<div class="rhm1-bg">
<ul>
 <li class="current"><a href="#"><span>Home</span></a></li>
 <li><a href="#"><span>ကဗ်ာ</span></a></li>
 <li><a href="#"><span>ဗဟုသုတ</span></a></li> 
 <li><a href="#"><span>တရားေတာ္</span></a></li>  
 <li><a href="#"><span>သတင္း</span></a></li> 
</ul>
</div>
</div>

ဒါဆို မိမိဘေလာ့မွာ လွပတဲ့ menu ေခါင္းစဥ္တန္းေလး ရရွိေနပါျပီေနာ္...
မွတ္ခ်က္ ။    ။ အနီေရာင္ အမည္ေတြမွာ မိမိႏွစ္သက္ရာ ထားေပးပါ..
                   #  သည္ေနရာိကုေတာ့ မိမိတို႕ ဘေလာ့ labels ကလင့္ေတြနဲ႕ အစားထိုးလိုက္ပါ..
လင့္ခ်ိတ္ေပးရမယ္ေပါ့..လင့္ ခ်ိတ္နည္းကို မသိေသးသူမ်ားအတြက္  သည္ေနရာမွာေလ့လာနိဳင္တယ္ေနာ္....ခုနည္းလမ္းေလးက ခ်ိတ္ရတာ ပိုလြယ္ကူပါတယ္.. html ထဲကိုသြားစရာေတာင္မလိုပါဘူးး အဆင့္ (၂)  မွာ ထည့္ထားတဲ့ Html/Javascript ေလးကို Edit ကေနကလစ္ျပီးဖြင့္ထားလုိက္ပါ... မိမိဘေလာ့ေပၚက Labels ကေန  Copy Link Location ယူျပီး
# သည္ေနရာေလးမွာ past ခ်ေပးလိုက္ယုံပါဘဲ...မရွင္းပါက ေအာ္ခဲ့ပါ... ခ်ိတ္နည္း ပို႕စ္ တင္ေပးပါ့မယ္ဗ်ာ...........

ေအာင္ေအာင္(မကစ)
www.ledimyethar.com
www.aungsanmks.blogspot.com
တို႕မွာ လာေရာက္ေျပာဆိုနိဳင္ပါတယ္...

အလြယ္ကူဆုံး Button Tab Menu ထည့္နည္းလာျပီေနာ္





ကဲဗ်ာ ဘေလာ့ကာ မိတ္ေဆံအေပါင္းတို႕အတြက္ သတင္းေကာင္း နည္းလမ္းေကာင္းေလးတစိခု
မွ်ေ၀ လုိက္ပါရေစ... ဘေလာ့မွာ ေခါင္းစဥ္လို႕ေခၚတဲ့ Tab Menu အတြက္ရင္ေလးေနေစတဲ့သူမ်ားအတြက္ပါ.. ကြ်န္ေတာ္ အရင္ပို႕စ္ေတြမွာလဲ Menu အေၾကာင္းအေတာ္မ်ားမ်ား တင္ျပခဲ့ဘူးပါျပီ... ဒါေလးကေတာ့ သူတို႕နဲ႕မတူ တမူထူးျခားဆိုသလိုေပါ့... အရမ္းကို လြယ္ကူျပီး ရိုးးရွင္းလြန္းလွပါတယ္... အမွန္တကယ္လဲ
လိုအပ္တဲ့ နည္းလမ္းေလးဆို မမွားပါဘူးး  ဘာေၾကာင့္ဆိုေတာ့  တက္ပလက္ ေတြဟာ  Tab Menu
ေအာ္တိုမပါတတ္သလို ပါလာတာက်ေတာ့လဲ မႏွစ္သက္တတ္ၾကတဲ့ ျပႆနာေလးေတြ ကြ်န္ေတာ္ကိုယ္တိုင္ပင္ ၾကံဳဘူးပါရဲ႕... အဲအတြက္ ေထာက္ထားစာနာလို႕ မွ်ေ၀တင္ျပလိုက္ရပါတယ္... ဒါကေတာ့ ကြ်န္ေတာ့အေနနဲ႕ေတာ့..  ေတြ႕သမွ်...သိသမွ်
အရိုးရွင္းးဆုံးး  အလြယ္ကူးဆုံးးလို႕ဘဲ   ယူဆမိပါတယ္...သူက Button ပုံစံေလးနဲ႕မို႕
လွလည္းလွတယ္ဗ်ာ.. Dropdown မဟုတ္ေပမယ့့္   အရမ္းလွပါတယ္... အေပၚပုံေလးအတိုင္းပါဘဲ
လုပ္နည္းနဲ႕ ကုဒ္ေတြကို ေအာက္မွာ ေလ့လာပါ...

ထည့္နည္းးးးးးးးးးး

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<a href="#"><button>မူလစာမ်က္ႏွာ</button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">ဘေလာ့ပညာမ်ား</span></button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">ေဆာ့၀ဲလ္မ်ား</span></button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">Gmail-Gtalk</span></button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">Facebook</span></button></a>

<a href="#"><button><span style="color: rgb(51, 51, 255);">နည္းလမ္းေထြေထြ</span></button></a>


ေနာက္ထပ္ တိုးပြါးလိုအပ္ပါက ေအာက္ကေန လိုသေလာက္ပြါးးမာ်းနိဳင္ပါတယ္.. ေအာက္ကကုဒ္ကို ယူပြါးလိုက္ၾကပါေနာ္...

<a href="မိမိေခါင္းစဥ္ရဲ႕ URL လင့္"target="new"><button><span style="color: rgb(51, 51, 255);">ေခါင္းစဥ္အမည္</span></button></a>


မွတ္ခ်က္    ။            ။  #  သည္ေနရာမွာ မိမိတို႕ လင့္ေတြကိုအစားထိုးပါ။
                                   ေခါင္းစဥ္အမည္ေတြေတာ့ ၾကိဳက္ရာေရးနိဳင္ပါတယ္...

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...
www.aungsanmks.blogspot.com 
www.ledimyethar.com တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္

Image Menu ေလးေတြဖန္တီးၾကည့္ရေအာင္





How to add CSS image moving menu to blogger
 ခုတင္တဲ့ နည္းပညာေလးကေတာ့ ေခါင္းစဥ္ေတြကို ပုံေလးေတြနဲ႕ထူးဆန္းသလို အရမ္းလဲ လွပါတယ္...ဗ်ာ... ပုံေလးေတြက ေမာက္တင္တာနဲ႕ လွဳပ္ရွားေနတာပါ..အခ်ိန္မရလို႕
သည္မွာ  ဘဲ သြားၾကည့္လိုက္ပါေနာ္... မူရင္းဆိုဒ္ပါ
က်ေနာ္ ေတြ႕ ရွိတာေလးေတြကို အျမဲစမ္းသတ္ျပီးမွ တင္ေလ့ရွိပါတယ္.. ဒါေလးကိုေတာ့ အခ်ိန္မရတာနဲ႕  တင္လို္ကပါတယ္.. ကိုယ္တိုင္စမ္းသတ္ ၾကည့္ေစလိုပါတယ္...
ထည့္နည္း.............

  အဆင့္....(၁)......
►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

]]></b:skin> ေတြ႕တာနဲ႕ သူ႕ေရွ႕ကေန  ေပးထားတဲ့ ေအာက္ကကုဒ္ေတြကို ထည့္ေပးလို္ကပါေနာ္။


#imagemove {            
        padding:0;             
        margin-left:30px;             
        list-style-type:none;             
        height:120px;             
        }             
#imagemove li {             
        display:block;             
        float:left;             
        width:120px;             
        height:120px;             
        position:relative;             
        margin:0 15px 7px 0;             
        }             
#imagemove li a {             
        display:block;             
        width:120px;             
        height:120px;             
        background:transparent;             
        overflow:hidden;             
        position:relative;             
                padding:5px;             
        } 
#imagemove li a img {            
        width:100%;             
        height:100%;             
        border:0;             
        margin-right:30px;             
        padding:5px;             
        }             
#imagemove li a:hover{             
        position:absolute;             
        left:0px;             
        top:20px;             
        padding:5px;             
        width:120px;             
        height:120px;             
        z-index:100;             
        }

ျပီးတာနဲ႕ ေဆ့လုိ္ကပါေနာ္....

အဆင့္...(၂)......

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ



<ul id="imagemove">              
<li><a href="http://www.fobbleup.blogspot.com/"><img alt="menu 1" src="http://i43.tinypic.com/2arep5.png" title="home"/>home</a></li>

<li><a href="http://www.fobbleup.blogspot.com/"><img alt="download" src="http://i41.tinypic.com/20pxbmc.png" title="download"/>download</a></li>

<li><a href="http://www.fobbleup.blogspot.com/"><img alt="music" src="http://i41.tinypic.com/2rhqtlf.png" title="menu 3"/>menu 3</a></li>  

<li><a href="http://www.fobbleup.blogspot.com/"><img alt="feed" src="http://i40.tinypic.com/vqkvbl.png" title="feed"/>feed</a></li>  

<li><a href="http://www.fobbleup.blogspot.com/search?max-results=200"><img alt="search" src="http://i44.tinypic.com/2lus08g.png" title="search"/>search</a></li>               
</ul>

 မွတ္ခ်က္ ။                 ။
* မိမိတို႕လင့္နဲ႕အစားထိုးလိုက္ပါ.. http://www.fobbleup.blogspot.com/ 
* အစိမ္းေရာင္ ျပထားတဲ့ ေနရာလင့္ေတြဟာ  ပုံ ရဲ႕လင့္ေတြပါ ၾကိဳက္သလို ေျပာင္းလဲ နိဳင္ပါတယ္..
ပုံေလးေတြ ဖန္တီးျပီး အဲေနရာမွာ အစားထိုးေပးလုိက္ပါ။ 
  save, လုိက္ေတာ့ေပါ့..ျပီးပါျပီ...

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက... www.aungsanmks.blogspot.com www.ledimyethar.com တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

ဘေလာ့ပို႕စ္တြင္...ကုဒ္မ်ားကိုဇယားကြက္ေလးနဲ႕တင္နည္း




ကဲဗ်ာ  ခုတင္တဲ့ နည္းပညာေလးကေတာ့  လူသိ္မ်ားၾကမယ္ထင္ပါတယ္... ဒါေပမယ့္ ေတာင္းဆိုတာေလးရွိလာလို႕ တင္ျပလိုက္ပါတယ္..ပို႕စ္တင္တဲံအခါ ကုဒ္ေတြအရမ္းမ်ားလာရင္ အလြတ္တင္တာထက္  ဇယားကြက္ေလးနဲ႕  တင္ေပးးတာ ေသသပ္လွပသလို ၾကည့္ရတာလည္းအျမင္ရွင္းေစပါတယ္.. ဒါေၾကာင့္ ကြ်န္ေတာ္ ကုဒ္ေတြ တင္တဲ့အခါ ကုဒ္မ်ားလာရင္ သုံးတဲ့  နည္းလမ္းေလးကို မွ်ေ၀လို္ကပါတယ္...

kaihtooအကိုဘေလာ့မွာ code ေတြ post တင္ရင္ဇယားအကြက္တင္တာဘယ္လိုလုပ္မလဲအကို က်ေနာ္ေဘာလံုးပြဲဇယားတင္မလို႔ code ေတြ႐ႈပ္ေနေရာပဲဗ်..

ကဲ..လုပ္နည္းနဲ႕ ကုဒ္ကို ေသျခာရွင္းျပလိုက္ပါတယ္..
အဆင့္  (၁)..................


သူကေတာ့ စစခ်င္း မိမိတို႕ ပို႕စ္တင္တဲ့ေနရာ သြားလုိက္ပါ... အဲမွာဘဲ အေပၚက html ဆိုတာကလစ္လိုက္ပါ.. ကုဒ္အခ်ိဳ႕က်လာမယ္ဗ်ာ...ဖ်က္ျပစ္လုိက္ပါ....ေနာက္ကြ်န္ေတာ္ ေပးမယ့္ ဇယားကြက္ကုဒ္ေလးကို   ေကာ္ပီယူ ထည့္လုိက္ပါ...
ထည့္ရန္ကုဒ္....


<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="border: 2px solid #DF01D7; height: 300px; overflow: auto; padding:
 &lt;wbr&gt;10px; width: &lt;div&gt;&lt;wbr&gt;320px;">

 သည္ကုဒ္ေလးကိုဘဲ လက္စြဲ မွတ္ထားၾကေပေတာ့ဗ်ာ.. အနီေရာင္ေနရာေတြမွာ ေျပာင္းသုံးနိဳင္ပါတယ္.....အကယ္လို႕ မိမိတို႕က ဇယားေလးအေပၚမွာ စာသားေတြ ေရးအုံးးမယ္ ဘာဘာညာညာထည့္အုံးးမယ္ ဆိုပါေတာ့... ကုဒ္ရဲ႕ေရွ႕ဆုံးကို ေမာက္ခ် enter ကို သုံးခ်က္ေလာက္ ေခါက္ေပးလိုက္ပါ ကုဒ္ေတြ ေအာက္က်သြားးမယ္.. အဲမွ စာမ်က္ႏွာ အေပၚဆုံးကို ေမာက္ခ်ကလစ္ျပီး စာေလး တလုံးေလာက္ ေရးထားလုိက္ေပါ့.... ဇယားေအာက္ကိုလဲ ထိုနည္းတူပါဘဲ.. ဇယားကုဒ္ေတြနဲ႕ ေအာက္မွာ ခပ္ခြါခြါေလးကေန စာေလးတလုံးေလာက္ေရးထားလို္ကပါ... မဟုတ္ရင္  ဇယားက အေပၚဆုံးကပ္ေနျပီး  စာေရးဖို႕ ခက္ပါမယ္.. Compose ကိုမကလစ္မွီ... ခုေျပာသလို စာေလးတလုံးစီ အထက္ေအာက္ ေရးထားလိုက္ပါ...ဥပမာ.....ကြ်န္ေတာ္...ေပါ့...
အိုေက ျပီးတာနဲ႕  အထက္က Compose ဆိုတာ ကလစ္လိုက္ပါ။

အဆင့္  (၂)  ....................
 Compose ကိုကလစ္တာနဲ႕ သည္လိုေလး ဇယားကြက္ေလးေပၚလာပါျပီ...ဒါဆို မိမိတို႕ ထည့္လိုတဲ့
ကုဒ္ေတြကို ဘယ္ေလာ္ကမ်ားမ်ားဗ်ာ...ေကာ္ပီယူသာ ဇဝားကြက္ထဲကို  ထည့္ေပးလိုက္..သူ႕ဘာသာ ေဘးက ဆြဲခ် ဆြဲတင္တာေလး ေအာ္တိုတက္လာမယ္...
ဒါက အလြယ္ကူဆုံးးနဲ႕  အရိုးရွင္းဆုံး ရွင္းျပတာပါ... ဘေလာ့ကာထဲ၀င္လာခါစ  သယ္ရင္းးမ်ား နားလည္လြယ္ကူေစရန္အတြက္ပါ..ဆရာ့ဆရာ ၾကီးးေတြေတာ့  မပါဘူးးေနာ္....ဟဲဟဲ...
ကဲ ျပီးပါျပီ...ဗ်ာ............အဆင္ေျပပါေစ...

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...
www.aungsanmks.blogspot.com 
www.ledimyethar.com တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

Sunday, December 9, 2012

Home Page မွာ Post Title သာေပၚေစျခင္ရင္





 လာျပီေနာ္.. ကိုအာကာေရးတဲ့နည္းပညာေလးတစ္ခု သေဘာက်တာနဲ႕ သိမ္းထားတာ ၾကာျပီ
ခုမွဘဲ ထုတ္ရေတာ့တယ္..ဟဲဟဲ... ဒါေလးကေတာ့ မိမိတို႕႔ ေရးတဲ့ပို႕စ္ေတြကို HOME PAGE မွာ
Post Title ေလးေတြသာ ေပၚေအာင္ ဖန္တီးတဲ့နည္းေလးပါ..သိပ္ေတာ့ မသုံးၾကပါဘူးး ေတြ႕တာ နည္းတယ္... ဒါေပမယ့္ လိုလိုမယ္မယ္ေပါ့ေနာ္.. မွတ္သားထားေပါ့ အေရးၾကံဳေတာ့ ထုတ္သုံးနိဳင္တာေပါ့...

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

</head>

ကိ္ုရွာပါ ေတြ႕တာနဲ႕ သူ႕ေအာက္ကေန ကပ္ျပီး ေပးထားတဲ့ကုဒ္ေတြထည့္လုိက္ပါ။

<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}


.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}


.post h3 strong, .post h3 a:hover {color:#333333;}


.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}


</b:if>


</style>

5.    SAVE TEMPLATE


ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimyethar.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
မွတ္စုစာအုပ္ http://aungsan96.blogspot.com/
ဓမၼဗိမာန္ http://ninilayy.blogspot.com/

♥ သင့္အျမင္ ♥

ဘေလာ့ ေခါင္းစဥ္ ထည့္နည္း ႏွင့္ လင့္ခ်ိတ္နည္းအျပည့္စုံ




သည္နည္းေလးေကတာ့ ဘေလာ့ကာရဲ႕ မူရင္းတက္ပလက္ေတြ အတြက္ ပိုအသုံးး၀င္ပါတယ္..
ဘာေၾကာင့္လဲ ဆိုေတာ့  မူရင္းေတြမွာ Tab Menu ဆိုတဲ့ ေခါင္းစဥ္ေတြ မပါတတ္လို႕ပါ.. ခ်ိန္းထားတဲ့ တက္ပလ္ကေတြကေတာ့ ေအာ္တိုပါတတတ္ပါတယ္..
သည္နည္းေလးေကတာ့  ထည့္ရတာ လြယ္ကူသလို... လင့္ခ်ိတ္တဲ့ ေနရာမွာလည္း အရမ္းရိုးရွင္းလြန္းလွပါတယ္..ကဲစၾကမယ္ေနာ္  ပုံေလးေတြ နဲ႕ ရွင္းျပပါ့မယ္...

ေတာင္းဆိုသူးကေတာ့
 နည္းပညာထားဝယ္ေျမhttp://www.mgnyiko.blogspot.com/ ကပါခင္ဗ်ားက်ေနာ္ဝက္ဆုိဒ္မွာ HOME တခုတဲျဖစ္ေနလုိ႕ပါ..ေျပာျပပါလားဗ်..နည္းပညာ ဘေလာ႕ စာမ်က္နွာ သီခ်င္း ဒီလုိေလးလုပ္ခ်င္တာ.


   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Page Elements
   ►4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►6.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ


<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #555; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="မိမိဘေလာ့လိပ္စာ"><span>မူလစာမ်က္ႏွာ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ဘာသာေရး</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>နည္းပညာ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ဗဟုသုတ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ကဗ်ာ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ဟာသ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ေဆာ့၀ဲလ္</span></a></li>
<li><a  href="မိမိဘေလာ့လိပ္စာ"><span>ဆက္သြယ္ရန္</span></a></li>  
  
<li></li></ul></div>

မိမိဘေလာ့လိပ္စာေနရာမွာ မိတ္ေဆြတို႕ ဘေလာ့ URL ထည့္ေပးလိုက္ပါ။
ေနာက္က ေခါင္းစဥ္ေတြေတာ့ စိတ္ၾကိဳက္ ေရးနိဳင္ပါတယ္.....
မိမိတို႕ ဘေလာ့ ထိပ္ဆုံး မွာ ထားေပးလိုက္ပါ ေခါင္းစဥ္ေတြ ျမင္ေတြ႕ေနရပါျပီေနာ္....


လင့္ခ်ိတ္နည္းးး အေသးစိတ္။         ။ 

ကဲလင့္ခ်ိတ္ၾကမယ္ဗ်ာ... အရမ္းလြယ္ကူပါတယ္.. ပထမဆုံးေျပာျခင္တာက..
အထက္က နည္းလမ္းအရ  ျပဳလုပ္ထားတဲ့  ေခါင္းစဥ္ ေဘာက္ေလးကို ဖြင့္ထားလုိက္ပါ။
ေနာက္ မိမိတို႕ ဘေလာ့စာမ်က္ႏွာကိုလဲ ဖြင့္ထားေပးရမယ္....
ဘာလဲဆိုေတာ့  အဲႏွစ္ခု ယွဥ္ျပီး ဖြင့္ထားလိုက္ပါ... ဒါမွ ...လင့္ခ်ိတ္တဲ့အခါ လြယ္ကူမွာမို႕ပါ။
ပုံေလးၾကည့္လိုက္ ရွင္းမယ္..


အဆင့္ (၁)  ။               ။  ေခါင္းစဥ္ ဇယားေလးနဲ႕  ဘေလာ့ ႏွစ္ခု ယွဥ္ဖြင့္မယ္။
အဆင့္ (၂)  ။               ။  ဘေလာ့ေပၚက ေခါင္းစဥ္ေတြကို တစ္ခုခ်င္းစီ ခ်ိတ္ၾကမယ္..။
အဆင့္ (၃)  ။               ။  ေခါင္းစဥ္ေပၚ ေမာက္တင္ ညာကလစ္ ေပးပါ။
အဆင့္ (၄)  ။               ။  အဲထဲက copy link location ကိုကလစ္ျပီးေကာ္ပီယူလုိက္ပါ။
                                     (ကလစ္တာနဲ႕ ေကာ္ပီျပီးသားပါ)
အဆင့္ (၅)  ။               ။  ဘယ္ဘက္က ေခါင္းစဥ္ဇယား ထဲက မိမိဘေလာ့ခ်ပ္စာ ဆိုတဲ့ေနရာမွာ
                                    အထက္က ေကာ္ပီယူလာတာကို  Psat  ခ်ေပးလိုက္ပါ။
အဆင့္ (၆)  ။               ။ ေခါင္းစဥ္တစ္ခု လင့္ခ်ိတ္ျခင္းေအာင္ျမင္ပါျပီ။

မွတ္ခ်က္ ။              ။ က်န္ေခါင္းစဥ္မ်ားကိုလည္း အဲနည္းအတိုင္း ခ်ိတ္သြားလိုက္နိဳင္ပါျပီ ။  ။
                            သတိေပးျခင္တာကေတာ့  ေခါင္းစဥ္ေတြကို တၾကိမ္တည္း အျပီးခ်ိတ္နိဳင္တာ
ပိုေကာင္းပါတယ္... ခဏခဏ၀င္ရင္ မွားတတ္လို႕ပါ... အဲအတြက္ မိမိတို႕ ဘေလာ့ေပၚမွာ လိုျခင္တဲ့
ေခါင္းစဥ္ေတြအတိုင္း အဦးဆုံး ပို႕စ္တစ္ခုဆီေတာ့  တင္ထားသင့္ပါတယ္.. ဒါမွ တၾကိမ္ တခါတည္းနဲ႕  အိုေကမယ္.... ကဲ သည္ေလာက္ဆို ရွင္းပါျပီေနာ္... ဒါမွ မရွင္ပါက
ေအာ္ခဲ့ပါအုံးးေနာ္....

သိထားဖို႕ကေတာ့ သည္နည္းလမ္းက.. ဘေလာ့ရဲ႕ Layout..Java/Script ကေနထည့္တဲ့ ေခါင္းစဥ္ေတြအတြက္...ထည့္နည္း ခ်ိတ္နည္းပါ.... ဘေလာ့တက္ပလက္က ေအာ္တိုပါလာေသာ
ေခါင္းစဥ္ ေတြအတြက္   လင့္ခ်ိတ္နည္းကို     သည္ေနရာေလးမွာ   ဆက္လက္ေလ့လာလိုက္ပါ။

တုန္႕ျပန္မွဳအေနနဲ႕ fb like ခဲ့ပါ  မန္ဘာ၀င္ အားေပးပါ လို႕ ေတာင္းဆို ရင္းေလးစားစြာျဖင့္
ေအာင္ေအာင္(မကစ)
www.aungsanmks.blogspot.com
www.ledimyethar.com 
လိုအပ္ပါက..............
တို႕မွာ လာေရာက္ ေရးသားေတာင္းဆိုနိဳင္ပါတယ္..

Related Posts Plugin for WordPress, Blogger...