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

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

                                    কোডটি হলঃ

<style type='text/css'>

.showpageArea a {

text-decoration:underline;

}

.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;

}

.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 0 0;

padding:3px 7px;

text-decoration:none;

}

.showpage a {

border:1px solid #aeaeae;

padding:3px 7px;

text-decoration:none;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link, .showpage a:link {

color:#333333;

text-decoration:none;

}

</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 href="/">'+ upPageWord +'</a></span>';

}else{

 upPageHtml = '<span><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}

fFlag++;

}

if(p==(thisNum-1)){

html += '<span>'+thisNum+'</span>';

}else{

if(p==0){

  html += '<span><a href="/">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){

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 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>'+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>