mẫu cho blog, mau cho blog, template for blog
![]() |
| camera-quan-sat |
Sau mấy ngày lần mò lên một số trang mình sưu tầm được 2 theme cho blogspot để làm trang tin tức, hình ảnh mượt, tích hợp đủ công nghệ, chuẩn seo, và đặc biệt là resize được trên các màn hình có kích cỡ khác nhau vì được thiết kế css bằng file bootrap. Đây là 2 theme trả phí của trang themeforest.net nhưng được các bác get về dùng miễn phí nhé. Quá tuyệt vời phải không nào
Đây là hình ảnh của 2 em đó và link download
1. Rifqiy Responsive Blogger Template
![]() |
| Rifqiy Responsive Blogger Template |
![]() |
| Template blogspot sevida |
Mẫu template bán hàng thì rất nhiều nhưng để tìm được một mẫu template đẹp chuyên về thời trang thì cực kì hiếm, hôm nay mình xin chia sẻ với các bạn một template cực kì đẹp, để bạn nào muốn làm một shop thời trang online thì có thể download về dùng, hình ảnh của template
Bài viết này mình sẽ hướng dẫn bạn làm cách nào để thêm 2 button Lên trên và Xuống dưới ẩn hiện với hiệu ứng trượt nhẹ nhàng nhờ sử dụng Javascript. Và các button mình không sử dụng hình ảnh như các thủ thuật trước mà thay vào đó các button sẽ được tạo từ CSS. Nếu bạn có hứng thú với tiện ích thú vị này hãy làm theo các bước hướng dẫn đơn giản bên dưới!

#gotop{cursor:pointer;width:30px;height:30px;position:fixed !important;position:absolute;z-index:999;text-indent:-9999px;border:1px solid #144F69;background-color:#067BAF;background-image:-webkit-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-moz-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-ms-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-o-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:radial-gradient(ellipse at center top,#2493C4,#086A95);-webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;-moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;-webkit-border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0;border-radius:10px 0 0 0;overflow:hidden}
#gotop:hover:after{border-bottom-color:white}
#gotop:after{content:"";display:block;width:0;height:0;border-width:10px 4px;border-style:solid;border-color:transparent transparent #C3D1D7 transparent;position:absolute;top:0;left:11px}
#gobottom{cursor:pointer;width:30px;height:30px;position:fixed!important;position:absolute;top:26px;right:0;z-index:99;text-indent:-9999px;border:1px solid #144F69;background-color:#067BAF;background-image:-webkit-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-moz-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-ms-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-o-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:radial-gradient(ellipse at center top,#2493C4,#086A95);-webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;-moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;-webkit-border-radius:0 0 0 10px;-moz-border-radius:0 0 0 10px;border-radius:0 0 0 10px;overflow:hidden}
#gobottom:hover:after{border-top-color:white}
#gobottom:after{content:"";display:block;width:0;height:0;border-width:10px 4px;border-style:solid;border-color:#C3D1D7 transparent transparent transparent;position:absolute;top:10px;left:11px}<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$("#gotop").removeAttr("href");
$("#gotop").stop().animate({
bottom: "0",
right: "0"
}, {
duration: 800,
queue: false
})
} else {
$("#gotop").stop().animate({
bottom: "-50",
right: "-50"
}, {
duration: 1000,
queue: false
})
}
if ($(this).scrollTop() > 100) {
$("#gobottom").removeAttr("href");
$("#gobottom").stop().animate({
top: "-50",
right: "-50"
}, {
duration: 800,
queue: false
})
} else {
$("#gobottom").stop().animate({
top: "0",
right: "0"
}, {
duration: 1000,
queue: false
})
}
});
$(function () {
$("#gotop").click(function () {
$("html, body").animate({
scrollTop: 0
}, "slow");
return false
})
$("#gobottom").click(function () {
$("html, body").animate({
scrollTop: $('#footer').offset().top
}, 970);
return false
})
});
//]]>
</script>
<a id="gotop" style="bottom: -50px; right: -50px;">Lên Trên!</a>
<a id="gobottom" style="top: 0px; right: 0px;">Xuống Dưới!</a>
<div id='footer'/>
Nếu bạn chỉ làm blogspot để lưu trữ thì không nói làm gì nhưng nếu bạn làm một blogspot tin tức hay bán hàng thì việc chọn 1 template chuẩn seo thì không phải đơn giản, nó sẽ giúp cho bạn tiết kiệm được rất nhiều thờ gian và công sức và quan trọng nhất là đêm lại cho bạn nhiều tiền bạc, để giúp bạn điều đó mình xin giới thiệu cho bạn 5 mẫu template chuẩn seo hoàn toàn miễn phí.
Mọi người download theo link sau : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4rHZ8VdV7coxeg-zxbCu_h0cUTTUNEcuuVto2STnD2ddYP8kzPDWoEJxqfKsLh7M3l6kPd6_qygPqh39YFiWBw_Z-TnrUnjYMf_zCxTQoMhyphenhyphenWzLcqe_UZ02eKnC0w1gDgN6gLwlwAK1ry/s1600/template+blogspot+-chuan-seo.png

Disqus là mẫu nhận xét từ bên thứ 3 có nhiều ưu điểm. Hiện nay được rất nhiều các webmaster sử dụng để thay thế cho mẫu commnet cũ của blogger. Mình đã từng hướng dẫn các bạn cách Cài đặt comment của DISQUS cho Blogger.