ব্লগার দের জন্য টিপ বা থিম পর্ব -৪

আরেকটি টিপ বা থিম
আসসালামুয়ালাইকুম । কেমন আছেন আপনারা সবাই? আশা করি ভালো আছেন। আমি ভালো আছি । আজকে আমি আপনাদের কে ব্লগার এর আরেকটি টিপ দিব । আজকে এর সম্পরকে অনেকে জানেন তবে যারা জানেন না এটা তাদের জন্য। আমরা সবাই জানি ব্লগার এ একটা বর সমস্যা হল এটার মধ্যে পেজ নাম্বার দাওয়ার অপশন নাই । এর জন্য যদি আপনি গুগল এ খুজেন অনেক ওয়েবসাইট পাবেন তবে এরা কত কিছু এডিট করতে বলে আর কি বলব তাই আজকে আমি আপনাদের একটি সহজ উপায়ে এটা করা শিখাব। প্রথমে আপনি এই ওয়েবসাইট এ যানঃhttp://www.blogger.com/add-widget
আর আপনার ব্লগার এ সাইন ইন করুন । এরপর এরকম একটা ছবি দেখতে পাবেনঃ

আপনার ব্লগ সিলেক্ট করুন এবং title এ পেজ লিখুন। এবার আপনি edit content দিন। নিচের মত একটা ছবি আশবেঃ
এবার খালি জাগায় নিচের কোড টি দিনঃ
ইংরেজি পেজ নাম্বার এর কোডঃ
<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:bold}.showpageNum a{color:#000;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#f8b5a4 url(http://4.bp.blogspot.com/_nDNgmK8FIyI/TSQEXAA7WSI/AAAAAAAAARg/zhLZeeMIkDM/s1600/w2b_pagenav1.png) 0 -60px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#f7cac9 url(http://4.bp.blogspot.com/_nDNgmK8FIyI/TSQEXAA7WSI/AAAAAAAAARg/zhLZeeMIkDM/s1600/w2b_pagenav1.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#666;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f2f0f0 url(http://4.bp.blogspot.com/_nDNgmK8FIyI/TSQEXAA7WSI/AAAAAAAAARg/zhLZeeMIkDM/s1600/w2b_pagenav1.png) 0 -5px repeat-x;text-decoration:none} </style>
<a href="http://24work.blogspot.com/" target="_blank" title="Grab this"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a>
<a href="http://24work.blogspot.com/" target="_blank" title="Free Backlinks"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js'></script>
বাংলা পেজ নাম্বার কোডঃ
<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#fff;font-size:11px;margin:10px;padding:8px 20px;background:#333}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#666}.showpageNum a:hover{background:#aeb404}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#da6100;text-decoration:none}.showpageOf{margin:0 5px 0 0} </style>
<a href="http://24work.blogspot.com/" target="_blank" title="Grab this"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a>
<a href="http://24work.blogspot.com/" target="_blank" title="Free Backlinks"><img src="http://24work.ucoz.com/24work-blogspot/www.24work.blogspot.com.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="পিছনে";
var downPageWord="সামনে";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js'></script>
এবার শুধু add widget দিন আর layout এ গিয়ে থকি করে নিন আর আপনার সাইট এ চলে এসেছে পেজ নাম্বার।




No comments:

Post a Comment

কম্পিউটার পেরফরমান্স