လာေရာက္အားေပးသည္အတြက္ အထူးေက်းဇူးတင္ပါသည္။
လာေရာက္လည္ပတ္ေသာ မိတ္ေဆြအေပါင္း ကာယသုခ စိတၱသုႏွစ္ပါးႏွင့္ျပည့္စံုၾကပါေစ မအားလပ္သည့္အတြက္ ကၽြန္ေတာ္စာမ်က္ႏွာ လွည့္မၾကည့္မိတာ ပရိတ္သတ္မ်ားအား အရမ္းအာနာပါတယ္ဗ်ာ။ ခြင့္လြတ္ေပးႏိုင္မည္လိုယံုၾကည္ပါတယ္။ လိုအပ္ခ်က္ေလး/ခံစားခ်က္ေလး ရွိရင္ မွန္႔မွာ ေျပာခဲ့ပါ ေက်းဇူးတင္ပါတယ္၊။ ေမာင္၀ံသ (တနသၤာရီ)
Showing posts with label ဘေလာ့နည္းပညာ. Show all posts
Showing posts with label ဘေလာ့နည္းပညာ. Show all posts

May 22, 2016

Blog အတြက္ Textarea လန္းလန္းေလး မ်ား

 ကၽြန္ေတာ္ blog မိတ္ေဆြမ်ား အတြက္  textarea ေလးေတြ တင္ျပလိုက္ပါတယ္ textarea ကို အသံုးျပဳျပီး ေရမယ္ ဆိုရင္ေတာ့  Post ေရးတဲ့ အခါမွာ  HTML နဲ ့ေရးရမွာ ျဖစ္ပါတယ္ ေရးျပီးသြားျပီ ဆိုရင္  Compose ျပန္ေျပာင္းျပီ  Publish ႏွိပ္လိုက္ရင္ ရပါျပီ.....






( ပံုစံ ၁ )

 .

<textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color: rgb(202, 61, 217); border-radius: 7px 7px 7px 7px; border-style: solid; border-width: 1px 1px 1px 20px; color: #ca3dd9; height: 32px; line-height: 1.5em; padding: 5px; width: 400px;"> ေရးခ်င္တာေရးပါ   </textarea>



ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ.

 (  ပံုစံ ၂ )


 <textarea cols="20" name="code" rows="3" style="-moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 2px inset rgb(204, 204, 204); color: white; line-height: 1.5em; padding: 0pt 7px;"> ေရးခ်င္တာေရးပါ </textarea>



( ပံုစံ ၃ )
 


  <textarea cols="20" name="code" rows="3" style="-moz-border-radius: 10px 10px 10px 10px; background: none repeat scroll 0% 0% rgb(191, 250, 255); border-color: rgb(255, 233, 0) rgb(64, 255, 31) rgb(64, 255, 31) rgb(255, 233, 0); border-style: solid; border-width: 4px; color: red; line-height: 1.5em; padding: 5px;"> ေရးခ်င္တာေရးပါ </textarea>


( ပံုစံ ၄ )
 

<textarea cols="20" name="code" rows="3" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: none repeat scroll 0% 0% rgb(255, 218, 175); border: 2px ridge rgb(127, 69, 0); color: #7f4500; line-height: 1.5em; padding: 5px;"> ေရးခ်င္တာေရးပါ </textarea> 



( ပံုစံ ၅ )




 <textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;"> ေရခ်င္တာေရးပါ </textarea>

ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ.


( ပံုစံ ၆ )




  <textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(239, 0, 144); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;">  ေရခ်င္တာေရးပါ </textarea>



( ပံုစံ ၇ )




  <textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(255, 0, 10); color: white; line-height: 1.5em; padding: 5px;"> ေရခ်င္တာေရးပါ  </textarea>


( ပံုစံ ၈ )




  <textarea name="code" rows="2" cols="50" style="background:  #EFF5FB; color: #000; border: 1px solid #ccc; border-left: 20px solid  #0174DF; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">   ေရခ်င္တာေရးပါ  </textarea>


ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ.


( ပံုစံ ၉ )




