බ්ලොග් එකේ පහල සිට ඉහලට ඒමට Back to Top button එකක් එකතු කරගැනීම.

බ්ලොග් කියවන අය දන්නවා සමහර ලිපි ගොඩාක් දිගට ලියලා තියෙනවා. සමහර වෙලාවට පිංතූර වගේ දේවලුත් එකතු කරල තියෙන නිසා ඒ ලිපිය තවත් දිග වෙනවා. මෙ වගේ ලිපියක් කියවමින් පහතට ගියාම නැවත බ්ලොග් එකේ ඉහලට එන්න නම් ගොඩක් වෙලා Mouse එක Scroll කරන්න වෙනවා. එහෙම නොකර එක Mouse Click එකකින් බ්ලොග් එකේ ඉහලට එන්න නිර්මාණයක් කරන්න අපිට පුලුවන්. දැන් අපි බලමු සරල Bact to top button එකක් කොහොමද අපේ බ්ලොග් එකට එකතු කරගන්නේ කියලා.

මෙම Bact to top button බ්ලොග් එකට එකතු කරගන්නා ආකාරය ලිපියේ පහලින් දක්වා ඇත

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget1.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget2.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget3.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget4.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget5.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget6.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget7.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget8.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget9.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget10.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget11.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget12.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget13.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget14.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget15.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget16.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget17.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget18.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget19.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget20.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget21.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget22.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.sinlix.com/arrow/blog_gadget23.png" /></a>

ඉහත ඇති Back To Top Buttons බ්ලොග් එකට එකතු කරගන්නා ආකාරය..

ඔයාලා දකින්න ඇති ඉහත සෑම Back To Top Button එකක් ළගින්ම Code එකක් තියෙනවා. අපේ බ්ලොග් එකට Back To Top Button එක ඇතුල් කරන්න නම් ඒ Code එක තමයි භාවිතා කරන්නෙ වෙන්නේ.

01. අදාල බ්ලොග් එකේ Dashboard එකට ඇතුල් වෙන්න. මෙ සදහා ඔයාගේ බ්ලොග් එකේ උඩින් තියෙන Design කියන button එක භාවිතා කරන්න පුලුවන්

02. දැන් ලැඛෙන වෙබ් පිටුවෙන් Add Gadget කියන එක තෝරන්න. කැමති තැනකින් තෝරගන්න පුලුවන්

03. දැන් ලැඛෙන වෙබ් පිටුවෙන් html/JavaScript කියන තැන ඇති + ලකුණු Click කරන්න.

04. දැන් ලැඛෙන වෙබ් පිටුවෙන් Content කියන තැනට, ඉහත තියෙන Code වලින් ඔයාල කැමති code එකක් copy කරගෙන past කරන්න. Title එක දාන්න අවශ්‍ය වෙන්නේ නැහැ.

බ්ලොග් අඩවියට අලංකාර ඇනිමේෂන් ඔරලෝසුවක් එකතු කිරීම.

බ්ලොග් අඩවිය ලස්සන කරන්න වගේම බ්ලොග් අඩවියට පැමිණෙන අයටත් ප්‍රයෝජනවත් උපකරණයක් තමයි ඔරලෝසුවක් කියන්නේ. පමතින් තියෙන්නේ විවිධ ආකාරයේ ඇනිමෙෂන් වන ඔරෙලෝසු එකතුවක්. ඔයාට කැමති ඔරලෝසුවක් තෝරගෙන ඔයාගෙ බ්ලොග් එකට එකතු කරගන්න පුලුවන්.

පහත ඔරලෝසු තමන්ගේ බ්ලොග් එකට එකතු කරන ආකාරය පියවරෙන් පියවර මෙම ලිපියේ පහතින් දක්වා ඇත.


<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger1.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger2.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger3.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger4.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger5.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger6.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger7.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger8.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger9.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger10.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger11.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger12.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger13.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger14.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger15.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger16.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger17.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger18.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger19.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger20.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger21.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger22.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger23.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger24.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger25.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger26.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger27.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger28.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger29.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger30.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger31.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>




<embed src="http://www.sinlix.com/blogitem/clock/sinlix_clock_for_blogger32.swf" wmode="transparent" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"><br></embed> <br>

