Posted by : Unknown Monday, February 2, 2015


ဘာရယ္ေတာ့ မဟုတ္ဘူးဗ်ာ.. က်ေနာ္ Template ေျပာင္းရင္းနဲ႔ ေရးခ်င္စိတ္ျဖစ္လာလို႔ ဒါေလး တင္လိုက္တာပါ။ က်ေနာ္က Template ကို အၿမဲတမ္းလိုလို ေျပာင္းေျပာင္းေနတတ္ေတာ့ တစ္ခါေျပာင္းတိုင္း widget ေတြကို ျပန္ျပန္ထည့္ရတာေတြ ရွိတယ္။ အဲဒီအခါက်ရင္ ျပန္ျပန္ရွာရျပန္ေရာ.. ေနာက္တခါလည္း ျပန္ရွာရအံုးမွာပဲေလ။ အခု ျပန္မရွာခ်င္ေတာ့လို႔ ကိုယ့္ဘေလာ့မွာကို တင္ဖို႔ စိတ္ကူးလိုက္တာပါ။ တျခားဘေလာ့ေတြမွာလည္း ဒီ widget ေလးထည့္ပံုကို ေရးထားၾကတာေတြ ရွိပါတယ္။ အခုဟာေလးကေတာ့ တျခားဟာေတြနဲ႔ မတူဘူးဗ်။ နည္းနည္းအလုပ္ပိုတယ္။ အမ်ားအားျဖင့္ သံုးၾကတာေတြကေတာ့ page element ကိုေခၚၿပီး HTML/Java Script နဲ႔ပဲ ထည့္ၾကတာမ်ားတယ္။ အခုဟာေလးကေတာ့ အဲလိုမဟုတ္ဘူး..

က်ေနာ္တို႔ ထံုးစံအတိုင္းပဲ Blogger.com ကိုေတာ့ ၀င္ရမွာေပါ့ဗ်ာ။
►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  TEMPLATE    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.►5-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။


အဆင့္(၁)
ၿပီးရင္ Layout ထဲက Edit HTML Tab ကိုသြားရပါမယ္။
ၿပီးရင္ ]]></b:skin> ဆိုတာကို Ctrl+F နဲ႔ ရွာလိုက္ပါ။ ေတြ႔ရင္ ေအာက္က Code ကို သူ႕အေပၚမွာ ထည့္ေပးလိုက္ပါ။

မွတ္ခ်က္  ။    ။ ကုဒ္ကို ရွာေဖြရခက္ခဲပါက  b:skin  ကိုသာ ထည့္ရွာလိုက္ပါ ေတြ႕တာနဲ႕ သူေရွ႕က မွ်ားအနက္ေလးေျဖ လိုက္ပါ.. ျပီး အန္းတာေခါက္ပါ လိုျခင္ေသာကုဒ္အမွန္  ေတြ႕မွာျဖစ္ပါတယ္။

 
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

အဆင့္(၂)
ၿပီးရင္ ဒီ </body> ဆိုတာေလးကို Ctrl+F နဲ႔ ရွာလိုက္ပါ။ ၿပီးရင္ ေအာက္က code ေတြကို သူ႕ရဲ႕ အေပၚမွာ ထည့္ေပးလိုက္ပါ။


<a href="#" id="backtotop"><img src="Image-Url" alt="back to top" /></a>
ဒီ code ကို ထည့္တဲ့ေနရာမွာ Image-Url ဆိုတဲ့ေနရာကို ေအာက္မွာ ေပးထားတဲ့ ကိုယ္ႀကိဳက္တဲ့ ပံုေလးေတြက လင့္ေတြနဲ႔ အစားထိုးေပးရပါမယ္။ ကိုယ္တိုင္ လုပ္ၿပီးသားလင့္ရွိရင္လည္း အစားထိုးေပးလို႔ ရပါတယ္။ အခုေအာက္မွာ ပံုစံ(၁၉)ခု ေပးထားပါတယ္။



http://1.bp.blogspot.com/_JwD5r652h00/SvDAmXE1tvI/AAAAAAAAAP4/pQk69X73NIo/s1600/bttp-1.png



http://1.bp.blogspot.com/_JwD5r652h00/SvDAmVOZPMI/AAAAAAAAAQA/_Y2Nd0UZVMM/s1600/bttp-2.png


http://1.bp.blogspot.com/_JwD5r652h00/SvDAmyqvA9I/AAAAAAAAAQI/hACE99TswzU/s1600/bttp-3.png

