আপনার ব্লগার ব্লগে কিভাবে Breadcrumbs যুক্ত করবেন। [মেগা পোষ্ট]

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

বন্ধুরা আপনাদের বুঝার সুবিধান্তে নিচের ছবিটি শেয়ার করলাম। দেখুন তাহলে কেমন নিচের ছবিটি।

             কিভাবে আপনার ব্লগে যুক্ত করবেন। 

• প্রথমে আপনার ব্লগার ড্যাশবোর্ড প্রবেশ করুন।

• ড্যাশবোর্ড হতে ড্রাপ-ডাউন হলে টেমপ্লেট নির্বাচন করুন। 

• এবার এডিট যাওয়ার আগে আপনার ব্লগার ড্যাশবোর্ড হতে টেমপ্লেটটি ডাউনলোড বা ব্যাকআপ জমা রাখুন [কাজের সুবিধান্তে]
• এবার এডিট টেমপ্লেট বাটনে ক্লিক করুন। 

1. তারপর Ctrl+F এবং নিচের কোডটুকু খুজে বের করুন। 

<b:include data=’top’ name=’status-message’/>

• খুজে পাওয়ার পরে নিচের কোড যুক্ত করুন। 

<b:include data=’top’ name=’status-message’/>
<b:include data=’posts’ name=’breadcrumb’/>

• আবার পূর্বের মত নিচের কোডটুকু খুজে বের করুন।

<b:includable id=’main’ var=’top’>

• উপরের কোডটি ঠিক নিচে নিচের হুবাহু নিচের কোডটুকু কপি করে পেষ্ট করুন।

<b:includable id=’breadcrumb’ var=’posts’>
<b:if cond=’data:blog.homepageUrl == data:blog.url’>
<!– No breadcrumb on home page –>
<b:else/>
<b:if cond=’data:blog.pageType == “item”‘>
<!– breadcrumb for the post page –>
<p class=’breadcrumbs’>
<span class=’post-labels’>
<a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast == “true”‘> »
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond=’data:blog.pageType == “archive”‘>
<!– breadcrumb for the label archive page and search pages.. –>
<p class=’breadcrumbs’>
<span class=’post-labels’>
<a expr:href=’data:blog.homepageUrl’>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond=’data:blog.pageType == “index”‘>
<p class=’breadcrumbs’>
<span class=’post-labels’>
<b:if cond=’data:blog.pageName == “”‘>
<a expr:href=’data:blog.homepageUrl’>Home</a> » All posts
<b:else/>
<a expr:href=’data:blog.homepageUrl’>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id=’main’ var=’top’>
<!–Breadcrumbs by http://www.Bloggjngjogot.blogspot.com/–>

• এবার আপনারা সিএসএস কোডটুকু ]]></b:skin> কোডের উপরে যুক্ত করুন এবং হুবাহু নিচের কোডটুকু। 

/* Breadcrumbs by http://www.Bloggjngjogot.blogspot.com*/
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

• ব্যস এবার আপনি টেমপ্লেটটি সেভ দিয়ে বের হয়ে আসুন এবং ব্রাউজার করে দেখুন কাজ হয়েছে।

তো বন্ধুরা পোষ্টটি যদি আপনাদের সামান্যতম উপকারে আসে তাহলে কমেন্ট করতে ভূল করবেন না। কারণ আপনার একটি অতিমুল্যবাদ কমেন্টের কারণে লেখক আরো সুন্দর কিছু লিথতে উৎসাহ জন্মাবে বলে আমাদেরমত সকলে প্রত্যাশা।  আপনাদের সকলে কমেন্টের প্রত্যাশা নিয়ে আজকেরমত বিদায়। আল্লাহ হাফেজ।