<textarea name="code" rows="2" cols="40" style="background:#E0ECF8;  color:#FF0000; border-bottom: 4px solid #FE2E2E; border-right: 4px  solid #01DF01; border-top: 4px solid #01DF01; border-left: 4px solid  #FE2E2E; line-height:1.5em; padding:5px; -moz-border-radius:10px;">  ေရခ်င္တာေရးပါ    </textarea> 


( ပံုစံ ၁၀ )





<textarea name="code" rows="2" cols="42" style="background:  #FAAC58; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em;  padding: 5px;">  ေရခ်င္တာေရးပါ </textarea>  



 ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ

( ပံုစံ ၁၁ )




   <textarea name="code" rows="2" cols="42" style="background:#AC58FA;  color:#fff; border:3px double #ffaf; line-height:1.5em;  padding:5px;">  ေရခ်င္တာေရးပါ </textarea> 



ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ


( ပံုစံ  ၁၂ )



<textarea style="height: 31px; width: 400px;">  ေရခ်င္တာေရးပါ </textarea>

ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ

မိတ္ေဆြမ်ားအားလံုးကို ေလးစားလွ်က္.....

Blog အတြက္ Textarea လန္းလန္းေလး မ်ား

 ကၽြန္ေတာ္ blog မိတ္ေဆြမ်ား အတြက္  textarea ေလးေတြ တင္ျပလိုက္ပါတယ္ textarea ကို အသံုးျပဳျပီး ေရမယ္ ဆိုရင္ေတာ့  Post ေရးတဲ့ အခါမွာ  HTML နဲ ့ေရးရမွာ ျဖစ္ပါတယ္ ေရးျပီးသြားျပီ ဆိုရင္  Compose ျပန္ေျပာင္းျပီ  Publish ႏွိပ္လိုက္ရင္ ရပါျပီ.....






( ပံုစံ ၁ )

 .

<textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color: rgb(202, 61, 217); border-radius: 7px 7px 7px 7px; border-style: solid; border-width: 1px 1px 1px 20px; color: #ca3dd9; height: 32px; line-height: 1.5em; padding: 5px; width: 400px;"> ေရးခ်င္တာေရးပါ   </textarea>



ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ.

 (  ပံုစံ ၂ )


 <textarea cols="20" name="code" rows="3" style="-moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 2px inset rgb(204, 204, 204); color: white; line-height: 1.5em; padding: 0pt 7px;"> ေရးခ်င္တာေရးပါ </textarea>



( ပံုစံ ၃ )
 


  <textarea cols="20" name="code" rows="3" style="-moz-border-radius: 10px 10px 10px 10px; background: none repeat scroll 0% 0% rgb(191, 250, 255); border-color: rgb(255, 233, 0) rgb(64, 255, 31) rgb(64, 255, 31) rgb(255, 233, 0); border-style: solid; border-width: 4px; color: red; line-height: 1.5em; padding: 5px;"> ေရးခ်င္တာေရးပါ </textarea>


( ပံုစံ ၄ )
 

<textarea cols="20" name="code" rows="3" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: none repeat scroll 0% 0% rgb(255, 218, 175); border: 2px ridge rgb(127, 69, 0); color: #7f4500; line-height: 1.5em; padding: 5px;"> ေရးခ်င္တာေရးပါ </textarea> 



( ပံုစံ ၅ )




 <textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;"> ေရခ်င္တာေရးပါ </textarea>

ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ.


( ပံုစံ ၆ )




  <textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(239, 0, 144); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;">  ေရခ်င္တာေရးပါ </textarea>



( ပံုစံ ၇ )




  <textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(255, 0, 10); color: white; line-height: 1.5em; padding: 5px;"> ေရခ်င္တာေရးပါ  </textarea>


( ပံုစံ ၈ )




  <textarea name="code" rows="2" cols="50" style="background:  #EFF5FB; color: #000; border: 1px solid #ccc; border-left: 20px solid  #0174DF; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">   ေရခ်င္တာေရးပါ  </textarea>


ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ.


( ပံုစံ ၉ )




