আশা করি সবাই ভালো আছেন। আমিও ভালো আছি।
সবার মত আমি বলব না যে SMsudipBD.Com এর সাথে থাকলে সবাই ভালো থাকে।
তবে আমি চেস্টা করি সবাই কে ভালো রাখার।আর পরম করুনা ময় সৃষ্টি কর্তার কাছে প্রার্থনা করি যেন তিনি সবাই কে ভালো রাখেন।
আজ আমি আবার একটি বিষয়ে লিখতে চাচ্ছি।
কি ভাবে ব্লগারে Breadcrums Error Problem Solve করবেন।
অনেকেই এই বিষয় পারেন।কিন্তু আমি আজ এই টিউটোরিয়াল দিচ্ছি তাদের জন্য যারা পারেন না।
আর যারা পারেন তাদের কে অসংখ্য ধন্যবাদ।
আপনার টেমপ্লেট থেকে থিম এডিটে চলে যান।
১ম এ বলে রাখি থিম এডিট করার পূর্বে অবশ্যই টেম্পলেট ব্যাকআপ করে নিবেন।
আজ আমি Breadcrums সেট করব। এটি একেক টি টেম্পলেট এ একেক ভাবে সেট করা থাকে।
তবে আমি প্রফেশনাল তাই দেখাব এখন।
এখন আপনি সার্চ করুন Blog1
সার্চ করার জন্য key board press করুন ctrl + f
এখন লক্ষ্য করুন এমন ১ টি লাইন আছে...
<b:includable id='breadcrumb' var='posts'>...</b:includable>
এই লাইন টি সেলেক্ট করে নিচের কোড দ্বারা রিপ্লেস করে নিন।
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><ul typeof='BreadcrumbList' vocab='https://schema.org/BreadcrumbList'><li property='itemListElement' typeof='ListItem'><a expr:href='data:blog.homepageUrl' property='item' title='প্রথম পাতা' typeof='WebPage'><span property='name'>
প্রথম পাতা</span></a></li> <li property='itemListElement' typeof='ListItem'> <data:blog.pageName/></li></ul>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><ul typeof='BreadcrumbList' vocab='https://schema.org/BreadcrumbList'><li property='itemListElement' typeof='ListItem'><a expr:href='data:blog.homepageUrl' property='item' title='প্রথম পাতা' typeof='WebPage'><span property='name'>
প্রথম পাতা</span></a></li> <b:loop values='data:post.labels' var='label'><li property='itemListElement' typeof='ListItem'><a expr:href='data:label.url + "?&amp;max-results=9"' itemprop='url'> <data:label.name/></a></li><b:if cond='data:label.isLast != "true"'> </b:if> </b:loop></ul>
</div>
<b:else/>
<div class='breadcrumbs'><ul typeof='BreadcrumbList' vocab='https://schema.org/BreadcrumbList'><li property='itemListElement' typeof='ListItem'><a expr:href='data:blog.homepageUrl' property='item' title='প্রথম পাতা' typeof='WebPage'><span property='name'>
প্রথম পাতা</span></a></li> <li property='itemListElement' typeof='ListItem'>Uncategories</li> <li property='itemListElement' typeof='ListItem'><data:post.title/></li></ul></div>333
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'> <ul typeof='BreadcrumbList' vocab='https://schema.org/BreadcrumbList'><li property='itemListElement' typeof='ListItem'><a expr:href='data:blog.homepageUrl' property='item' title='প্রথম পাতা' typeof='WebPage'><span property='name'>
প্রথম পাতা</span></a></li> <li property='itemListElement' typeof='ListItem'> Archive for <data:blog.pageName/></li></ul>
</div> 44
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs'><span class='search-label'><a expr:href='data:blog.homepageUrl' title='প্রথম পাতা'>প্রথম পাতা</a><span> <data:blog.pageName/></span></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'> <span class='search-label'><a expr:href='data:blog.homepageUrl' title='প্রথম পাতা'>প্রথম পাতা</a><span>সাম্প্রতিক পোস্ট</span></span>
<b:else/>
<span class='search-label'><a expr:href='data:blog.homepageUrl' title='প্রথম পাতা'>প্রথম পাতা</a><span><data:blog.pageName/></span></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>[/CODE]Now, add css style
<style type='text/css'>
.breadcrumbs{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#fff;padding:15px 15px 0 15px;margin-bottom:15px;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 2px 0 -2px rgba(0,0,0,0.2), 0 0 2px 0 rgba(0,0,0,0.12)}
.breadcrumbs:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12)}
.breadcrumbs.homepage{border-bottom:3px solid #e6ecf0;padding-bottom:10px;margin-bottom:15px}
.breadcrumbs ul,.breadcrumbs .search-label{font-size:16px;color:#484848;padding-bottom:10px;margin-bottom:15px;border-bottom:3px solid #e6ecf0;position:relative;display:block}
.breadcrumbs h3{font-size:16px;font-weight:bold;text-transform:uppercase;margin-bottom:15px;position:relative}
.breadcrumbs h3:before{content:'';position:absolute;width:100%;height:3px;bottom:9px;background-image:-moz-linear-gradient(left,#00a284 #489e8e);background-image:-webkit-gradient(linear,left top,right top,from(#00a284),to(#489e8e));background-image:-webkit-linear-gradient(left,#00a284,#489e8e);background-image:-o-linear-gradient(left,#00a284,#489e8e)}
.breadcrumbs h3 span{background:#fff;position:relative;padding-right:15px;color:#049372}
.breadcrumbs .search-label a,.breadcrumbs .search-label span{border-bottom:3px solid #00a26d;padding:0 0 10px 0}
.breadcrumbs ul li:before,.breadcrumbs .search-label a:after{font-family:"Font Awesome\ 5 Free", "Font Awesome 5 Brands";content:'\f105';font-size:14px;font-style:normal;font-weight:normal;padding:0 5px;color:#000;font-weight: 900}
.breadcrumbs ul li:last-child a {border-bottom:3px solid #ff12cf;padding:0 0 8px 0}
.breadcrumbs ul li:first-child:before{content:unset}
.breadcrumbs .title{display:block;position:relative;margin-bottom:13px;padding-bottom:10px;border-bottom:3px solid #e6ecf0;font-size:16px}
.breadcrumbs .title span{border-bottom:3px solid #00a26d;padding-bottom:10px}
.breadcrumbs .search-label h1{font-size:16px;font-weight:normal;display:inline-block}
.breadcrumbs .search-label h1.search-query{color:#00a26d}
.breadcrumbs ul li{display:inline-block;position:relative}
.breadcrumbs a{color:#484848}
</style>
<!-- Breadcrums css end -->[/CODE]
এবার টেমপ্লেট টি Save করুন।
পোস্ট রেটিং করুন
টিউটোরিয়ালটি কেমন লেগেছে মন্তব্য করুন!