တဿ္တ့ထီဢ္ Back to Top လဿ ဘ်ီးပွာ္ယဲၯသန႔အပူၯ အက်ိၯအက်ဲ

ဘ်ီးအပူၯ ပတ့ထီဢ္၀ဲ Back To Top အက်ိၯအက်ဲလဿ အညီကတဿဿ္လီၯ. လဿနကပဿႏုာ္အီၯ အဂီဿ္ တဿ္နီၯဖးလီၯ၀ဲ အကူာ္သဿခါလဿ နကဘဢ္ပလီဿ္နသးန႔ဢ္လီၯ. မ့ဿ္၀ဲ ဒ္သိးဒီး နကဖဿႏုာ္၀ဲ (style sheet) လဿအဘဢ္လီဿ္ဘဢ္ဆးအဂီဿ္လီၯ.

ဒ္ညီႏုဿ္အသိး Blogger long in> Dashboard> Design> Edit HTML အံၯတက့ဿ္.

တဿ္နဲဢ္က်ဲနီဢ္ဂံဿ္(၁)

ဟးဃု]]></b:skin> အ code အံၯတက့ဿ္. (အ၀ဲအံၯပကိးအီၯလဿ style sheet န႔ဢ္လီၯ.)။ နမ့ဿ္ထံဢ္န႔ဢ္လဿ code အဖီခိဢ္န႔ဢ္ထဿႏုာ္လီၯက့ၯ code လဿအဖီလာ္တခါအံၯတက့ဿ္

#backtotop {

padding:5px;

position:fixed;

bottom:10px;right:10px;

cursor:pointer;

}


တဿ္နဲဢ္က်ဲ နီဢ္ဂံဿ္ (၂)

ဃုစ့ဿ္ကီး </body> အ code အံၯတက့ဿ္. နမ့ဿ္ထံဢ္လီၯ  code အ၀ဲအံၯဒီး ထဿႏုာ္လီၯအီၯလဿ code လဿတဿ္ဖီလာ္တခါအံၯလဿ အဖီခိဢ္တက့ဿ္. ဒ္န႔ဢ္အသိး ဒုးနဲဢ္ဃာ္န႔ဿ္နၯ တဿ္ဂီၯ URL IMAGE အလီဿ္ မ့ဿ္ဒ္သိးနကထဿႏုာ္လီၯနနီဿ္ကစဿ္ဒဢ္၀ဲ  IMAGE အလ့ဢ္တဖဢ္လီၯ. အနီဿ္နီဿ္န႔ဢ္ ထဲဒဢ္က်ဲခံဘိအံၯ၀ံၯ ၀ဲဒဢ္လံန႔ဢ္လီၯ. ဘဢ္ဆဢ္သနာ္က့ ဒ္သိးကဂ့ၯဒိဢ္န႔ဿ္ဒံးအံၯအဂီဿ္ လဲၯဒ္အတုၯလဿ နီဢ္ဂံဿ္သဿတက့ဿ္.

<a href="#" id="backtotop"><img src="Image-Url" alt="back to top" /></a>


တဿ္နဲဢ္က်ဲ နီဢ္ဂံဿ္(၃)

ဟးဃု </head> အ code အံၯတက့ဿ္. (တဿ္အံၯတခီ Back to top လဿအမ့ဿ္ image အစံဢ္ထီဢ္စံဢ္ လီၯကဖ်ါဂ့ၯဂ့ၯအဂီဿ္မ့ဿ္၀ဲ Script တခါလီၯ.)။ နမ့ဿ္ထံဢ္လီၯဒီးထဿႏုာ္လီၯ script 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 Template န႔ဢ္လီၯ.
Back To Top image လဿတဿ္ဖီ္လာ္အံၯ နမ့ဿ္ဘဢ္သးတခီ နဟံးန႔ဿ္သ့လီၯ. ဒီးနမ့ဿ္တဘဢ္သးတခီ ကြဿ္လဿ နကစဿ္တဿ္ဘဢ္သး တ့န႔ဿ္အီၯလဿ နကစဿ္ဒဢ္၀ဲ သ့လီၯ.

လဿ-ဆွဳဢ္အါဆွံ (ကီဿ္သူလ့ၯပ်ီမုဿ္ထီဢ္)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQKKHuVPRsk38GOuOK68MMODGqoyXTJMuKJPb-14N7FNN1_wDtkTdaxsC-6iTdRPK4qkc-0J2hULMZF4RSkXMcDNBx60KAvv8Z8GeuyUc4LxVehoBHL6n92u39yC_5qGlLCDIMH2kox6U/s100/Shu+Ah+Shee.gif

Share on Google Plus

About Ka Shee

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.