Step 1:
ඔයගෙ blogger account එකට යන්න Dashboard > Template >
දෑන් Edit HTML දෑන් press {Ctrl+F} හොය ගන්න]]></b:skin>
මේ code එක ]]></b:skin>ඔකට කලින් Paste කර ගන්න
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
Step 2:
මේ code එක හොය ගන්න </body>
මේ code එක </body>ඔකට කලින් Paste කර ගන්න
ඔතන තියන එවගෙන් කමති එකක ගන්න
<a href="#" id="backtotop"><img src="Image-URL" alt="back to top" /></a>
ඔය කමති Image එකක් ද ගන්නත් පුලුවන් image-URL තියන තෑනට කමතිicon එකෙURL එක PASTකරන්න
01 http://t3.gstatic.com/images?q=tbn:ANd9GcRrSq60lCM3n- l1f-kBjc2ZljfqcNlphxb5au6fmOM5CVNFpIs
02 http://t1.gstatic.com/images?q=tbn:ANd9GcTwxrm5AWFRl8PBnWn8aFvcVY4ht-5kU2-4vDQExokpd3UkN87g
03 http://t2.gstatic.com/images?q=tbn:ANd9GcTYyNXv5iim_f4NB10sejtzyagWADPNVQ2rVVY0SnJAk8mk9yasAA
04 http://t1.gstatic.com/images?q=tbn:ANd9GcSIAy4JyptvLT29Si588Pw6jxqQZ-jSacL7vjNUqogCO1GNbpbYWw
05 http://t2.gstatic.com/images?q=tbn:ANd9GcR-z5g-E7z0okW_Az82aO2U0KQVBELtkE_dIhkVFgpWihko7byg
06 http://t3.gstatic.com/images?q=tbn:ANd9GcRqMsBPjoOVbhxloZgGDiuf5zPFXY5ztkc_w455yEggokeokrlDEA
07 http://t3.gstatic.com/images?q=tbn:ANd9GcRo2b90a6hfboh7a_9IWA2u6OQO8NSx4NXWuv_kVlCJWVbLjRgidg
මේ code එක හොය ගන්න<
<a href="#" id="backtotop"><img src="Image-URL" alt="back to top" /></a>
ඔය කමති Image එකක් ද ගන්නත් පුලුවන් image-URL තියන තෑනට කමතිicon එකෙURL එක PASTකරන්න
01 http://t3.gstatic.com/images?q=tbn:ANd9GcRrSq60lCM3n- l1f-kBjc2ZljfqcNlphxb5au6fmOM5CVNFpIs
02 http://t1.gstatic.com/images?q=tbn:ANd9GcTwxrm5AWFRl8PBnWn8aFvcVY4ht-5kU2-4vDQExokpd3UkN87g
03 http://t2.gstatic.com/images?q=tbn:ANd9GcTYyNXv5iim_f4NB10sejtzyagWADPNVQ2rVVY0SnJAk8mk9yasAA
04 http://t1.gstatic.com/images?q=tbn:ANd9GcSIAy4JyptvLT29Si588Pw6jxqQZ-jSacL7vjNUqogCO1GNbpbYWw
05 http://t2.gstatic.com/images?q=tbn:ANd9GcR-z5g-E7z0okW_Az82aO2U0KQVBELtkE_dIhkVFgpWihko7byg
06 http://t3.gstatic.com/images?q=tbn:ANd9GcRqMsBPjoOVbhxloZgGDiuf5zPFXY5ztkc_w455yEggokeokrlDEA
07 http://t3.gstatic.com/images?q=tbn:ANd9GcRo2b90a6hfboh7a_9IWA2u6OQO8NSx4NXWuv_kVlCJWVbLjRgidg
http://4.bp.blogspot.com/-NiQJqPtXVg0/USm1QrQWQtI/AAAAAAAABJw/up58ZS2FEv0/s1600/bttp-10.png
http://3.bp.blogspot.com/-9YF1gO-FIGo/USm1Qtl_cAI/AAAAAAAABJ0/IUPUNIGDBxE/s1600/bttp-12.png
http://2.bp.blogspot.com/-JsbwXutCUBg/USm1QgkRPdI/AAAAAAAABJ4/YiQ7iMUUUdw/s1600/bttp-11.png
http://2.bp.blogspot.com/-9lEi_yLlfpg/USm1RBt-EDI/AAAAAAAABKA/5izcofcUxhQ/s1600/bttp-7.png
http://2.bp.blogspot.com/-D0jxMxhQAmk/USm1RN1s9zI/AAAAAAAABKE/iR4wVcQvFuo/s1600/bttp-13.png
http://4.bp.blogspot.com/-lXdna1I1irY/USm16PWlq5I/AAAAAAAABKY/JeU7K5rAAek/s1600/download.jpg
http://2.bp.blogspot.com/-Grp5T7VjY54/URtofe_yBKI/AAAAAAAAA1Q/q_UqNbkNd_Q/s1600/backtotop.png
Step 3:
head>
<head>
මේ code එක Paste කර ගන්න
<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 කරන්න
