Tạo Sitemaps Blogger (Blogspot) hiển thị theo Label

Đã có 1 bài viết ITViet360 hướng dẫn người dùng blogspot cách tạo sơ đồ trang Blogger với hiển thị là theo thời gian. Và hôm nay thêm 1 dạng sitemaps nữa mà ITViet360 giới thiệu tới bạn đọc đó là Sitemaps Blogspot hiển thị theo Label khá đẹp và tối ưu. Ngay dưới đây sẽ là hướng dẫn nội dung chi tiết, được hướng dẫn theo yêu cầu của bạn bên site: Chữa trị viêm xoang
Tạo Sitemaps Blogger (Blogspot) hiển thị theo Label
DEMO TẠI ĐÂY

Các bước tạo Sitemaps Blogger (Blogspot) hiển thị theo Label


  • Bước 1: Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
  • Bước 2: Tìm tới ]]></b:skin> và dán code dưới đây ngay trên nó.

.judul-label{ background-color:#E5ECF9; font-weight:bold; line-height:1.4em; margin-bottom:5px; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 4px #AAAAAA; box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #e9e9e9; border: 2px solid white !important; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background: -moz-linear-gradient(top, #888, #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); } .data-list{ line-height:1.5em; margin-left:5px; margin-right:5px; padding-left:15px; padding-right:5px; white-space:nowrap; text-align:left; font-family:"Arial",sans-serif; font-size:12px; } .list-ganjil{ background-color:#F6F6F6; } .headactive{ color: #fef4e9; border: 2px solid white !important; background: #1C8DFF; background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2)); background: -moz-linear-gradient(top, #9dc2e7, #438cd2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2'); }

Bước 3: Lưu mẫu lại
Bước 4: Vào Trang (Page) -> tạo trang mới (New page)
lựa chọn soạn thảo HTML
Tạo Sitemaps Blogger (Blogspot) hiển thị theo Label
và dán code dưới đây vào nội dung, sau đó xuất bản trang.

<script src="http://yourjavascript.com/18113981113/bukarahasiablog-toc.js"></script><script src="http://www.chuatriviemxoang.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script><script type="text/javascript">var accToc=true;</script><script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/concordian-tos.js" type="text/javascript"></script>

- Chúc các bạn vui vẻ !
Chuyên mục: , , ,

0 nhận xét:

Đăng một bình luận