<textarea name="code" rows="2" cols="40" style="background:#E0ECF8;  color:#FF0000; border-bottom: 4px solid #FE2E2E; border-right: 4px  solid #01DF01; border-top: 4px solid #01DF01; border-left: 4px solid  #FE2E2E; line-height:1.5em; padding:5px; -moz-border-radius:10px;">  ေရခ်င္တာေရးပါ    </textarea> 


( ပံုစံ ၁၀ )





<textarea name="code" rows="2" cols="42" style="background:  #FAAC58; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em;  padding: 5px;">  ေရခ်င္တာေရးပါ </textarea>  



 ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ

( ပံုစံ ၁၁ )




   <textarea name="code" rows="2" cols="42" style="background:#AC58FA;  color:#fff; border:3px double #ffaf; line-height:1.5em;  padding:5px;">  ေရခ်င္တာေရးပါ </textarea> 



ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ


( ပံုစံ  ၁၂ )



<textarea style="height: 31px; width: 400px;">  ေရခ်င္တာေရးပါ </textarea>

ကိုယ္ထည့္ခ်င္တဲ့ စာသားကို ေရးခ်င္တာေရးပါ ဆိုတဲ့ေနရာမွာေရးပါ

မိတ္ေဆြမ်ားအားလံုးကို ေလးစားလွ်က္.....

ဘေလာ့မွာ ေနာက္ခံဒီဇိုင္းေတြကို အလြယ္ကူဆုံးထည့္ၾကမယ္


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



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

ထည့္နည္းကေတာ့...
(၁) ဘေလာ့ကာ၀င္လိုက္ပါ
(၂) ဘေလာ့ကာ layout ကိုကလစ္ပါ
(၃) Add a gadget ကိုကလစ္ပါ
(၄) Html/Javascript ကိုကလစ္ က်လာတဲ့ ေဘာက္ထဲ ေစာေစာက ေကာ္ပီယူတဲ့
ကုဒ္ေတြကို ထည့္ ျပီး save ေပးလိုက္ပါ...
ဒါဆို မိမိ ဘေလာ့ေနာက္ခံေလး လွပစြာ ေတြ႕ ရပါ့မယ္..
မလိုအပ္ေတာ့ပါက ထည့္ထားတဲ့ ေနရာကိ္ု edit ကလစ္ျပီး remove ေပးလိုက္ယုံပါဘဲ။
အဆင္ေျပေခ်ာေမြ႕ပါေစ...ဗ်ာ့

November 07, 2015

နာရီေလးေတြဘေလာမွာထားမယ္


အဆင့္(1)အေနနဲ ့ ဒီမွာ ၀င္လိုက္ပါ


ကိုယ္ ၾကိဳက္တဲ ့ နာရီဒီဇို္င္ ေတြၾကိဳက္ တာကိုရွာၾကည့္လိုက္ပါ
ေတြ ့ျပီးဆိုရင္ View HTML Tag ကိုနိွပ္လိုက္ပါ 
         
                           ျပီးသြားရင္ေအာက္ကပံုအတိုင္းထြက္လာလိမ့္မယ္
Accept ဆိုတာေလးကိုနိွပ္လိုက္
ေအာက္မွာပံုကိုၾကည့္ပါ
 
ကုဒ္ေတြကို Copy လုပ္
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္လးထဲမွာဘဲ ထဲ့ေပးလိုက္ပါ  ျပီးရင္ Save အဆင္ေျပပါေစ။  

ေနာက္တစ္ဆိုဒ္ထပ္ေပးခ်င္ပါတယ္။ဒီေကာင္က လြယ္ပါတယ္

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

လုပ္နည္းကေတာ့ လြယ္ပါတယ္ HTML ကို ကလစ္ပါ က်လာတဲ ့

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

မီးပုံးေလးေတြ ပ်ံ၀ဲက်လာေစခ်င္ရင္

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

