[BS] Johny Wusss Template Blogger - Đẹp, chuẩn SEO, phù hợp với Blog tin tức

Johny Wusss Template Blogger là một trong những Template Blogspot tin tức có thiết kế đẹp mắt và thoáng nhất hiên nay. Bố cục của Johny Wusss Template Blogger được chia thành 2 phần rõ ràng với Post - Sidebar đem đến cảm giác tập trung hơn cho người truy cập. Thêm nữa, Template Blogspot này cũng được tối ưu chuẩn SEO và cả tốc độ tải trang. Tuy nhiên, một điểm thiếu xót nho nhỏ chính là Johny Wusss Template Blogger không hỗ trợ Responsive. 

>> Eleven40 Template Blogger cá nhân đẹp, chuẩn SEO

Những tính năng nổi bật của Johny Wusss Template Blogger:

• Thiết kế bố cục đẹp mắt với giao diện chia thành 2 phần Post - Sidebar.
• Footer gồm 3 cột rõ ràng.
• Tối ưu hóa tốc độ tải trang.
• Chuẩn SEO 100%, thân thiện với các công cụ tìm kiếm.
• Hỗ trợ nhiều vị trí đặt quảng cáo.
• Dễ dàng chỉnh sửa.
• Hiển thị tốt trên nhiều trình duyệt Web.
• Cùng nhiều tính năng hấp dẫn khác.

Cách sử dụng Johny Wusss Template Blogger:

Tiện ích bài viết ngẫu nhiên:

Bạn chỉ cần thêm đoạn Code này vào phần HTML là có thể sử dụng tiện ích này.

<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>

Chỉnh sửa Menu:

Để có thể chỉnh sửa Menu bạn vào phần HTML của Template, tìm đến đoạn Code dưới đây và thay Menu sao cho phù hợp với ý bạn nhất. Với mỗi dấu "#" sẽ là chỗ để bạn đặt Link Label (Nhãn). Lưu ý, bạn phải Post bài viết trước để tạo Label (Nhãn) sau đó Copy Link này vào mục HTML của Template.

<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>

Chia sẻ Johny Wusss Template Blogger:

Download | Demo

Mặc dù không hỗ trợ Responsive những nếu bạn yêu thiết kế và bố cục của Johny Wusss Template Blogger thì đây vẫn là một sự lựa chọn gần như hoàn hảo. Chúc bạn thành công với những dự án của mình sắp tới.