Tut24h - Chia sẻ Blogger Template tối ưu Seo và Adsense

Tut24h Chia sẻ và giới thiệu với các bạn một mẫu Template đơn giản nhưng khá phù hợp với blog cá nhân gồm bài viết và hình đại diện khá bắt mắt. Đây là mẫu đang áp dụng cho blog Góc trái tim. Những ưu điểm của blogger template này là: Đẹp, thân thiện với người xem. Bố cục rõ ràng, với Footer 2-4 cột. Ít sử dụng Javascript, tốc độ load nhanh. Menu đa cấp tạo được nhiều chuyên mục. Banner quảng cáo phù hợp với các bạn chạy Google Adsense. Tối ưu SEO trong code.

Xem Demo | Tải về

Một số hướng dẫn chỉnh sửa chi tiết cho các bạn:

1. Tạo mục BÀI VIẾT NGẪU NHIÊN
Bạn thêm tiện ích trong phần chỉnh sửa - bố cục - Script/HTML và  chép đoạn code sau vào: 

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

2. Chỉnh sửa menu 

- Bạn Mẫu - HTML: tìm đoạn code menu và thay thế bằng menu của bạn

<ul class='sf-menu'>

<li><a href='/'>Home</a></li>

<li><a href='#'>Menu 1</a></li>

<li><a href='#'>Drop Menu 1</a>

<ul>

<li><a href='#'>Sub Menu 1</a></li>

<li><a href='#'>Sub Menu 2</a></li>

<li><a href='#'>Sub Drop Menu 3</a>

<ul>

<li><a href='#'>Sub Drop Menu 3.1</a></li>

<li><a href='#'>Sub Drop Menu 3.2</a></li>

</ul>

</li>

</ul>

</li>

<li><a href='#'>Drop Menu 2</a>

<ul>

<li><a href='#'>Sub Menu 1</a></li>

<li><a href='#'>Sub Menu 2</a></li>

<li><a href='#'>Sub Menu 3</a></li>

</ul>

</li>

<li><a href='#'>Menu 2</a></li>

<li><a href='#'>Menu 3</a></li>

</ul>

Hãy trải nghiệm với mẫu blogger template này và để lại chia sẻ bên dưới nhé.
Tut24h Chúc các bạn thành công.