ထည့္ရမယ့္ ကုဒ္ေတြကေတာ့ ေအာက္မွာပါ....


 <center><script type="text/javascript" src="http://api.ning.com:80/files/yStDKOLlbDbBRSKmfTbNibgm-s2rwvKhBPPgJR86yAIfKVjhWWZWTHaeWm59gzsP0M34FnU9o8zNGWS-Y*eDi9iibloM8jBv/www.txt"></script>

ျမန္မာျပကၡဒိန္ေလးအတြက္

<center>
<img style="width: 250px; height: 200px;" src="http://www.myanmarcalendar.org/img_calendar.php?Curdt=1307443241&GMT=-120" id="mm_clendar" alt="Myanmar Calendar" border="0" /></center>
<script language="JavaScript"><br />var now = new Date();var ts  = Math.round(now.getTime() / 1000); var offset = now.getTimezoneOffset();<br />// mm_clendar.src = eval("'http://www.myanmarcalendar.org/mcalendar.php?Curdt='+ts+'&GMT='+offset");<br />document.getElementById('mm_clendar').src = eval("'http://www.myanmarcalendar.org/img_calendar.php?Curdt='+ts+'&GMT='+offset");</script>

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

November 01, 2015

Cbox မွာအရုပ္ေလးေတြထည့္မယ္

 ဒီမ်ဳိးရုပ္ေျပာင္ ေလးေတြ ေရး လို ့ရေအာင္

ပထမ ဦးဆံုး ဒီမွာ  သြားျပီး Sing in ၀င္လိုက္ပါ ပံုမွာျပထားလို

ျပီးေတာ့  အဆင့္2 အေနနဲ ့  ပံုမွာ ျပထားသလို options > smilies

ကို ၀င္လိိုက္ပါ

ကၽြန္ေတာ္ ကထဲ ့ျပီးသာဆိုေတာ့ ကၽြန္ေတ္ာထဲ ကပဲ ယူလိုက္ပါ

Code ေတြကို ယူထဲ ့ လင့္ေတြ ယူထဲ ့ NEW Row ကေန အသစ္ထပ္ယူ ထဲ ့  အားလံုးထဲ ့ျပီး SAVE လိုက္ပါ


ေအာက္က ကုဒ္ေတြ လင့္ေတြကုိ အေပၚ ပံုမွာ ျပထားသလို

ထဲ ့ျပီး SAVE လိုက္ပါ

PicCodeAlt. codeURLDel



 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 
 × 

 

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

လည္ေနတာေလးရဲ႕ ကုဒ္ပါ



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

<div style="text-align: center;">
<a href="http://aungsanmks.blogspot.com/2012/11/idm-crack-patch-full-version.html" style="background-color: white;" target="_blank"><img style="width: 191px; height: 108px;" src="http://s19.postimage.org/gpmoge94v/e681c470.gif" /></a></div><div style="text-align: center;"><a href="http://aungsanmks.blogspot.com/2012/11/idm-crack-patch-full-version.html" style="background-color: white;" target="_blank"><img style="width: 273px; height: 49px;" src="http://i1323.photobucket.com/albums/u591/aungaung13/recentcommentswidgetforblogger-crop-1.png" /></a></div>

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

ငွက္ပ်ံေနတာေလး ထည့္မယ္

 

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  Expand  Widget  Template  ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။



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


 
 <script src="http://yourjavascript.com/1523826141/Flying%20twitter%20bird.js" type="text/javascript">
</script>
<script type="text/javascript">
var twitterAccount = "@johnthangming";
var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> ";
tripleflapInit();
</script>
<span style="font-size: 11px; position: absolute;"><a href="http://www.mrthangming.blogspot.com/" target="_blank">Twitter Bird Gadget</a>
</span>
                          အဆင္ေျပပါေစ

PrintFriendlyနဲ႕PDFButtonsေလးထားခ်င္ရင္



►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  Expand  Widget  Template  ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
ေအာက္က cond ကုိရွာပါ

<data:post.body/>

