Giải đáp thắc mắc cho các bạn tại sao url không hiển thị theo label khi search trên google. Điều này hoàn toàn phụ thuộc vào template blogspot mà bạn đang sử dụng.

Bản thân trang web toilaquantri.com đã qua nhiều đợt thay đổi template và kết quả mình quan sát là kết quả hiển thị nào phụ thuộc vào code breadrumbs của template đó.

Nhiều bạn thích url hiển thị theo dạng Domain > label 1 > label 2 > label 3.... hơn là dạng Domain > url. Do vậy mình sẽ hướng dẫn bạn fix lại dạng này.

Vậy để làm Breadcumbs hiển thị trên Google theo Label (Nhãn) cho Blogspot bạn làm theo hướng dẫn sau.

Trong Mẫu:

Bước 1: Xóa CSS và HTML của Breadcumbs cũ

Bạn tìm theo chữ breadcumb và xóa code cũ trong web của bạn đi nhé!
Phần này mình sẽ không hướng dẫn nhiều nhé (riêng bạn nào mới chơi blog không biết code kiết là gì thì để lại bình luận bên dưới mình hd riêng.)

Bước 2: Chèn CSS dưới trên /b:skin

.breadcrumbs{background: #e8e8e8; word-wrap: break-word;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: -7px -10px 0px -10px;padding: 8px 12px; font: normal 14px Roboto}
.breadcrumbs a{color:#666;font-weight:bold}.breadcrumbs a:hover{color:#777}.breadcrumbs-labelname{margin:0 0 0 1px;padding-left:5px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgEYEa1uQq3pnFsqroJwUt8hmS-YsqyQs-bEbtLfU8JQxujnkszMOBiuY1sioSqe0Sz3_YT4FioJVJiMWz5vKYs6GUwXgsodDiRtTuncKbq1S9CdmGk_cWvzG1uF6OOju0Z4ETkFBqV2ml/s5/arrow%2520%25281%2529.png) left center no-repeat}

Bước 3: Chèn HTML breabcumbs tại vị trí hiển thị

Chèn code breamcumbs bên dưới trên của tiêu đề bài viết (Nếu chèn breabcumbs trên tiêu đề).

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

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

                 <span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <brc>/</brc>

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

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

                     <b:loop values='data:post.labels' var='label'>

                       <span typeof='v:Breadcrumb'>

                         <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' property='v:title' rel='v:url'><data:label.name/></a></span>

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

                     </b:loop>

                     <b:else/>

                     Unlabelled

                   </b:if>

                   <brc>/</brc> <span><data:post.title/></span>

                 </b:loop>

               </div>

</b:if>

Bước 4: Cho Google index lại toàn bộ trang và chờ kết quả

Chúc bạn thành công!

Tôi Là Quản Trị

Khi rê chuột vào ảnh bất kì màu ảnh sẽ chuyển sang màu xám xám, giúp hình ảnh trên blogspot có hiệu ứng dễ chịu.
Hãy thử rê chuột vào 1 ảnh bất kì trên trang blog này bạn sẽ thấy hiệu ứng tương tự

Thủ thuật tạo 3 tiện ích là like box fanpage kèm chat fanpage + Hotline kèm sđt liên hệ + trang liên hệ nằm ở góc phải của trang blog.

Xem ảnh demo:

1. Chèn toàn bộ code bên dưới vào trên thẻ /body

<!--=== BEGIN: SITE PHẢI ===-->
        <div class='site_supporrt'>
            <div class='ss_item window_popup'>
              <div class='i_title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwPSa1FcjXK4D3h4BZs5G9dVBQnT-EUbpnzSJ8FZVxZBF8ISjrqtbFtizBJRWz3KRQsDgRHfKjYaZ_Qv4lmCv9Oi7-F9SGLmMsjQoCc_GwtU3o919LutaHjhfdcpSZpH2OWnRKSgkJ-ns/s1600/img_face.png' title=''/></div>
                <div class='i-content' style='border-color: #193c86'><div class='fb-page' data-adapt-container-width='true' data-height='400' data-hide-cover='false' data-href='https://www.facebook.com/huynhphungblogger' data-show-facepile='true' data-show-posts='false' data-small-header='false' data-tabs='messages' data-width='250'/></div>
            </div>
            <div class='ss_item window_popup'>
                <div class='i_title'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOL0ueeJquF1r1D51ePQytUFVeVfhIJrV5Cj3bRsa8Nv-cbv7swPf594Gw_TnmTGyJotjGrSk5vsEiPw0dF8nRrEmNTYzO6OvluBFGW3N2N-6GfkGUQCKwnKHL48M8-hyb_VHDOYSYGFw/s1600/img_hotline.png' title=''/></div>
                <div class='i-content' style='border-color: #1387c0'>
                    <div class='ss_online'>
                        <div>Liên hệ hỗ trợ</div>
                        <a class='number_phone' href='tel:0932913631'><i class='fa fa-phone'/>0932.913.631</a>
                        <ul>
                            <li>
                                <a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdEpT8WC1QbRzDbH2cnws6J2yvkf8j7tXmv8DWwbwL57hCXYpiz97P0QAA8bV8vQgra7r_r0ektRcUKbQAJCsK1dhjjDVnZMKFXs-2YmRDwGQeDCAoI2Y_sZI65p6wiriGCVTY-dlvRX0/s1600/icon-skype.png' title=''/><span>skype</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class='ss_item1'>
              <div class='i_title'><a href='/p/contact.html'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9TlkZ3sH981Q4ToMmuqJgWRWMe-u56M25AN1HevIO1WMiHO9c5kulNjjZpRiTkloeVCetRGkk4dA2G5Be50-1sHION699XqBPLW7PLCVBlHcDq095GbzQG94GwvNOgemJV0HMxEv_B5s/s118/img_contact.png' title=''/></a></div>
            </div>
        </div>
        <!--=== END: SITE PHẢI ===-->
<style>
.site_supporrt .ss_item1{    pointer-events: auto;
    position: relative;
    margin-bottom: 5px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;}
.site_supporrt{z-index:999999;position:fixed;pointer-events:none;top:50%;right:0;z-index:100;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.site_supporrt .ss_item{pointer-events:auto;position:relative;margin-bottom:5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.site_supporrt .ss_item .i_title{width:40px;cursor:pointer}
.site_supporrt .ss_item .i-content{position:absolute;top:0;left:100%;border:1px solid;border-right:0;width:290px;padding:12px 9px;background:#fff}.site_supporrt .ss_item:hover{z-index:1;-webkit-transform:translate(290px,0);-moz-transform:translate(290px,0);-o-transform:translate(290px,0);-ms-transform:translate(290px,0);transform:translate(-290px,0)}.site_supporrt .ss_item .ss_online{padding-left:13px;font-size:16px;line-height:25px}
.ss_online .number_phone{padding:5px 0;font-size:20px;line-height:25px;font-weight:bold;color:#007dbb}.ss_online .number_phone i{font-size:20px;line-height:25px;padding-right:10px;color:#303030}
.ss_online ul{margin:10px 0}.ss_online ul li{display:inline-block;vertical-align:top;margin-right:25px}.ss_online ul li img{width:26px;margin-right:10px}
.ss_online ul li a{font-size:16px;line-height:25px}
</style>

2. Chèn dưới thẻ <body> mã script để hiện fanpage

<div id='fb-root'/><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = &quot;//connect.facebook.net/vi_VN/all.js#xfbml=1&quot;;fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

P/s nếu trang blog nào đã có mã script này rồi thì bỏ qua bước 2

Lưu lại và xem kết quả nhé

Chúc bạn thành công!

Tôi Là Quản Trị Blog

Ngay sau khi thực hiện thủ thuật này, tiêu đề bài viết sẽ xuất hiện 2 dấu nháy để nhấn mạnh tiêu đề đẹp mắt. Thủ thuật đơn giản và chỉ sử dụng đoạn css ngắn
xem ảnh bên dưới:

Tạo dấu 2 nháy cho tiêu đề bài viết blogspot

Vô tình phân trang trên blog Tôi Là Quản Trị bị lỗi nên mình đã tìm 1 code phân trang khác và tìm được đoạn code phân trang khá ưng ý hoạt động rất tốt mà không bị tình trạng mất bài trong các template blogger khác.

Phân trang này hoạt động cả trên các trang nhãn kèm nhiều style css rất đẹp. Ảnh demo bên dưới.

Tạo phân trang cho blogger đẹp và đã fix lỗi mất bài

Tiện ích này giúp tạo chữ cái đầu tiên trong bài viết thành Drop Cap to hơn các chữ còn lại mà bạn thường thấy trong các tờ báo giấy hoặc văn bản words.

Thủ thuật này cực kì đơn giản chỉ chèn code CSS 1 lần và tất cả các bài viết trong trang blogspot đều xuất hiện mà không phải làm 1 cách thủ công như các thủ thuật tương tự ở các trang khác.

Tạo chữ Drop Cap chữ cái đầu bài viết cho blogpost

Lỗi 404 là lỗi không tìm thấy trang được truy cập. Lỗi này xuất hiện có thể là người dùng truy cập link sai hoặc do người quản trị web đã xóa link kết nội dung này.

Thủ thuật dưới đây sẽ giúp các bạn tạo chuyển tiếp tự động khi người dùng truy cập vào link kết không tồn tại.

Hôm nay mình sẽ hướng dẫn các bạn tạo thêm nút share Facebook, Google +, Twiter..vvv cho blogspot.
Bạn có thể chèn tiện ích này dưới tiêu đề hoặc cuối bài viết trong blogspot để giúp trang web của bạn được phổ biến hơn khi tạo điều kiện cho người dùng chia sẻ nó.

Ảnh demo:

Mặc định trong blogger thường nhận tiêu đề trang làm thẻ H1 trong tất cả các trang. Nhưng khi sử dụng logo bằng hình ảnh thì thẻ h1 trong logo lại bị bỏ trống.