বন্ধুরা সবাই ভালতো আশাকরি ভাল আছেন যাই হক আজকে আমি আপনাদের জন্য নিয়ে এলাম দারুন একটি NUMBERED PAGE NAVIGATION আশাকরি জিনিসটি কি বুজতেই পারছেন হ্যাঁ আপনি যা ভাবছেন এটা সেটাই । এটা দেখতেও প্রফেশনাল এর মতো যাই হক এটা কিভাবে যুক্ত করবেন নীচে থেকে বিস্তারিত দেখে নিন ।






কিভাবে যুক্ত করবেন নীচে দেখুন ! 


  ১) আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করুন । 


২) এবার আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোডটি খুজে বের করুন । 


]]></b:skin>



৩) এবার উপরের কোডটি খুজে পেলে তার ঠিক আগে নীচের কোডটি কপি করে পেস্ট করুন ।







.pagenavi {
    width:300px;
    margin: 50px auto;
}
.pagenavi span, .pagenavi a {
    background: #f7f7f7;
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    background: -moz-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    background: linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    padding: 5px 10px;
    text-decoration: none;
    color: #7e7e7e;
    border: 1px solid #c6c6c6;
    -webkit-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
    box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
    font-weight: bold;
    border-radius:3px;
}
.pagenavi span:hover,.pagenavi a:hover, .pagenavi a.current {
    background: #9ad6fb;
    background: -webkit-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    background: -moz-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    background: -o-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    background: -ms-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    background: linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    border: 1px solid #72ade4;
    color: #4879a6;
    -webkit-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
    -moz-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
    box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}
.pagenavi { border:none; }


৪) এবার Save Template এ ক্লিক করে সেভ করে বেরিয়ে আসুন এবার আপনার ব্লগে গিয়ে দেখুন ।


* আশাকরি কোন সমস্যা হবে না বা হল না কোন সমস্যা হলে জানাবেন আমি হেল্প করতে চেষ্টা করবো । তাহলে আজকের মতো এই পর্যন্ত আবারও দ্যাখা হবেন নতুন কিছু নিয়ে । ভাল থাকবেন সুস্থ থাকবেন । আল্লাহ্‌ হাফেজ ।

শেয়ার করুন :→

একটি মন্তব্য পোস্ট করুন Blogger

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

 
Top
Blogger Widgets