আশা করি সবাই অনেক ভাল আছেন । আমিও আপনাদের দোয়ায় বেশ ভালই আছি । আজ আপনাদের সাথে একটি জরুরী টিপস শেয়ার করবো । বিষয় টি সম্পর্কে অনেকই হয়ত জানেন ,যারা জানেন না তাদের জন্য খুব উপকারে আসবে বলে আমার মনে হয় ।আমরা অনেকেই ব্লগার এর বিভিন্ন ধরনের যেমন 1 Column , 2 Column ,3 Column , Magazine , Responsive , News , Premium Style টেম্পলেট ফ্রী ডাউনলোড করে , সংগ্রহ করে বা নিজেরা তৈরি করে ব্যবহার করে থাকি ।অনেক সময় আমাদের টেম্পলেট টির অনেক কিছু পরিবর্তন করার প্রয়োজন পড়ে । আমি আজকে Sidebar কে Hide / Unhide কিভাবে সহজেই করা যায় তা দেখাব ।
তাহলে চলেন শুরু করা যাক ।
১) প্রথমে আপনার ব্লগ এ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে টেম্পলেট এ ক্লিক করুন ।
২) এবার আপনার টেম্পলেট টির Back Up নিয়ে রাখেন ।
Back Up নিতে না জানলে এই লিঙ্কটি থেকে জেনে নিতে পারেন ।
৩) এরপর Edit HTML এ ক্লিক করুন ।
৪) এরপর কীবোর্ড থেকে Ctrl+F প্রেস করুন । একটি Search Bar আসবে । Search Bar টি 'তে নিচের কোড'টি লিখে এন্টার প্রেস করুন
</b:skin>
৫) উপরের কোডটি খুজে পেলে তার ঠিক নিচে নিচের কোডটি Copy করে Paste করুন ।
<b:if cond='data:blog.pageType'>
<style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>
এবার আপনাকে আপনার নিজের চাহিদা মত পরিবর্তন করে নিতে হবে ।
যেমন :
১) #sidebar-wrapper ( আপনি যেই Sidebar টি কে Hide করতে চান সেই Sidebar এর Name / Address অনুসারে একে পরিবর্তন করে নিন )
Sidebar এর Name / Address না জানা থাকলে <b:skin> থেকে ]]></b:skin> এর মধ্যের কোড গুলো Check করলেই আপনার Sidebar এর Name / Address পেয়ে যাবেন ।
২) width: 70% (আপনার টেম্পলেট এর প্রশস্ততা অনুযায়ী ও আপনার চাহিদা অনুসারে পরিবর্তন করে নিন )
৩) <b:if cond='data:blog.pageType'> (আপনি কোঁথায় Sidebar দেখাবেন আর কোঁথায় দেখাবেন না তা এই লাইন'টি দ্বারা নির্ধারণ করতে পারবেন )
আপনাদের সুবিধার্থে কিছু Location এর জন্য ব্যাবহ্রিত কিছু কোড দেওয়া হল ।আপনার প্রয়োজন মত পরিবর্তন করে নিন ।
শুধুমাত্র Home Page এর Sidebar Remove করতে নিচের কোডটি ব্যবহার করুন
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>
শুধুমাত্র Index Page এর Sidebar Remove করতে নিচের কোডটি ব্যবহার করুন
<b:if cond='data:blog.pageType == "index"'>
<style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>
শুধুমাত্র Posts Page এর Sidebar Remove করতে নিচের কোডটি ব্যবহার করুন
<b:if cond='data:blog.pageType == "item"'>
<style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>
শুধুমাত্র Static Page এর Sidebar Remove করতে নিচের কোডটি ব্যবহার করুন
<b:if cond='data:blog.pageType == "static_page"'>
<style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>
লাইন জায়গায় আপনার কাঙ্খিত পেজ link adress বসিয়ে নিতে হবে
নির্দিষ্ট কোনও Page এর Sidebar Remove করতে নিচের কোডটি ব্যবহার করুন ।PAGE URL HERE লাইন জায়গায় আপনার কাঙ্খিত পেজ link adress বসিয়ে নিতে হবে।
<b:if cond='data:blog.url == "PAGE URL HERE"'>
<style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>
৪) এবার Save Template এ ক্লিক করে টেম্পলেট টি সেভ করে বেরিয়ে আসুন ।
ব্যাস !!! কাজ শেষ ।
আশা করি বুঝতে পেরেছেন । তার পরেও বুঝতে সমস্যা হলে কমেন্টে জানাবেন ।
ধন্যবাদ ! ভাল থাকবেন ।
0 comments:
একটি মন্তব্য পোস্ট করুন