আপনার ব্লগার ব্লগে Breadcrumbs Navigation Widget ব্যবহার করবেন। {মেগা পোষ্ট]

সকল ব্লগার বন্ধুদেরকে আমার সালাম ও শুভেচ্ছা দিয়ে আমার আজকের লেখা শুরু করলাম। কেননা অনেক দিন পর আবার পুর্বের মত  নিয়মিত আপনাদের সাথে নতুন কিছ...

সকল ব্লগার বন্ধুদেরকে আমার সালাম ও শুভেচ্ছা দিয়ে আমার আজকের লেখা শুরু করলাম। কেননা অনেক দিন পর আবার পুর্বের মত  নিয়মিত আপনাদের সাথে নতুন কিছু শেয়ার করতে পারাকে আমি ধন্য বলে মনে করছি। কিন্তু আমার এত কাজের ব্যস্ততার মধ্যে দিয়ে আজ আমি আপনাদের সাথে নতুন একটি বিষয় নিয়ে হাজির হলাম। আমরা ব্লগস্পট নিয়ে কাজ করছি তাদের জন্য আমার আজকের লেখা। তাই আমরা যখন অন্যান্য আনেক জনের সাইট ভিজিট করি তখন একটি দেখতে পাই সেটা হলো পোষ্ট শিরোনামের উপর (Home » Label Name » Post Title) এই নামে একটি লেখা দেখতে পাই। আসলে এই লেখা টি কিভাবে আমাদের ব্লগ সাইটে যুক্ত করবো তাই ভাবার বিষয়। আর এই জন্য আপনাদের ভাবতে হাবে না। কারণ (Home » Label Name » Post Title) এই লেখা টি আমাদের ব্লগস্পট সাইটে কিভাবে যুক্ত তাই পরবর্তী ধাপে দেখানো হবে। তাই কথা না বাড়িয়ে কাজের কথা চলে আসি। তাহলে দেখুন>>>>

  

• কিভাবে Breadcrumbs Navigation Widget যুক্ত করবেন।

1. প্রথমে আপনার ব্লগস্পট সাইটে  ড্যার্শবোর্ডে প্রবেশ করুন। 
2.  ড্রাপডাউন বাটন থেকে টেম্পেলেট নির্বাচন করুন।
3. তার টেম্পেলেট হতে Edit HTML লেখাটি নিবার্চন করুন।
4. তার পরে আপনি আপনার ব্লগারের এডিট মেনু থেকে নিচের প্রয়োজনীয় কোডটি খুজে বের করুন।

প্রথম থাপে আপনাকে সিএসএস (CSS3) কোডটি খুজুন। 

]]></b:skin>

তার পরে নিচের কোডটুকু কপি করুন এবং নির্ধারিত স্থানে পেষ্ট করুন।

.breadcrumbs {
background: #F7F7F7;
float: left;
border: 1px solid #E6E6E6;
width: 575px;
font-size: 11px;
margin: 10px 10px 10px 10px;
padding: 5px 10px 5px 10px;
}

২য় ধাপ কিভাবে কাজ শেষ করবেন দেখুন>>>>

১// প্রথমে আপনাকে আপনার টেম্পেলেট অনুয়ারী কাজ করতে হবে। তারপরে নিচের কোডটুকু খুজে বের করতে হবে।

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

 পরবর্তীতে আপনাকে উপরের কোড মুছে নিচের কোডটুকু বসাতে হতে।

<b:include data='posts' name='breadcrumb'/>

 তার পর আপনাকে আরো একটি কোড খুজতে হবে। সেই কোডটুকু হলো ?

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

 ২// উপরে উল্লেখিত কোড এর নিচে নিচের কোডটুকু কপি করে পেষ্ট করতে হবে।

<!-- Breadcrumb Navigation By http://www.projuktimela.blogspot.com/ -->
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pagename/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
 <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
 <b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.isLast == "true"'>
 » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
 </b:if>
 </b:loop>
 » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span>
</div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pagename/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
 <b:if cond='data:blog.pageName == ""'>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
 <b:else/>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pagename/></span>
 </b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<!-- Breadcrumb Navigation By http://www.projuktimela.blogspot.com/ -->

৩// সর্বশেষ আপনার ব্লগার টেম্পেলেট  সেভ করে বের হতে আসতে হবে।

এবং আপনার ব্লগের যাবতীয় কাজ আজকের এখানে শেষ। তারপরে আপনার ব্লগ সাইটের যে কোন একটি পোষ্ট দেখে বুঝতে পারবেন আপনার সফল ভাবে শেষ হয়ে। আর আপনাদের যদি সামান্য উপকার করতে পারি তাহলে আমার লেখা টি সার্থক হবে।  আর আপনারা সকলে নিয়মিত ব্লগিং জগৎ এর সাথে থকুন প্রযুক্তি সম্পর্কে জানুন এবং অন্যকে জানান। আল্লাহ হাফেজ।