බ්ලොග් එකට Numbered page navigation එකක් ඇඩ් කරමු...

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

හ්ම් ඔව් මේකනේ.ඔයත් හිතුවද ඔයත් ඔයාගෙ බ්ලොග් එකට ඇඩ් කරගන්න හැටි? ඔන්න අද මම කියලා දෙන්නම් මේක කරන හැටි.එකටම ඔයාගේ Blogger එකට ගිහින් Dashboard > Template >

Edit Html 

යන්න.හරි දැන් ඔයා Ctrl+F ඔබන්න.දැන් එන Search Box එකේ 

]]></b:skin> කියලා ගහලා Enter ඔබන්න.

]]></b:skin>

දැන් ඕක හයිලයිට් වෙලා තියෙයි.ඒකට උඩින් මම පහලින් දීලා තියන Styles වලින් එකක් තෝරාගෙන
]]></b:skin> එකට උඩින් Paste කරන්න.

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;} .displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;} .showpageOf{display:none!important} #blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;} #blog-pager .pages{border:none;}

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;} #blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;} .showpageOf{display:none!important} #blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

#blog-pager{clear:both;margin:30px auto; padding: 7px; text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;} .displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;} a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;} #blog-pager .pages{border:none;background: none;}

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;} #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;} .showpageOf{display:none!important} #blog-pager .pages{border:none;}

හරි දැන් ඔයා ඔතනින් කැමති එකක් තෝරගෙන ]]></b:skin> එකට උඩින් Paste කරානෙ.දැන් ආයි Ctrl+F ඔබන්න.දැන් </body> කියලා Search කරන්න.පහලින් Select කරගෙන  Search කරන්න.

</body>

ඊට පස්සේ මේ පහළ කෝඩ් එක Select කරගෙන </body> එකට උඩින් Paste කරන්න.

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> /*<![CDATA[*/ var perPage=7; var numPages=6; var firstText ='First'; var lastText ='Last'; var prevText ='« Previous'; var nextText ='Next »'; var urlactivepage=location.href; var home_page="/"; /*]]>*/ </script> <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/> </b:if> </b:if>

ඔන්න දැන් බ්ලොග් එකට ගිහින් බලන්නකො.ලස්සනට මේ ටික වෙලා ඇති.එහෙනම් මම ගියා.මොකක් හරි ප්‍රශ්නයක් තිබ්බොත් කමෙන්ට් එකක් දාන්න.ඔබට ජය.දිගටම රැඳී ඉන්න අපිත් එක්ක.