ඉහත ඇති අලංකාර ඔරලෝසු බ්ලොග් එකට එකතු කරගන්නා ආකාරය..

ඔයාලා දකින්න ඇති ඉහත සෑම ඔරලෝසුවක් ළගින්ම Code එකක් තියෙනවා. අපේ බ්ලොග් එකට ඔරලෝසුවක් ඇතුල් කරන්න නම් ඒ Code එක තමයි භාවිතා කරන්නෙ වෙන්නේ.

01. අදාල බ්ලොග් එකේ Dashboard එකට ඇතුල් වෙන්න. මෙ සදහා ඔයාගේ බ්ලොග් එකේ උඩින් තියෙන Design කියන button එක භාවිතා කරන්න පුලුවන්

02. දැන් ලැඛෙන වෙබ් පිටුවෙන් Add Gadget කියන එක තෝරන්න. කැමති තැනකින් තෝරගන්න පුලුවන්

03. දැන් ලැඛෙන වෙබ් පිටුවෙන් html/JavaScript කියන තැන ඇති + ලකුණු Click කරන්න.

04. දැන් ලැඛෙන වෙබ් පිටුවෙන් Content කියන තැනට, ඉහත තියෙන Code වලින් ඔයාල කැමති code එකක් copy කරගෙන past කරන්න. Title එක දාන්න අවශ්‍ය වෙන්නේ නැහැ.

බ්ලොග් අඩවියට අලංකාර Mouse Cursor එකක් එකතු කිරීම

අපේ බ්ලොග් එකේ තියෙන Mouser Pointe එක, එහෙම නැත්නම් Mouse Cursor එක හැමදාමත් පරණ Mouse Cursor එකමයි. පහතින් තියෙන්නේ ඒ පරණ Mouse Cursor එක වෙනුවට විවිධ ආකාරයේ වර්ණවත් හා අලංකාර Mouse Cursor එකතුවක්. මෙම Mouse Cursor බ්ලොග් එකට එකතු කරගන්නා ආකාරය ලිපියේ පහලින් දක්වා ඇත

<style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix8.png), progress;}</style><br>






<style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix7.png), progress;}</style><br>






<style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix6.png), progress;}</style><br>






<style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix5.png), progress;}</style><br>






<style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix4.png), progress;}</style><br>







<style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix2.png), progress;}</style><br>






<style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix1.png), progress;}</style><br>






<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix10.gif), progress;}</style><br> <br>






<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix9.gif), progress;}</style><br> <br>







<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix8.gif), progress;}</style><br> <br>






<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix7.gif), progress;}</style><br> <br>






<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix6.gif), progress;}</style><br> <br>






<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix5.gif), progress;}</style><br> <br>






<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix4.gif), progress;}</style><br> <br>







<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix3.gif), progress;}</style><br> <br>






<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix2.gif), progress;}</style><br> <br>






<br><style type="text/css">body, a, a:hover {cursor: url(http://www.sinlix.com/cursors/png/sinlix1.gif), progress;}</style><br> <br>

ඉහත ඇති Mouse Cursor බ්ලොග් එකට එකතු කරගන්නා ආකාරය..

ඔයාලා දකින්න ඇති ඉහත සෑම Mouse Cursor එකක් ළගින්ම Code එකක් තියෙනවා. අපේ බ්ලොග් එකට Mouse Cursor එක ඇතුල් කරන්න නම් ඒ Code එක තමයි භාවිතා කරන්නෙ වෙන්නේ.

01. අදාල බ්ලොග් එකේ Dashboard එකට ඇතුල් වෙන්න. මෙ සදහා ඔයාගේ බ්ලොග් එකේ උඩින් තියෙන Design කියන button එක භාවිතා කරන්න පුලුවන්

02. දැන් ලැඛෙන වෙබ් පිටුවෙන් Add Gadget කියන එක තෝරන්න. කැමති තැනකින් තෝරගන්න පුලුවන්

03. දැන් ලැඛෙන වෙබ් පිටුවෙන් html/JavaScript කියන තැන ඇති + ලකුණු Click කරන්න.

04. දැන් ලැඛෙන වෙබ් පිටුවෙන් Content කියන තැනට, ඉහත තියෙන Code වලින් ඔයාල කැමති code එකක් copy කරගෙන past කරන්න. Title එක දාන්න අවශ්‍ය වෙන්නේ නැහැ.