Monday 8 August 2011

ব্লগারে পেজনাম্বার যোগ করবেন যেভাবে………


blogspot icon ব্লগারে পেজনাম্বার যোগ করবেন যেভাবে.........

ব্লগসাইটের জন্য পেজ নম্বর কোডটি খুবই গুরুত্বপূর্ন, কেননা এতে করে একজন ভিজিটর অনেক বিরক্তির হাত থেকে রেহাই পেয়ে থাকেন। ব্লগসাইটের জন্য এই ফিচারটি সত্যিই খুবই প্রয়োজনীয়। ব্লগসাইটে পেজনম্বর যুক্ত করা একটি কষ্ট সাধ্য ব্যপার। তবে আপনি খুব সহজেই এই কাজটি করতে পারেন। এজন্য আপনাকে নিন্মোক্ত পদ্ধতিগুলো অনুসরন করতে হবে।

numbered page navigation for blogger ব্লগারে পেজনাম্বার যোগ করবেন যেভাবে.........

আপনি আপনার ব্লগসাইটের Dashboard-লগইন করুন  তারপর Design > Edit Html
‘Expand Widget Templates’-এর বক্সে ক্লিক করবেন না


]]></b:skin> 
লেখাটি খুজে বের করুন, প্রয়োজন হলে CTRL+F বাটন চাপ দিন এবং  নিচের কোডটি রিপ্লেস করুন

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>

এখন নিচের কোডটি খুজে বের করুন

</body>
এবং  নিচের কোডটি রিপ্লেস করুন

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
</body>


আপনি ইচ্ছে করলে কোডটি কিছুটা কাস্টমাইজ করতে পারেন

এটি প্রতি পেজে পোস্টের সংখ্যা নির্ধারন করার জন্য.
var pageCount=5;


এটা কতটি পেজের নম্বর ব্লগসাইটে দেখা যাবে সেটার কোড
var displayPageNum=5;


var upPageWord ='Previous';
var downPageWord ='Next';
আপনি ইচ্ছে করলে previous & next এর জায়গায় previous page and next page বসাতে পারেন.

0 comments:

Powered by Blogger.