Trang chủ › Thủ Thuật Blogspot
Hướng dẫn thêm Breadcrumb blogspot chuẩn Seo
Đăng Bởi : ADMin (Sáng Lập) *
Giới Tính : Nam - Durex Bảo Vệ Đàn Chim Việt
Đăng Lúc : Thứ Tư, 18 tháng 8, 2021

Hướng dẫn thêm Breadcrumb blogspot chuẩn Seo

 Hướng dẫn thêm Breadcrumb blogspot chuẩn Seo 
Hướng dẫn thêm Breadcrumb blogspot chuẩn Seo


 Đầu Tiên : Đăng nhập vào Blogger > Chủ đề > Chỉnh sửa HTML > Chuyển đến tiện ích > Blog1 tìm đến đoạn <b:includable id='backlinks' var='post'/> 
Và thêm ngay code này vào ngay bên dưới nó .

<b:includable id='breadcrumb' var='posts'>

<b:if cond='!data:view.isHomepage'>

    <b:if cond='data:view.isPage'>

        <div class='phdr'>

            <a expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a> &#8250;

            <a expr:href='data:blog.canonicalUrl' expr:title='data:blog.pageName'><data:blog.pageName/></a>

        </div>

        <b:else/>

        <b:if cond='data:view.isPost'>

            <b:loop values='data:posts' var='post'>

                <b:if cond='data:post.labels'>

                    <div class='phdr' xmlns:v='http://rdf.data-vocabulary.org/#'>

                        <span typeof='v:Breadcrumb'>

          <a expr:href='data:blog.homepageUrl' expr:title='data:homeMsg' property='v:title' rel='v:url'><data:homeMsg/></a> &#8250;                 <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>  

          <span rel='v:child' typeof='v:Breadcrumb'>

          <a expr:href='data:label.url' expr:title='data:label.name' property='v:title' rel='v:url'><data:label.name/></a>

          </span>

                        <b:if cond='data:label.isLast != &quot;true&quot;'> &#8250; </b:if>

            </b:loop>

            </b:if>

            </span>

            </div>

            <b:else/>

            <div class='phdr'>

                <a expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a> &#8250;

                <a expr:href='data:blog.canonicalUrl' expr:title='data:blog.pageName'>Không tìm thấy trang</a>

            </div>

        </b:if>

        </b:loop>

        <b:else/>

        <b:if cond='data:view.isArchive'>

            <div class='phdr'>

                <a expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a> &#8250;

                <a expr:href='data:blog.canonicalUrl' expr:title='data:blog.pageName'><data:blog.pageName/></a>

            </div>

            <b:else/>

            <b:if cond='data:view.isMultipleItems'>

                <div class='phdr'>

                    <b:if cond='data:blog.pageName == &quot;&quot;'>

                        <a expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a> &#8250;

                        <a expr:href='data:olderPageUrl' expr:title='data:messages.morePosts'><data:messages.morePosts/></a>

                        <b:else/>

                        <a expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a> &#8250;

                        <a expr:href='data:blog.canonicalUrl' expr:title='data:blog.pageName'><data:blog.pageName/></a>

                    </b:if>

                </div>

            </b:if>

        </b:if>

    </b:if>

</b:if>

</b:if>

</b:includable>
 Tiếp đến tìm đến đoạn : <b:includable id='main' var='top'> thêm code này vào ngay bên dưới nó 

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

Tiếp đến thêm đoạn css dưới đây vào trước thẻ  ]]></b:skin>

.phdr,.title {
    margin: 0;
    text-decoration: none;
    font-size: 15px;
    color: #fefefe;
    background-color: rgb(113, 165, 2);
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 15px 20px;
    font-weight: bold;clear: both;
}
.phdr,.title h3{color:#fff}
.phdr a{color: #fff;}

Chúc Các Bạn Thành Công . 


Xêm Thêm : Thủ Thuật Blogspot ,

Cùng Chuyên Mục