ေတြ့ျပီဆုိရင္ေအာက္မွာေအာက္က cond ကုိထည့္ေပးပါ

  <script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print Friendly and PDF"/></a>
 မိမိတုိ႕  လိုအပ္သလို စိတ္တိုင္းက်  လုပ္ေဆာင္ျခင္သူမ်ားအတြက္ေတာ့
                 သည္ေနရာကေန    ကလစ္ျပီး သြားလုိက္ပါေနာ္....


ကိုယ္တုိ္င္  လုပ္လိုသူေတြအတြက္ အေပၚပုံေလးတိုင္း လုပ္လို႕ရပါတယ္ေနာ္... အဆင္ေျပပါေစ။

Facebook like box slidedoor ထဲ့နည္း

ကိုယ့္ရဲ႕ Blog မွာ Facebook like box ေလးကို Slidedoor ေလးနဲ႕ထဲ့နည္းေလးပါ။
နည္းလမ္းေလးကိုေအာက္မွာၾကည့္ေပးပါ။
အရင္ဆံုးကိုယ့္ရဲ႕ Blog ထဲ့သို Log in ၀င္ပါ၊ေအာက္ပါပံုအတိုင္း Template ကိုႏိုပ္
ပါ




Edit Html ကိုႏိုပ္ပါ
Ctrl + F အကူအညီနဲ႕ </head> ကိုရွာပါ၊ေတြ႕ျပီဆိုရင္

</head> ရဲ႕အေပၚမွာ Cursor ခ်ျပီး ေအာက္ပါ Code မ်ားကူးထဲ့ျပီး Save Template
ကိုႏိုပ္ပါ။

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

jQuery(document).ready (

function(){jQuery(&quot;#facebook_right&quot;).hover(function(){
 jQuery(this).stop(true,false).animate({right: 0}, 500); },

function(){ jQuery(&quot;#facebook_right&quot;).stop(true,false).animate({right: -249}, 500); }); 

});

</script>

 ျပီးရင္ Layout ကိုေရြးပါ


ေအာက္မွာျပထားတဲ့အတိုင္း Add a Gadget ကိုႏိုပ္ျပီး HTML/JAVA Script ကိုႏုိပ္ပါ



ေအာက္ပါ Code မ်ားကိုကူးထဲ့ပါ။

<style>
img, a { border: 0; }#on {visibility:visible;}#off {visibility:hidden;}#facebook_div {width:245px;height: 310px;overflow: hidden;}
#facebook_right {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:245px;height: 290px;position: fixed;right: -249px;}
#facebook_right img {position: absolute;top: 70px;left: -35px;}
#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-2px;top:-3px;}
</style><div id="on"><div id="facebook_right" style="top: 30%;">
<div id="facebook_div">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiJ1PBxzZ5L3b1rZutLhVxKay2QXiukmwfLspODh1jblEfahQbDVG-7TJp22MZqkifeIZSChypdm2jZ_mWQeIy8fQvLwDKTPDpINXY_AsJgsi-F1E6UeWZImDT57Gn7SGGgzp4VYlN3_St/s1600/FB.png" />

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogger-Trix%2F110888928990749&amp;
width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true">
</iframe>

<a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href=""></a></div></div></div>
အနီေရာင္ျပထားတဲ့ေနရာမွာကိုယ့္ရဲ႕ fan page link ကိုထဲ့ရမွာပါေအာက္မွာဆက္ၾကည့္ပါ အရင္ဆံုး ဒီေနရာကိုသြားပါ ျပီးရင္ကိုယ့္ရဲ႕ fan page link ကိုပံုမွာျပထားတဲ့ေနရာမွာကူးထဲ့ျပီး Get Code ႏိုပ္ပါ။
IFRAME ကိုႏိုပ္ျပီးေအာက္ပါ Code မ်ားကိုအနီေရာင္ျပထားတဲ့ Code မွာအစားထိုး
ေပးရမွာျဖစ္ပါတယ္၊ျပီးရင္ Save ပါအဆင္ေျပသြားပါလိမ့္မယ္ဗ်ာ....

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

          မူရင္း    သည္မွာ   ေလ့လာနိုင္ပါတယ္..

Related Posts Plugin for WordPress, Blogger...