কি ভাবে ব্লগারে Breadcrums Error Problem Solve করবেন।

আশা করি সবাই ভালো আছেন। আমিও ভালো আছি।
সবার মত আমি বলব না যে SMsudipBD.Com এর সাথে থাকলে সবাই ভালো থাকে।

তবে আমি চেস্টা করি সবাই কে ভালো রাখার।আর পরম করুনা ময় সৃষ্টি কর্তার কাছে প্রার্থনা করি যেন তিনি সবাই কে ভালো রাখেন।
আজ আমি আবার একটি বিষয়ে লিখতে চাচ্ছি। 
কি ভাবে ব্লগারে Breadcrums Error Problem Solve করবেন।


Breadcrums Error Problem Solve

Breadcrums Error Problem Solve 



অনেকেই এই বিষয় পারেন।কিন্তু আমি আজ এই টিউটোরিয়াল দিচ্ছি তাদের জন্য যারা পারেন না।
আর যারা পারেন তাদের কে অসংখ্য ধন্যবাদ।

আপনার টেমপ্লেট থেকে থিম এডিটে চলে যান।
১ম এ বলে রাখি থিম এডিট করার পূর্বে অবশ্যই টেম্পলেট ব্যাকআপ করে নিবেন।

আজ আমি Breadcrums সেট করব। এটি একেক টি টেম্পলেট এ একেক ভাবে সেট করা থাকে।
তবে আমি প্রফেশনাল তাই দেখাব এখন।

এখন আপনি সার্চ করুন Blog1
সার্চ করার জন্য key board press করুন ctrl + f
এখন লক্ষ্য করুন এমন ১ টি লাইন আছে...
<b:includable id='breadcrumb' var='posts'>...</b:includable>
এই লাইন টি সেলেক্ট করে নিচের কোড দ্বারা রিপ্লেস করে নিন।


[CODE]<b:includable id='breadcrumb' var='posts'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'> 
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <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'>
প&#2509;রথম প&#2494;ত&#2494;</span></a></li>  <li property='itemListElement' typeof='ListItem'> <data:blog.pageName/></li></ul>
    </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <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'>
প&#2509;রথম প&#2494;ত&#2494;</span></a></li>  <b:loop values='data:post.labels' var='label'><li property='itemListElement' typeof='ListItem'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=9&quot;' itemprop='url'> <data:label.name/></a></li><b:if cond='data:label.isLast != &quot;true&quot;'>  </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'>
প&#2509;রথম প&#2494;ত&#2494;</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 == &quot;archive&quot;'>
        <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'>
প&#2509;রথম প&#2494;ত&#2494;</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='প্রথম পাতা'>প&#2509;রথম প&#2494;ত&#2494;</a><span> <data:blog.pageName/></span></span>
    </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'> 
        <div class='breadcrumbs'>
    <b:if cond='data:blog.pageName == &quot;&quot;'> <span class='search-label'><a expr:href='data:blog.homepageUrl' title='প্রথম পাতা'>প&#2509;রথম প&#2494;ত&#2494;</a><span>স&#2494;ম&#2509;প&#2509;রত&#2495;ক প&#2507;স&#2509;ট</span></span>
        <b:else/>
        <span class='search-label'><a expr:href='data:blog.homepageUrl' title='প্রথম পাতা'>প&#2509;রথম প&#2494;ত&#2494;</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

[CODE]<!-- Breadcrums css start -->
<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:&quot;Font Awesome\ 5 Free&quot;, &quot;Font Awesome 5 Brands&quot;;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 করুন।
পোস্ট রেটিং করুন
ট্যাগঃ ,
About Author

টিউটোরিয়ালটি কেমন লেগেছে মন্তব্য করুন!