আপনার ওয়েবসাইট / ব্লগে পৃষ্ঠা number যোগ করুন

বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আপনারদের দোয়াই আমি ভালো আছি । আজ আমি আপনাদের দেখাব কীভাবে আপনার ওয়েবসাইট / ব্লগে পৃষ্ঠা number যোগ
করবেন ।
আপনাদের মধ্যে যাদের ওয়েবসাইট / ব্লগ আসে কিন্তু ওয়েবসাইট / ব্লগে পৃষ্ঠা number যোগ করা নেই তাদের জন্য এই পোস্ট । আপনার ওয়েবসাইটে / ব্লগ এ যদি পৃষ্ঠা number না থাকে তাহলে একজন ভিজিটর কীভাবে জানবে যে আপনার ওয়েবসাইটে / ব্লগে কয়টি পৃষ্ঠা আছে তাছাড়া সে প্রথম পৃষ্ঠার পোস্ট গুলো পড়ে চলে যাবে । তাহলে আপনিই দেখুন ওয়েবসাইটে / ব্লগ পৃষ্ঠা number যোগ করা দরকার কি না । এটার চিত্র ঃ
এটা দুই ভাবে করা যায় । এক ভাবে হল HTML দিয়ে অন্যটি হল Widget দিয়ে । আমি আপনাদের দেখাব সহজ নিয়মে আর সহজ নিয়মটি হল Widget দিয়ে । HTML দিয়েও করা যায় কিন্তু সেটা অনেক কঠিন । তাই আমি Widget দিয়ে করাচ্ছি ।
আসুন এবার কাজে আসি ।
১। প্রথমে আপনার ওয়েবসাইটে / ব্লগের ড্যাশবোর্ড এ যান ।
২। তার পর লেআউট থেকে একটি গ্যাজেট যুক্ত করুন এ ক্লিক করুন ।
৩। এর পর HTML/JavaScript গ্যাজেট টি যোগ করুন করুন ।
৪। এবার নিচের কোড টি copy করে গ্যাজেট টিতে paste করুন ।
কোড টি বড় বলে ভয় পাবেন না । এটা কাজ ঠিকই করবে ।

                                    কোডটি হলঃ

<style type='text/css'>
.showpageArea a {
text-decoration:underline;
}
#pagea{
border:1px solid #aeaeae;
background-color:#0a8be5;
color:#ffffff;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
#page{
background-color:#eeeeee;
border:1px solid #aeaeae;
color:#000000;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
#page:hover {
color:#ffffff;
background-color:#0a8be5;
border:1px solid #000000;
margin:0 3px;
}
.showpageNum a {
border:1px solid #aeaeae;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageNum a:hover {
background-color:#0a8be5;
border:1px solid #000000;
margin:0 3px;
}
.showpagePoint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#aeaeae none repeat scroll 0 0;
border:1px solid #aeaeae;
color:#333333;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
border:1px solid #aeaeae;
padding:3px 7px;
margin:0 3px;
text-decoration:none;
}
.showpage a:hover {
text-decoration:none;
margin:0 3px;
}
.showpageNum a:link, .showpage a:link {
color:#333333;
text-decoration:none;
margin:0 3px;
}
</style>
<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=5;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
  thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
}
itemCount++;
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = '<span><a id="page" href="/">'+ upPageWord +'</a></span>';
}else{
 upPageHtml = '<span><a id="page" href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span>'+thisNum+'</span>';
}else{
if(p==0){
  html += '<span><a id="page" href="/">1</a></span>';
}else{
 html += '<span><a id="page" href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span> <a id="page" href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html = '<div><span > Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '<span><a id="page" href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
 thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
}
}
itemCount++;
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
 upPageHtml = '<span><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span id="pagea">'+thisNum+'</span>';
}else{
if(p==0){
 html = labelHtml+'1</a></span>';
}else{
 html += '<span><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html = '<div><span > Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
</script>
<a href="http://tutdeve.blogspot.com"></a>
<script type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}
var home_page = "/";
if (thisUrl.indexOf("?q=")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>