http://2.bp.blogspot.com/_JwD5r652h00/SvDAnGbH7qI/AAAAAAAAAQQ/qKtrVmPCBXY/s1600/bttp-4.png

http://3.bp.blogspot.com/_JwD5r652h00/SvDAnTlDfDI/AAAAAAAAAQY/y-NAytkDXjI/s1600/bttp-5.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-7.png

http://3.bp.blogspot.com/_JwD5r652h00/SvDBBlYeFHI/AAAAAAAAAQo/lzY3WpZpwPA/s40

http://1.bp.blogspot.com/_JwD5r652h00/SvDBBzoz4II/AAAAAAAAAQw/n9hIomKpQxY/s400/bttp-8.png

http://2.bp.blogspot.com/_JwD5r652h00/SvDBBw_U6MI/AAAAAAAAAQ4/KDKaH8OTDO4/s400/bttp-9.png

http://2.bp.blogspot.com/_JwD5r652h00/SvDBCN6PpfI/AAAAAAAAARA/oEpqkKnL0Jw/s400/bttp-10.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBWWig4UI/AAAAAAAAARI/28cXbIDOaqk/s400/bttp-11.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBWmm_WTI/AAAAAAAAARQ/xfyALfcAbZ4/s400/bttp-12.png

http://3.bp.blogspot.com/_JwD5r652h00/SvDBW6QlhXI/AAAAAAAAARY/6ZxECjTlMxM/s400/bttp-13.png

http://3.bp.blogspot.com/_JwD5r652h00/SvDBW-al_pI/AAAAAAAAARg/Aoxlzmp3Kw0/s400/bttp-14.png

http://1.bp.blogspot.com/_JwD5r652h00/SvDBXF2WGRI/AAAAAAAAARo/FIPZOwsTTBc/s400/bttp-15.png

http://3.bp.blogspot.com/_JwD5r652h00/SvDBloI2NZI/AAAAAAAAARw/VI-Li7cPUvM/s1600/bttp-16.png

http://1.bp.blogspot.com/_JwD5r652h00/SvDBl9PLQ7I/AAAAAAAAAR4/5fV05DNfZ9o/s400/bttp-17.png

http://3.bp.blogspot.com/_JwD5r652h00/SvDBl0UhsvI/AAAAAAAAASA/ge0GmH0HkyE/s400/bttp-19.png

http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png
အေပၚက ပံုေတြကို စိတ္ႀကိဳက္ထည့္ၿပီးၿပီဆိုရင္ ေအာက္ကတဆင့္ကို ထပ္ျဖည့္ေပးလိုက္ပါ။

အဆင့္(၃)
<head> ကို Ctrl+F နဲ႔ ရွာၿပီး သူ႕ရဲ႕ ေအာက္မွာ ေအာက္က code ေတြကို ထည့္ေပးလိုက္ပါ။

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
အေပၚကအတိုင္း အားလံုးၿပီးသြားရင္ေတာ့ Save ေပးလိုက္ပါ။ အားလံုးအဆင္ေျပမယ္ထင္ပါတယ္။ က်ေနာ္လည္း ျပန္ၿပီးရွာရွာေနရလို႔ ကိုယ့္ဘေလာ့မွာကို ထည့္ထားတဲ့သေဘာပါ။

Ref: Allblogtool


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

fb-comments

​ေနာက္​ဆံုးတင္​သည္​့ပို႔စ္​မ်ား

My Blogger TricksAll Blogger TricksAll Blogging Tips
  

★​​ေဒါင္​းလုပ္​ယူနည္​း★

​ေပးထား​ေသာ လင္​့ခ္​ အား Click ႏွိပ္​ျပီး Tab ေနာက္္္တစ္မ်က္ႏွာေရာက္လ်ွင္ ၅ စကၠန္ ့မ်ွေစာင့္ကာ ညာဘက္ထိပ္နားက "SKIP AD"ဆိုတာကိုထပ္​မံ၍ Click ႏွိပ္​​ေပးလိုက္​လ်ွင္​မိမိ Down ယူရမည္​့ဆိုဒ္​သို ့​ေရာက္​ရွိမည္​ျဖစ္​သည္​။

ဖန္​တီးမ်ွ​ေဝသူမ်ား

Facebook တြင္ Like လုပ္၍အားေပးပါဦး

လာလည္ေနသူမ်ား

Popular Post

Labels

Blog Archive

Powered by Blogger.

- Copyright © ကိုေဇာ္သြင္(စႏၵယားႏွင္႕ကီးဘုတ္) -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -