බ්ලොග් එකට Numbered page navigation එකක් ඇඩ් කරමු... ~ ★ Cyber Tricks Net ★

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

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

Edit Html

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

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

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

#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;}

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

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

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