Sơ đồ Widget cho Blogger
Thêm Sơ đồ website hoặc lục trong một blog là rất khuyến khích cho tất cả các blogger dù mới hay cũ. Những Sơ đồ trang web giúp người đọc của chúng tôi để điều hướng blog của chúng tôi dễ dàng và nó cũng giúp blog của chúng tôi bằng cách giảm tỷ lệ trả lại của nó (số lần truy cập chỉ gồm một lần xem trang).
Đáp ứng Sơ đồ Widget cho Blogger
Widget này đã được mã hoá bởi Lutip.com. Phụ tùng đồ này được đáp ứng và có thể được sử dụng nhiều hơn hoặc ít hơn trong mỗi mẫu blogger mà không có bất kỳ vấn đề lớn. Các widget trông hấp dẫn và bắt mắt quá. Xem trực tiếp bằng cách nhấn vào nút bên dưới:
Xem Sơ Đồ
Để thêm phụ tùng Sơ đồ này trong blog của bạn chỉ cần làm theo các hướng dẫn dưới đây. Tới Blog Tiêu đề → Trang → New Trang → Blank Page → HTML và dán đoạn mã dưới đây đưa ra trong trình soạn thảo bài viết.
<script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/sitemap.js" type='text/javascript'></script>
<script src="http://www.lutip.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<p style="display:none;"><a href="http://www.lutip.com/">lutip</a></p>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style>Sau khi thêm các thay đổi URL in đậm màu xanh với URL blog của bạn. Sau đó xuất bản trang và bạn sẽ có thể nhìn thấy đồ thanh lịch này trên blog của bạn. Hy vọng bài viết là hữu ích với bạn.