Hôm nay, Wordspot Theme tiếp tục chia sẻ cho các bạn một theme blogger chuẩn Seo làm trang blog cá nhân hoặc trang tin tức. Template DoiGuocMoc này được chia sẻ bởi ad blog Doiguocmoc.com.
|
| Share Template DoiGuocMoc Miễn Phí Mới Nhất |
Những tính năng định biệt của template DoiGuocMoc:
- 100% Responsive
- Hỗ trợ Comments System Facebook
- Social Button
- Tương thích nhiều trình duyệt (IE9 +, Mozilla, Chrome, Safari)
- Bố trí blog layout chuyên nghiệp
- Giao diện 2 cột, khá đẹp, phù hơp làm một trang blog cá nhân
- Đã được tối ưu chuẩn SEO, code sạch, tốc độ load trang nhanh
- Menu dropdown, Full responsive
- Phân trang chuẩn, bài viết liên quan
- Template blogspot được tối ưu vị trí đặt quảng cáo, rất phù hợp với những bạn chơi Adsense...
Hướng dẫn sử dụng:
1. Top 5 bài viết mới
Code:
<script type='text/javaScript'> document.write("
<script src=\"/feeds/posts/default/?max-results=5&orderby=published&alt=json-in-script&callback=sliderposts\"><\/script>");
</script>
Code:
<script>
document.write(' < div class = "recent-post-title" > < h2 > < span > < a href = "/search/label/Tên Label?&max-results=10" > Tên khung bạn muốn < /a> < /span> < /h2> < /div>');
document.write(" < script src = \"/feeds/posts/default/-/Tên Label?orderby=published&alt=json-in-script&callback=mythumb1\"><\/script>");
</script>
3. Style Box 2
Code:
<script>
document.write(' < div class = "recent-post-title" > < h2 > < span > < a href = "/search/label/Tên Label?&max-results=10" > Tên khung bạn muốn < /a> < /span> < /h2> < /div>');
document.write(" < script src = \"/feeds/posts/default/-/Tên Label?orderby=published&alt=json-in-script&callback=mythumb\"><\/script>");
</script>
4. Style Box 3
Code:
<script type='text/javaScript'> document.write('
<div class="recent-post-title">
<h2>
<span>
<a href="/search/label/Tên Label?&max-results=10">Tên khung bạn muốn</a>
</span>
</h2>
</div>');
document.write("
<script src=\"/feeds/posts/default/-/Tên Label?max-results=3&orderby=published&alt=json-in-script&callback=stylebox3\"><\/script>");
</script>
5. Style Box 4
Code:
<script>
document.write(' < div class = "recent-post-title" > < h2 > < span > < a href = "/search/label/Tên Label?&max-results=10" > Tên khung bạn muốn < /a> < /span> < /h2> < /div>');
document.write(" < script src = \"/feeds/posts/default/-/Tên Label?orderby=published&alt=json-in-script&callback=mythumb\"><\/script>");
</script>
6. Style Box 5
Code:
<script type='text/javaScript'> document.write('
<div class="recent-post-title">
<h2>
<span>
<a href="/search/label/Tên Label?&max-results=10">Tên khung bạn muốn</a>
</span>
</h2>
</div>');
document.write("
<script src=\"/feeds/posts/default/-/Tên Label?max-results=4&orderby=published&alt=json-in-script&callback=stylebox3\"><\/script>");
</script>
7. Widget bình luận gần đây
Code:
<style type="text/css" scoped>
h6 {
font-size: 100%;
font-weight: 400;
}
ul.allbloggertricks_recent {
list-style: none;
margin: 0;
padding: 0;
}
.allbloggertricks_recent li {
background: none !important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
border: 1px solid transparent;
max-height: 100px;
padding: 3px 0 !important
}
.allbloggertricks_recent a {
text-decoration: none;
}
.avatarImage {
line-height: 0;
padding: 3px;
background: #fefefe;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
float: left;
margin: 0 6px 0 0;
position: relative;
overflow: hidden
}
.avatarRound {
width: 35px;
height: 35px
}
.allbloggertricks_recent li span {
color: #ccc;
display: block;
font-size: 12px;
line-height: 1.4;
}
</style>
<script type="text/javascript">
//
< ![CDATA[var numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = false,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true; maxfeeds = 50, adminBlog = 'Your Name';
//]]>
</script>
<script src='https://fd7acd468e6ed4b74105821fb3f7d0a44c677f7f.googledrive.com/host/0ByBzWAyW5EdvRkViUEpBeHBldGM/doiguocmoc.com.widget-comment.js'></script>
<!--Recent comment-->
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=allbloggertricks_recent&&max-results=50"></script>
Các bạn chú ý hai phần chính là
numComments = 5,và adminBlog=’Your Name’;
Bạn thay đổi tùy ý nhé. Trong đó:
- numComments = 5 : là số comment được hiển thị.
- adminBlog=’Your Name’ : là tên blogger của bạn. Mặc định, tên bạn sẽ được làm nổi bật bằng màu đỏ trong widget.
8. Widget top comments
Code:
<script type="text/javascript">
var maxTopCommenters = 10;
var minComments = 1;
var numDays = 0;
var excludeMe = true;
var excludeUsers = ["Anonymous", "Tên Admin Blog"];
var maxUserNameLength = 42;
//
var txtTopLine = ' < b > [#]. < /b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';
//
var sizeAvatar = 20;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy0eAQEQ1FV0Qe9IBL1AMsczq6UcRt9ODM5Gmd9hbJ2ennSlYMIZyJ96_ivS4b2vtbx3mly1_KPVV0f_SSDMvhrdoGz-XE8pa9hoDF1U92aphyphenhyphenItlvophpKbGu00hlrPNaOjhvVCnC9rQb/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8kOyxD3yWA0RtCwx0WTD1y80AsiKPEPDqTqceDszSDPkUbTY-Gpm5oLej2AbO88LhhUO0jKm5vjQrSmDR_HeQ4SH2SWnrOTzP76DCzGapLXAJjnpY9JBYbo8a_WflVfjRFgxPQUAkWNmU/s1600/avatar1.png' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';
if (!Array.indexOf) {
Array.prototype.indexOf = function(obj) {
for (var i = 0; i < this.length; i++)
if (this[i] == obj) return i;
return -1;
}
}
</script>
<script src='https://fd7acd468e6ed4b74105821fb3f7d0a44c677f7f.googledrive.com/host/0ByBzWAyW5EdvRkViUEpBeHBldGM/doiguocmoc.com.top-commentators.js'></script>
Các bạn chú ý hai phần var maxTopCommenters = 10; và var excludeUsers = [“Anonymous”, “Tên Admin Blog”]; để thay đổi cho phù hợp.
Trong đó:
- var maxTopCommenters = 10; là số người được hiển thị.
- var excludeUsers = [“Anonymous”, “Tên Admin Blog”]; là những tên mà sẽ được ẩn đi.
9. Widget nhận bài qua email
Code:
<div id="widget-feedburner-2" class="widget widget-feedburner">
<div class="widget-top">
<h4>Nhận bài qua Email</h4>
<div class="stripe-line"></div>
</div>
<div class="widget-container">
<div class="widget-feedburner-counter">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=
doiguocmoc/HvLu
', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class="feedburner-email" type="text" name="email" value="Email của bạn - VD: email@example.com" onfocus="if (this.value == 'Email của bạn - VD: email@example.com') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Email của bạn - VD: email@example.com';}" />
<input type="hidden" value="
doiguocmoc/HvLu
" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input class="feedburner-subscribe" type="submit" name="submit" value="Đăng ký" />
</form>
</div>
</div>
</div>
Các bạn thay doiguocmoc/HvLu thành của mình trên feedburner nhé!
Xong rồi đó, giờ tới phần quan trọng nè :)))
