Laman

Tạo sitemap phong cách cho blogger

14   nhận xét

sitemap
Như chúng ta đã biết và đã thực hiện, hầu như sitemap nào cũng khá rắc rối và làm rất nặng, gây khó khăn cho khách cũng như cho bác google, yahoo,bing ghé thăm.Nay Yolks xin ra mắt 1 sitemap đạng cột rất độc đáo.Thủ thuật sẽ được bắt đầu....




Lưu ý: Yolks sử dụng js của  Abu-Farhan’s để tạo sitemap này :D

Bắt đầu nhé:
1.Tạo 1 sitemap trước:
Chúng ta vào mục Đăng bài --->Chỉnh sửa trang vào tạo 1 sitemap.
2.Tạo sitemap trong temp blogger:
Tìm:
</body>
và add sau nó đoạn code trên
</b:if >
Tiếp tục tìm thẻ
</head>
Sau đó thay thế nó thành đoạn code trên:
<b:if cond='data:blog.url == &quot;http://www.vngreenzone.com/p/sitemap.html&quot;'> 
<style> 
body{ 
  margin:0; 
  padding:0; 
  background:#f1f1f1; 
  font:70% Arial, Helvetica, sans-serif; 
  color:#555; 
  line-height:150%; 
  text-align:left; 
} 
#container{ 
  margin:20px auto; 
  width:680px; 
  background:#fff; 
  padding-bottom:20px; 
  border-left:1px solid #bebebe; 
  border-right:1px solid #bebebe; 
} 
#content{ 
  margin:0 20px; 
} 
h1 { 
  background:none repeat scroll 0 0 #DDDDDD; 
  font-family:sans-serif; 
  font-size:27px; 
  font-style:italic; 
  font-weight:lighter; 
  text-align:center; 
  text-shadow:1px 0 0 #FFFFFF; 
  margin:0px; 
} 
p{  
  margin-bottom:18px;  
  font-style:italic; 
  font-family:Georgia, Times, serif; 
  font-size:24px; 
  color:#bfe1f1; 
  padding:0; 
} 
a { 
  text-decoration:none; 
} 
ul { 
  margin:0px; 
  padding:0px; 
} 
ul li { 
  border-left:1px solid #000000; 
  color:#BEBEBE; 
  font-family:Arial; 
  font-size:13px; 
  font-style:italic; 
  list-style:decimal inside url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirhFetCRXDcFksSTbtV2gro-Kjt0fPra7Xexp0XyjhVfIO7AueQFAg4FyXnkLhCoXBp7nIzUA3QBgyQGlvgnfQRRnIUr3yRxkM85rq50LmyXb0K6Rsq7z4Ta3Oi8aAf5SX1Xk2e8vq8lo-/&quot;);
  margin:0 0 0 15px; 
  padding:8px 8px 8px 0; 
} 
li a{ 
  text-decoration:none; 
  color:#057fac; 
    display:block; 
  margin-top:-12px; 
  padding:0 0 0 30px; 
} 
li a:hover{ 
  text-decoration:none; 
  color:#999; 
} 
</style> 
<!--[if IE 6]> 
<style> 
li a{ 
    display:inline-block; 
    padding:0 0 0 5px; 
    margin-top:-10px; 
} 
</style> 
<![endif]--> 
</b:if> 
 </head> 
<b:if cond='data:blog.url == &quot;http://www.vngreenzone.com/p/sitemap.html&quot;'> 
<body> 
<div id='container'> 
  <h1>Sitemap vngreenzone</h1> 
  <div id='content'> 
<script src='http://fanyolks.appspot.com/js/sitemap.js' style='text/javascript'/>
<script src='http://www.vngreenzone.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc'/> 
</div> 
</div> 
</body> 
<b:else/>
3.Thay link và Save temp
ohh kiểu hierrarchical này cũng sáng tạo phết, mình vẫn đang xài kiểu chia theo label
Sao không sử dụng widget archive làm cho nhanh, load json sẽ hơi...lâu ^_^
hixx,pak Green quay ve kham pha giao dien co dien nua ah =,=
Yolks cũng như mình, đổi temp chóng mặt
Share hiệu ứng button đi bác Yoks ơi, đẹp quá!
Hôm kia làm 1 temp khác, mà import nhầm
Cái này gọi là " Lưu trữ", Sitemap thường phân loại theo Label muh
Chà chà hiển thị không giống greenzone chút nào, đang mò sửa lại hjx hjx
Pó tay luôn chỉnh cho bảng điều khiển blogspot hiện ra rùi nhưng mà mấy cái tùy chỉnh thêm vào như "plus one" vẫn bị djsable!(T_T)
Comment của bạn sẽ bị xóa nếu:
- Bạn chèn thẻ liên kết (a tag).
- Nội dung gây khó chịu cho các bạn đọc khác.
- Thắc mắc không liên quan bài viết, hãy post tại Hỏi đáp.
- P/s : Comment chê Admin xấu trai cũng sẽ bị xóa không thương tiếc :D

Comment của bạn sẽ bị xóa nếu:
- Bạn chèn thẻ liên kết (a tag).
- Nội dung gây khó chịu cho các bạn đọc khác.
- Thắc mắc không liên quan bài viết, hãy post tại Hỏi đáp.
- P/s : Comment chê Admin xấu trai cũng sẽ bị xóa không thương tiếc :D