Saturday, March 3, 2012

Posted by ဖိုးခြားေလး
No comments | Saturday, March 03, 2012
Blog မွာ 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 တစ္ခ်ိဳ႕ရဲ႕လင့္ေတြကို ထည့္ေပးလိုက္တယ္။ ၾကိဳက္ ရင္ယူေပါ့ဗ်ာ။ မၾကိဳက္ရင္ ကိုယ့္ကိုဖန္တီးယူလို႔လဲရပါတယ္။



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



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


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


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


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



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

ref : http://www.allblogtools.com/tricks-and-hacks/add-back-to-top-button-to-your-blogger-blog-19-different-styles-and-more/

ေစာလင္းနက္စ္ထံမွတဆင့္ျပန္လည္ယူခဲ့သည္

0 comments:

Post a Comment

ေနာက္ထပ္လင့္မ်ား

wach movie

US Link

အႏုပညာရွင္မ်ား

ျမန္မာ့ရုပ္ျမင္သံၾကား

SKY Net-TV

အြန္လိုင္း Video ၾကည့္ရန္

Shwe Videos Burmese Classic

Font Converter

Font Converter

MCA Thailand Live

Watch live streaming video from mcathailand_live at livestream.com

Online Dictionary

Image Hosted by ImageShack.us Image Hosted by ImageShack.us

Color Code လြယ္ကူစြာရယူရန္

HTML COLOUR CODE လြယ္ကူစြာရွာရန္

အေရာင္ရဲ႕Code ယူရန္ :