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

Posted by Unknown on Sunday, March 17, 2013 | 0 ဟ့ဢ္ခီဢ္မဲဢ္လီဿ္


ဘ်ီးအပူၯ ပတ့ထီဢ္၀ဲ 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/AVvXsEgQXwUAWQlErZzgf4uLO_aS-ofodPyp5LKVmxggFWvDb9NUkRJzwoWmNWo2-tqYw_cpxxUE8xergJOArUy-LjNZR8Xi-XceLsdWcSqjur14tX_VBB5YvD2Ay8Yq1tmYjZ0M-WnXoeVmIRc/s100/Shu+Ah+Shee.gif

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

Leave a reply

တဿ္ထံဢ္ဒီးတဿ္တဿဢ္ပီဢ္သကိးအဒဿး

တဿ္ကြဲးလဿပက့ၯကြဿ္ကဒါ

နီဢ္ဂံဿ္ရဲဢ္