របៀបបន្ថែមរបារនាំទិសក្នុង Blogger BlogSpot

បារនាំទិសជាតំបន់រុករកដែលបានពន្យល់ពីទីតាំងរបស់អ្នកទស្សនានៅលើតំបន់បណ្ដាញដូចជាការកំណត់ហេតុបណ្ដាញរបស់អ្នក។ មានន័យថាវាអាចជួយក្នុងការយល់អ្នកទស្សនានៃការកំណត់ហេតុបណ្ដាញដែលទីតាំងនៃកំណត់ហេតុបណ្ដាញរបស់អ្នក។
វាត្រូវបានប្រើដើម្បីធ្វើឱ្យមានភាពងាយស្រួលសម្រាប់អ្នកទស្សនារុករករបស់អ្នកនិងទទួលបាន pageviews កាន់តែច្រើន។វាក៏ជួយអ្នកក្នុងការបង្កើនភាពមើលឃើញតំបន់បណ្ដាញរបស់អ្នកដើម្បីស្វែងរកដោយមានពាក្យគន្លឹះចូលទៅក្នុងប្រកាសតំបន់បណ្ដាញរបស់អ្នក។
    ឧទាហរណ៍ប្រសិនបើអ្នកមាន land នៅលើក្រោយពីរបៀបដាក់ប្លង់វែបសាយអ្នកសរសេរប្លុកទៅនឹង Google ជាមួយនឹងចំណងជើង SEO ស្លាកបន្ទាប់មកវានឹងបង្កើតផ្លូវរុករកថ្មីមួយនៅផ្នែកខាងលើនៃចំណងជើងក្រោយរបស់អ្នកដូចដែលបានបង្ហាញខាងក្រោម។

 

  ១ ដើម្បីបន្ថែមរបារនាំទិសក្នុង Blogger

     សូមចូលទៅកាន់ Blogger.com >> Template.។
     បម្រុងទុក Template. របស់អ្នក។      ឥឡូវនេះ Select Edit HTML ។

 ២  រស្វែងរកស្វែងរក code  ]]></b:skin>   ហើយចម្លងកូដដូចខាងក្រោមបិទភ្ជាប់កូដនេះពីលើស្លាក  ]]></b:skin> ។

     #breadcrumbs-mbb {
      background: #eee;
      width:620px;
      margin-left:20px;
      border-width: 1px;
      font-family:'Oswald', Arial, Helvetica, sans-serif;
      margin-top:40px;
      text-transform: uppercase;
      border-style: solid;
      border-color: #f5f5f5 #e5e5e5 #ccc;
      border-radius: 5px;
      box-shadow: 0 0 2px rgba(0,0,0,.2);
      overflow: hidden;
    }
    #breadcrumbs-mbb  li{
      float: left;
    }
    #breadcrumbs-mbb  a{
      padding: .7em 1em .7em 2em;
      float: left;
      text-decoration: none;
      color: #444;
      position: relative;
      text-shadow: 0 1px 0 rgba(255,255,255,.5);
      background-color: #ddd;
      background-image: linear-gradient(to right, #f5f5f5, #ddd);
    }
    #breadcrumbs-mbb  li:first-child a{
      padding-left: 1em;
      border-radius: 5px 0 0 5px;
    }
    #breadcrumbs-mbb  a:hover{
      background: #fff;
    }
    #breadcrumbs-mbb  a::after,
    #breadcrumbs-mbb  a::before{
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -1.5em;
      border-top: 1.5em solid transparent;
      border-bottom: 1.5em solid transparent;
      border-left: 1em solid;
      right: -1em;
    }
    #breadcrumbs-mbb a::after{
      z-index: 2;
      border-left-color: #ddd;
    }
    #breadcrumbs-mbb  a::before{
      border-left-color: #ccc;
      right: -1.1em;
      z-index: 1;
    }
    #breadcrumbs-mbb  a:hover::after{
      border-left-color: #fff;
    }
    #breadcrumbs-mbb  .current,
    #breadcrumbs-mbb  .current:hover{
      font-weight: bold;
      background: none;
    }
    #breadcrumbs-mbb  .current::after,
    #breadcrumbs-mbb .current::before{
      content: normal;
    }
    ul{
      margin: 0;
      padding: 0;
      list-style: none;
    }
    #breadcrumbs-mbb .current,
    #breadcrumbs-mbb .current:hover{
      font-weight: normal;
      background: none;
    }
    #breadcrumbs-mbb .current::after,
    #breadcrumbs-mbb .current::before{
      content: normal;
    }

  

  ៣ ឥឡូវនេះជាថ្មីម្តងទៀតស្វែងរកកូដ <div class='blog-posts hfeed'>  ហើយគ្រាន់តែចម្លងកូដខាងក្រោមទៅ past ខាងក្រោមនៃស្លាកកូដនេះ។

     <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <!-- No breadcrumb on home page -->
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- breadcrumb for the post page -->
    <ul id='breadcrumbs-mbb'>
    <li><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></li>
    <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 == &quot;true&quot;'>
    <li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
    </b:if>
    </b:loop>
    <b:else/>
    </b:if><li><a class='current'><data:post.title/></a></li>
    </b:loop>
    </ul>
    <b:else/>
    </b:if></b:if>

  ខ្ញុំសង្ឃឹមថាអ្នកនឹងធ្វើបានដោយជោគជ័យនៃរបារនាំទិសក្នុងកំណត់ហេតុបណ្ដាញអ្នកសរសេរប្លុករបស់អ្នក។ Play learns និងខិតខំស្វែងរកនូវអ្វើដែលថ្មីៗមកប្រែជាភាសារខ្មែរដើម្បើងាយស្រួលដល់ការរចនាប្លុក?៕

សូមអសគុណសូមមានសំណាល្អ៕