GeoWall Responsive Blogger Template load nhanh,cực đẹp

GeoWall Responsive Blogger Template là một template blogspot tin tức với responsive.Với bố cục rõ ràng thì template này sẽ là lựa chọn đúng đắn của bạn khi phát triển blog tin tức,web công ti

• DEMO
• DOWNLOAD

Các tính năng nổi bật

• Thiết kế 100% responsive.
• Chuẩn HTML 5.
• Tốc độ tải trang rất nhanh.
• Tự động thu nhỏ hình ảnh làm ảnh đại diện bài viết.
• Tối ưu hóa SEO.
• Dropdown Menu.
• Hỗ trợ các vị trí quảng cáo.
• Có nút tự động đọc thêm.
• Breadcrumbs.
• Related Posts.
• Các nút chia sẻ qua mạng xã hội.
• Tương thích với nhiều trình duyệt.
• Bố cục tùy chỉnh đơn giản, dễ dàng.

Chúc bạn thành công !

Red XCode Responsive Blogger Template chuẩn seo,Load nhanh

Sau đây mình xin giới thiệu 1 template Red XCode Responsive Blogger Template.Template rất đẹp phù hợp với blog tải ứng dụng,game

Thông tin :

• Giao diện đẹp mắt
• Thiết kế tinh tế,chuẩn seo và load nhanh
• Tích hợp comment facebook
• Hỗ trợ quảng cáo mọi nơi
• Hiển thị bài đăng mới nhất bên tay phải

• DEMO
• DOWNLOAD

Cách thêm nút Dowload và Demo vào bài viết Blogspot

Sau đây mình xin giới thiếu cách taoh nút demo và dowload cho mọi người ,phù hợp với những blog thủ thuật hay template blogspot :)

Cách thực hiện :
Vào blogspot ->  mẫu -> chỉnh sửa HMTL .Thêm đoạn code dưới đây trước thẻ </style>

.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#1ABC84;}
.demo:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;}
.download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.demo:before {content:&#39;\f135&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:&#39;\f019&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}

Chèn code dưới đây vào bài viết mà bạn muốn đặt nút dowload và demo

 <div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

Thay YOU R-LINK-HERE bằng Link Demo
Thay YOU-LINK-HERE bằng Link Dowload
Chúc bạn thành công !

• DEMO
• DOWNLOAD

Chia sẻ Code Weather Widget đẹp nhất cho blogspot

Code thời tiết cho blogspot sẽ làm cho blog của bạn thêm sinh động hơn,giúp người truy cập biết được hôm nay là bao nhiêu độ c và mưa hay nắng.Vậy mình xin chia sẻ 1 code rất hữu ích cho các bạn nhé :)

Cách thực hiện :

Vào Blogspot -> Bố cục -> Thêm tiện ích -> HTML .Copy đoạn code dưới đây xong dán vào đó :

<a href="http://www.accuweather.com/en/bd/sylhet/30917/weather-forecast/30917" class="aw-widget-legal">
<!--
By accessing and/or using this code snippet, you agree to AccuWeather’s terms and conditions (in English) which can be found at http://www.accuweather.com/en/free-weather-widgets/terms and AccuWeather’s Privacy Statement (in English) which can be found at http://www.accuweather.com/en/privacy.
-->
</a><div id="awcc1423474866653" class="aw-widget-current"  data-locationkey="" data-unit="c" data-language="en-us" data-useip="true" data-uid="awcc1423474866653"></div><script type="text/javascript" src="http://oap.accuweather.com/launch.js"></script>

Cuối cùng là ấn lưu !
Chúc bạn thành công !

Code chèn Author vào bài viết Blogspot mới nhất

Sau đây mình xin chia sẻ khung author blogspot cho mọi người .Author blogspot là 1 khung thông tin tác giả của blogspot đó

Tham Khảo :Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger

Các bước thực hiện :

Bước : Vào Blog - > Mẫu -> Chỉnh sửa HTML
Thêm đoạn code dưới đây vào sau thẻ </style>

/* CSS Author Bio Box by MS Design */ .authorboxwrap{Font-family: Open Sans;background:#fff;margin:10px auto 20px;padding:20px;overflow:hidden;border:1px solid #ccc;} .avatar-container {float:left;margin-right:20px;border: 1px solid silver;padding: 3px;} .avatar-container img{width:110px;height:auto;} .author_description_container h4{font-family:Open Sans; font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px} .author_description_container h4 a{color:#ef4824} .author_description_container h4 a:hover{color:#404040} .author_description_container p{margin:0;color:#888;font-size:95%;margin-bottom:8px;font-family: Open Sans;} .authorsocial a{display:inline-block;text-align:center;margin-right:10px} .authorsocial a i{font-family:Fontawesome;width:20px;height:20px;line-height:20px;padding:5px;display:block;opacity:1;border-radius:50%;transition:all .3s;} .authorsocial a:nth-child(1) i {background:#2d609b;color:#fff;} .authorsocial a:nth-child(2) i {background:#19bfe5;color:#fff;} .authorsocial a:nth-child(3) i {background:#eb4026;color:#fff;} .authorsocial a:hover:nth-child(1) i,.authorsocial a:hover:nth-child(2) i,.authorsocial a:hover:nth-child(3) i {opacity:0.90;}

Tiếp theo tìm đoạn <data: post.body/>.Thêm code dưới đây vào trước thẻ đó :

b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class='author_description_container'>
<h4>Author: <a href='#' rel='author'><data:post.author/></a></h4>
<p>
<data:post.authorAboutMe/>    
</p>
<div class='authorsocial'>
<a class='img-circle1' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle2' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='img-circle3' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>
<div style='clear:both'/>
</b:if>

Ấn lưu và xong !
Chú ý : nhớ điền thông tin Facebook và Google + nhé !
Chúc các bạn thành công !

Template Syahira Responsive Blogspot đẹp trên cả tuyệt vời

Syahira - Responsive Blogger Template là 1 template khá đẹp,giao diện thiết kết hợp lí tốc độ load cực nhanh.Hôm nay mình sẽ chia sẻ cho các bạn Template Syahira này :v

Các tính năng :

• Giao diện đẹp,chuẩn seo và load nhanh
• Thanh menu trượt dài theo kéo chuột
• Hỗ trợ quảng cáo
• Tiện ích bài viết liên quan
• Nút chia sẻ lên mạng xã hội
• Tích hợp comment facebook
• Nhận xét có hỗ trợ icon

Link Demo

Link Tải:

http://www66.zippyshare.com/v/PwzwPa5v/file.html 

http://www.tusfiles.net/kxlfiqttsqy2

Chúc mọi người thành công !

Template Blogspot Vikka Theme chuẩn seo,load nhanh

Template Vikka Theme được thiết kế với  Arlina Design . Template Blogspot Vikka Theme chuẩn seo và loading cực nhanh,giao diện đẹp mắt.

Các đặt điểm nổi bật :

• Thiết kế đẹp mắt,gọn gàng
• Chuẩn seo,load cực nhanh
• Nút chia sẻ lên mạng xã hội cực đẹp
• Tiện ích bài viết liên quan
• Hỗ trợ quảng cáo 

Demo | Dowload

Chúc các bạn thành công !

Template MagOne Responsive Blogger Chuẩn Seo

Hôm nay mình xin giới thiệu 1 Template MagOne Responsive Blogger TemplateMagOne Responsive Blogger Template

Live Demo | Dowload

Các đặc điểm chính :

• Thiết kết Responsive
• Hỗ trợ Seo tốt
• Thân thiện với thiết bị di động
• Hỗ trợ tất cả các quảng cáo
• Loading nhanh

Chúc các bạn thành công !

Template Blogspot Simple Seo Responsive 2015

Hôm nay SvTinHoc.Net xin giới thiệu với các bạn 1 template cực chất,chuẩn seo,load cực nhanh.Hi vọng Template Blogspot  Simple Seo Responsive 2015 này sẽ làm các bạn hài lòng.

Live Demo | Link Tải

Những tính năng nổi bật của giao diện này:

• Code chuẩn SEO
• Giao diện Responsive phù hợp với moble
• Hỗ trợ tốt tính năng Breadcrumbs
• Page 404 custom
• ... và nhiều tính năng thú vị khác :D

Chúc bạn thành công !

Chèn emoticons và ảnh, Youtube, Nhaccuatui vào Thread Comment

Phiên bản tiếp theo của Emoticons & Multimedia for Thread Comment. Ở phiên bản trước thì việc chèn ảnh, Youtube và Nhaccuatui cần đặt trong thẻ [img], [youtube] và [nct]. Phiên bản này việc chèn sẽ đơn giản hơn, tự động nhận biết đường dẫn ảnh, Youtube hay Nhaccuatui trong nhận xét và hiển thị nó bên dưới nội dung nhận xét đó.
Phần mở rộng của ảnh được hỗ trợ là png, jpg, gif và bmp.

Live Demo

Để chèn đoạn mã dưới các bạn vào : Blog->Mẫu->HTML .Thêm code dưới đây trước thẻ </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var copyright='Emoticons & Multimedia for Thread Comment by http://duypham.info';
var smileys=[
{'text':':))','img':'http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'},
{'text':':)','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'},
{'text':':((','img':'http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'},
{'text':':(','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'},
{'text':':D','img':'http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'},
{'text':'=))','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'},
{'text':'=D&gt;','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'},
{'text':':-O','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'},
{'text':':-?','img':'http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'},
{'text':':-SS','img':'http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'},
{'text':':-t','img':'http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'},
{'text':'[-(','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'},
{'text':'@-)','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'},
{'text':'b-(','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'},
{'text':':P','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'}];
var type_img=['png','PNG','jpg','JPG','jpeg','JPEG','gif','GIF','bmp','BMP'];
var dp=['Q a=["\\1b\\m\\w\\b\\q\\t\\w\\z\\u\\r\\1r\\r\\1c\\F\\s\\b\\q\\m\\h\\C\\q\\k\\r\\O\\w\\l\\r\\1e\\o\\l\\h\\k\\C\\r\\1H\\w\\m\\m\\h\\z\\b\\r\\E\\N\\r\\o\\b\\b\\B\\R\\n\\n","\\N\\B","\\q\\z\\O\\w","\\t\\w\\m\\m\\h\\z\\b\\W\\o\\w\\s\\C\\h\\l","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\1v\\N\\1z\\C","\\B","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\u\\1v\\N\\1e\\k\\J\\1W\\k\\m\\h","\\s\\h\\z\\J\\b\\o","","\\q\\z\\z\\h\\l\\1X\\1e\\1c\\1T","\\q\\b\\h\\m","\\o\\b\\b\\B","\\u\\B\\s\\q\\b","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\v\\k\\b\\t\\o\\1d\\1g\\A","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n\\z\\J\\o\\h\\1d","\\M","\\q\\z\\C\\h\\T\\1Z\\O","\\u\\F\\E\\u\\b\\l\\q\\z\\J","\\r","\\H","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\m\\J\\r\\u\\b\\N\\s\\h\\A\\p\\m\\k\\T\\W\\v\\q\\C\\b\\o\\R\\1S\\G\\G\\1R\\p\\r\\u\\l\\t\\A\\p","\\p\\n\\L","\\1r","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\O\\l\\k\\m\\h\\r\\v\\q\\C\\b\\o\\A\\p\\1p\\G\\G\\p\\r\\o\\h\\q\\J\\o\\b\\A\\p\\1f\\1Q\\G\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\h\\m\\E\\h\\C\\n","\\1d\\l\\h\\s\\A\\G\\p\\r\\O\\l\\k\\m\\h\\E\\w\\l\\C\\h\\l\\A\\p\\G\\p\\r\\k\\s\\s\\w\\v\\O\\F\\s\\s\\u\\t\\l\\h\\h\\z\\L\\H\\n\\q\\O\\l\\k\\m\\h\\L","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\h\\m\\E\\h\\C\\r\\u\\b\\N\\s\\h\\A\\p\\v\\q\\C\\b\\o\\R\\1f\\G\\G\\B\\T\\1P\\o\\h\\q\\J\\o\\b\\R","\\1c\\A","\\1f\\G\\G","\\1p\\G\\G","\\B\\T\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n","\\m\\n","\\s\\n","\\p\\r\\O\\s\\k\\u\\o\\1g\\k\\l\\u\\A\\p\\k\\F\\b\\w\\u\\b\\k\\l\\b\\A\\O\\k\\s\\u\\h\\p\\r\\1N\\F\\k\\s\\q\\b\\N\\A\\p\\o\\q\\J\\o\\p\\r\\v\\m\\w\\C\\h\\A\\p\\b\\l\\k\\z\\u\\B\\k\\l\\h\\z\\b\\p\\r\\b\\N\\B\\h\\A\\p\\k\\B\\B\\s\\q\\t\\k\\b\\q\\w\\z\\n\\T\\W\\u\\o\\w\\t\\1D\\v\\k\\1g\\h\\W\\O\\s\\k\\u\\o\\p\\L\\H\\n\\h\\m\\E\\h\\C\\L","\\b\\h\\T\\b","\\H\\q\\m\\J\\r\\u\\l\\t\\A\\p","\\q\\m\\J","\\l\\h\\B\\s\\k\\t\\h","\\C\\F","\\o\\k\\m\\M"];Q V=[];K=[];I=[];1q=a[0];1w=a[1];1u=a[2];1s=1Y[a[4]](a[3]);c=1s[a[6]](a[5]);D(c){U(x=0;x<c[a[7]];x++){Q 1i=a[8];1o=a[8];P=a[8];d=c[a[10]](x)[a[9]];e=d[a[12]](a[11]);f=d[a[12]](a[13]);g=d[a[12]](a[14]);U(Q i=1;i<e[a[7]];i++){U(Q j=0;j<Z[a[7]];j++){1h=e[i][a[16]](a[15]+Z[j]);D(1h!=-1){V[i]=a[11]+e[i][a[17]](0,1h)+a[15]+Z[j];D((V[i][a[16]](a[18])==-1)&&(V[i][a[16]](a[19])==-1)){1i+=a[20]+V[i]+a[21]}}}};U(Q i=1;i<f[a[7]];i++){1a=f[i][a[16]](a[18]);X=f[i][a[16]](a[19]);D(1a!=-1){K[i]=f[i][a[17]](0,1a);Y=K[i][a[16]](a[19]);D(Y!=-1){K[i]=K[i][a[17]](0,Y)}}S{D(X!=-1){K[i]=f[i][a[17]](0,X)}S{D(i==f[a[7]]-1){K[i]=f[i][a[17]](0,d[a[7]])}}};K[i]=K[i][a[12]](a[22]);K[i]=K[i][0];1o+=a[1x]+K[i]+a[1U]};U(Q i=1;i<g[a[7]];i++){1m=g[i][a[16]](a[18]);1n=g[i][a[16]](a[19]);D(1m!=-1){I[i]=g[i][a[17]](0,1m);1j=I[i][a[16]](a[19]);D(1j!=-1){I[i]=I[i][a[17]](0,1j)}}S{D(1n!=-1){I[i]=g[i][a[17]](0,1n)}S{D(i==g[a[7]]-1){I[i]=g[i][a[17]](0,d[a[7]])}}};1k=I[i][a[17]](0,2);I[i]=I[i][a[17]](2,I[i][a[7]]);P+=a[1V];D(1k==a[1t]){P+=a[1O]}S{P+=a[1J]};P+=a[1A];D(1k==a[1t]){P+=a[1y]}S{P+=a[1B]};P+=I[i]+a[1M]};U(Q y=0;y<1l[a[7]];y++){d=d[a[1K]](1l[y][a[1L]],a[1I]+1l[y][a[1E]]+a[21])};D(1G==1q+a[1F]+1w+a[1C]+1u){c[a[10]](x)[a[9]]=d+1i+1o+P}}};',"|","split","||||||||||_0xf28e|x74||||||x65|||x61|x72|x6D|x2F|x68|x22|x69|x20|x6C|x63|x73|x77|x6F|||x6E|x3D|x70|x64|if|x62|x75|x30|x3C|nct|x67|youtube|x3E|x2E|x79|x66|a3|var|x3A|else|x78|for|img|x2D|aft_y2|aft_y3|type_img|||||||||||aft_y1|x45|x4D|x3F|x54|x33|x76|dot_png|a1|aft_nct3|m_l|smileys|aft_nct1|aft_nct2|a2|x34|cbef|x26|cL|26|cbef3|x42|cbef2|23|30|x49|29|31|38|x6B|35|37|copyright|x43|34|28|36|33|32|x71|27|x3B|x32|x25|x31|x4C|24|25|x4E|x48|document|x4F|||","","fromCharCode","replace","\\w+","\\b","g"];eval(function(d,e,a,c,b,f){b=function(a){return(a<e?dp[4]:b(parseInt(a/e)))+(35<(a%=e)?String[dp[5]](a+29):a.toString(36))};if(!dp[4][dp[6]](/^/,String)){for(;a--;)f[b(a)]=c[a]||b(a);c=[function(a){return f[a]}];b=function(){return dp[7]};a=1}for(;a--;)c[a]&&(d=d[dp[6]](RegExp(dp[8]+b(a)+dp[8],dp[9]),c[a]));return d}(dp[0],62,127,dp[3][dp[2]](dp[1]),0,{}));
//]]>
</script>
</b:if>

Chúc các bạn thành công!
Nguồn : Blog Duy Phạm

8 Template blogspot chuẩn seo,load nhanh,cực đẹp 2015

Template blogspot là một trong những bộ phận quan trọng nhất của Blogspot.Nó là cái áo của blogspot vậy.Template đẹp,dễ nhìn ,load nhanh,chuẩn seo kiến người truy cập có thiện cảm và muốn tìm những thứ mình cần trong blog của bạn.Và người quản trị nào cũng muốn và làm cho mình 1 Template đẹp và chuẩn seo,load nhanh.Hôm nay SvTinHoc.Net xin chia sẻ với các bạn 8 template blogspot tuyệt đẹp do mình tìm kiếm :)
Mẫu 1:
Nhận xét :
+ Template đẹp ,chuẩn seo,load nhanh
+ Bài đăng phân theo nhãn tại trang chủ
+ Có nút chia sẻ lên mạng xã hội
+ Có khung comment facebook
+ Hỗ trợ quảng cáo mọi nơi trên blog
.....

Link Demo | Link Tải

Mẫu 2:

Nhận xét :

+ Template load nhanh,chuẩn seo

+ Bài viết phần theo hàng ngang tại trang chủ

+ Có thanh cuộn di chuyển theo chuột

+ Nút chia sẻ MXH trên đầu bài viết

+ .....

Link Demo | Link Tải

Mẫu 3 :

Nhận xét :

+ Tem chuẩn seo,load nhanh

+ Bài viết theo chiều dọc ở trang chủ

+ Hỗ trợ quảng cáo ở mọi vị trí

+ Tiện ích bài viết liên quan

+ Nút chia sẻ MXH đẹp

....

Link Demo | Link Tải

Mẫu 4 :

Nhận xét :

+ Template phim cực đẹp

+ Hỗ trợ seo cực tốt,load nhanh

+ Nút chia sẻ mạng xã hội

+ Bài đang hàng ngang

...

Link Demo | Link Tải

Mẫu 5:

Nhận xét :

+ Template đẹp phù hợp với blog cá nhân

+ Seo thân thiện,load nhanh

+ Bài đăng hàng dọc

+ Hỗ trợ quảng cáo tốt

....

Link Demo | Link Tải 

Mẫu 6:

Nhận xét :

+ Template đẹp,phù hợp với blog cá nhân,tin tức

+ Seo tốt,load nhanh

+ ...

Link Demo | Link Tải

Mẫu 7 :

Nhận xét :

+ Template phù hợp với tin tức.

+ Chuẩn seo,load cực nhanh

+ Bài viết dạng hàng hàng và dọc

+ Hỗ trợ quảng cáo

+ Tiện ích bài viết liên quan,chia sẻ lên MXH

.....

Link Demo | Link Tải

Mẫu 8:

Nhận xét :

+ Template phù hợp với shop điện thoại,bán máy tính

+ Hỗ trợ giỏ hàng

+ Seo thân thiện

+ Sản phần phân chia rõ hàng,dễ nhìn

.....

Link Demo | Link Tải

Chúc bạn thành công !

Code tiện ích nhãn dạng flash đẹp nhất cho blogspot

Khi sử dụng Blogger hẳn bạn đã quá quen thuộc với Label (nhãn) của Blogger. Blogger cung cấp cho ta 2 lựa chọn để hiển thị các Labels dưới dạng danh sách và dạng Cloud, bạn hoàn toàn có thể tùy biến các Labels này bằng cách định dạng css theo phong cách riêng của bạn. Hôm nay, mình chia sẽ cho các bạn thêm một Label Cloud dạng Flash mà đôi lúc ta thường thấy nó ở các CMS như WordPress, Joomla, vBulletin,.

Các thực hiện:

Vào Blog->Bố cục->Thêm tiện ích->HTML:

Dán code dưới đấy vào đó

<div id="cbFlashContent">
     <p style="text-align:center;">Đang tải...</p>
</div>
<script type="text/javascript">/*<![CDATA[*/
var cbFlashLabelSettings = {
 blogurl: "http://www.svtinhoc.net",
 color: "0090FF",
 hoverColor: "FF00FF",
 backgroundColor: "FFFFFF",
 size: 7,
 speed: 150,
 width: 350,
 height: 350,
 transparency: true
};/*]]>*/</script>
<script type="text/javascript" src="https://googledrive.com/host/0BwL0KbT-xOaTUWtuN2JJR1dRY2s/cloud.js"></script>

Thay http://www.svtinhoc.net bằng địa chỉ blog của bạn.

Ấn lưu.

Chúc bạn thành công !

Code nhận xét mới đẹp nhất cho blogspot 2015

Có một tiện ích nhận xét, bình luận, comments, phản hồi mới nhất trên blogspot là một lợi thế, nó không chỉ giúp liên kết các bài viết trên blog của bạn, Bên cạnh đó còn giúp cho đọc giả dễ dàng theo dõi các cuộc thảo luận mới cũng như tương tác với các bài viết trên blog của bạn. Hãy thêm tiện ích nhận xét gần đây để cho blog của bạn trở nên chuyên nghiệp hơn. Vậy SvTinHoc.Net xin chia sẻ 2 kiểu nhận xét cho mọi người

Kiểu 1: 

Các thực hiện : Blog -> Bố cục -> Thêm tiện ích -> HTML

Dán code dưới đấy vào đó :

<style type='text/css'>
ul.nc_recent_comments{
list-style: none;
margin: 0;padding: 0;
}
.nc_recent_comments li {
background: none !important;
margin: 0 0 6px !important;
padding: 0 0 6px 0 !important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
word-break:break-all;
}
.nc_recent_comments li .avatarImage {
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 {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.nc_recent_comments li img {
padding: 0px;
position: relative;
overflow: hidden;
display: block;
}
.nc_recent_comments li span {
margin-top: 4px;
display: block;
line-height: 1.4;
}  
</style>
<script type="text/javascript">//<![CDATA[
    var
    numComments     = 5, //Số nhận xét muốn hiển thị
    showAvatar     = true, //true: hiển thị Avatar false: không hiển thị
    avatarSize     = 50, // kích thước avatar
    roundAvatar    = false, //false: avatar vuông true: avatar tròn
    characters     = 150, //Số ký tự hiển thị tóm tắc
    defaultAvatar     = "http://img1.blogblog.com/img/anon36.png",
    home_page = "http://www.svtinhoc.net"; //Địa chỉ log của bạn
//]]></script>
<script type="text/javascript" src="https://googledrive.com/host/0BwL0KbT-xOaTcENLSXhZeEhhM0E/"></script>

Thay http://svtinhoc.net thành địa chỉ blog của bạn.
Kiểu 2 :

Các thực hiện : Blog -> Bố cục -> Thêm tiện ích -> HTML

Dán code dưới đấy vào đó :

<style type=text/css>
.rcw-comments {
  border-top:1px solid #799D1A;
  padding:10px 0;
}
</style>
<script style="text/javascript">
var a_rc=5; //Số nhận xét muốn hiển thị
title_rec=true; //true: hiển thị tiêu đề bài viết false: không hiển thị
date_rec=true; //true: hiển thị ngày tháng false: không hiển thị
sum_rec=100; //Số ký tự hiển thị tóm tắc
home_page = "http://svtinhoc.net"; //Địa chỉ blog của bạn
</script>
<script type="text/javascript" src="https://googledrive.com/host/0BwL0KbT-xOaTRTUtaFJqeWJpWjA/"></script>

Thay http://svtinhoc.net thành địa chỉ blog của bạn.

Ấn lưu.

Chúc bạn thành công !

Template Blogspot bán quần áo chuẩn seo

Sau một tuần vắng bóng thì hôm nay mình xin chia sẻ 1 template blogspot bán hàng cho mọi người.Template này của khám phá blog đã được tối ưu seo,load nhanh và hỗ trợ cả seo sản phẩm.

Link Demo | Link Dowload

Các đặt điểm chính :

• Có tiện ích bài viết liên quan
• Sidebar hỗ trợ fanpage facebook ,các sản phẩm nổi bật
• Bài viết ở trang chủ phân chia theo hàng ngang rất tiện lợi và đẹp mắt
• Có nút chia sẻ lên mạng xã hội trong bài viết

Các hiển thị giá sản phẩm các bạn sử dụng đoạn code này để đăng bài :

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaHrbkD-QVLQjaje6PhXFARJpb_qEIHLgHduLvboG6irjnD8DjTQoocsOUhpBEXzJQI1kv8JrjlO0f37q6fpdACBtcbdMTlSSjf8FWv9zQAu7NV6xSCHSz286loknZFTt4sQ-209BuSk0/s1600/mang-to-doi-03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaHrbkD-QVLQjaje6PhXFARJpb_qEIHLgHduLvboG6irjnD8DjTQoocsOUhpBEXzJQI1kv8JrjlO0f37q6fpdACBtcbdMTlSSjf8FWv9zQAu7NV6xSCHSz286loknZFTt4sQ-209BuSk0/s1600/mang-to-doi-03.jpg" height="320" width="207" /></a></div><br />Giá: 120.00 USD &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsnbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />Mô tả sản phẩm: <br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdlSW4xOEwVu6o18WPYkpxyaPu46NkTi1HQ8wSduA83X2Yp50C_EcalEhov8EEii7e6K8z_CUXhGuPNDYwgnG0IfDJ8fyJfVuKeDKhJgakrNcDXTF2bMp6nwtHgVXdhaU6d6c8ZeodfXg/s1600/mang-to-doi-03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdlSW4xOEwVu6o18WPYkpxyaPu46NkTi1HQ8wSduA83X2Yp50C_EcalEhov8EEii7e6K8z_CUXhGuPNDYwgnG0IfDJ8fyJfVuKeDKhJgakrNcDXTF2bMp6nwtHgVXdhaU6d6c8ZeodfXg/s1600/mang-to-doi-03.jpg" height="400" width="258" /></a></div><br />

Chúc bạn thành công!
Nguồn: khám phá blog

Chia sẻ 2 template blogspot free tin tức,load nhanh

Sau đây SvTinHọc.Net sẽ chia sẻ cho các bạn 2 mẫu template blogspot tin tức chuẩn seo ,load cực nhanh
Thao Khảo :Kho Template của SvTinHoc.Net
Mẫu 1:
+ Giao diện đẹp
+ Thiết kết chuẩn seo
+ Load nhanh
+ Giao diệp phù hợp với tin tức,công nghê
+ Hiển thị bài đăng theo nhãn tại trang chủ
....

Demo | Link Dowload

Mẫu 2:

+ Giao diện đẹp, thân thiện

+ Tối ưu load, load nhanh và ổn định

+  Hướng dẫn cài đặt trong File đính kèm

 Demo | Link Dowload

Template blogspot bán hàng chuẩn seo,load nhanh

Hôm nay SV Tin Học xin giới thiệu với các bạn 1 template blogspot bán hàng đẹp,chuẩn seo .Với ai đang cần 1 template bán hàng chuyên nghiệp thì đây sẽ là lựa chọn hàng đầu của bạn !

Thông tin bản template :
+ Bố cục đơn giản 
+ Load nhanh,chuẩn seo
+ Có thêm vào giỏ hàng
+ Hỗ trợ các nơi quảng cáo
+ Có phần thanh toán
......

Demo | Dowload

Cách đánh giá 5 sao cho bài viết blogspot

Bạn là blogger muốn cho blogspot của mình chuyên nghiệp hơn với tính nắng đánh giá 5 sao.khi thấy bài viết hay giống như cái website đây là một chức năng đánh giá rất chuyên nghiệp được những website lớn hay dùng.

Cách đánh giá 5 sao cho bài viết blogspot

Các bước thực hiện :

Truy cập vào địa chỉ :http://graddit.com/ratings-widget

1. Chọn mẫu bạn thích
2.Ân vào blogspot
3.Lấy code
4.Dán code vào nơi mà bạn muốn hiển thị

Chúc Bạn thành công !

Cách tạo form liên hệ đẹp cho blogspot

Form liên hệ là phần cần thiết trong website và năm vừa rồi google hỗ trợ thêm tính năng add widgetcontact form vào template nhưng khó tùy biến thêm vào trang tĩnh nên bài viết này sẻ giúp bạn thêm form liên hệ ở trang tĩnh của blogspot. 

Demo trực tiếp tại : đây

Cách thực hiện :

Vào -> Blog -> Trang -> Tạo trang mới -> HTML :

Chèn code sau đây vào đó :

<style scoped="scoped" type="text/css">
.contact-form-box{width:50%;margin:20px auto;padding:0;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{width: 70%;height:auto;margin: 5px auto 15px;padding: 10px;background: #ebebeb;border: 1px solid #ccc;color:#777;border-radius:3px;box-shadow: 0px 4px 0px 0px #c7c5c7;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{background: #fffff7;outline:none}
#ContactForm1_contact-form-email-message{width: 95%;height: 100px;margin: 5px auto;padding: 10px;background: #ebebeb;border: 1px solid #ccc;color:#777;font-family:Arial, sans-serif;border-radius:3px;box-shadow: 0px 4px 0px 0px #c7c5c7;}
#ContactForm1_contact-form-submit {display:block;height: 35px;float: left;color: #FFF;padding: 0 20px;margin: 10px 0 5px 0;cursor: pointer;background-color:#f4836a;box-shadow: 0px 4px 0px 0px #c75b45;border:1px solid #eb7d67;border-radius:3px;text-shadow:0px 1px 0px #de5135;} #ContactForm1_contact-form-submit:hover {background-color:#f5785f;}
#ContactForm1_contact-form-submit:active {position:relative;top:2px;box-shadow: 0px 2px 0px 0px #c75b45;}
#ContactForm1_contact-form-submit:focus{outline:none}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width: 100%;margin-top:35px;text-align:left}
@media screen and (max-width: 768px){ .contact-form-box{width:100%;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{width: 96%;}
}
@media screen and (max-width: 480px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{width: 94%;}
}
</style>
<br />
<div class="contact-form-box">
<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /><br />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><br />
<input id="ContactForm1_contact-form-submit" type="button" value="Submit" /><br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> <script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '5141823992238115776';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5141823992238115776','//www.kompiajaib.com/','5141823981922315776'); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '5141823992238115776', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]> </script>

Thay ID bằng ID của bạn : 5141823992238115776 
Cách lấy ID Blogspot :
Vào bảng điều kiển blog.Như hình dưới đây :

Chúc các bạn thành công !

Cách cài đặt alexa widget vào blog/web mới nhất

Alexa.com vừa thay đổi giao diện, có thể giao diện mới khó điều hướng với bạn và mục để cài đặt widget cũng không hiển thị như cũ nên bài viết sẻ hướng dẫn bạn cách để bạn cài đặt alexa widget vào website/blog.

Cách Thực Hiện:

Bước 1: Vào trang http://www.alexa.com/

Bước 2: Nhấp vào mục "Support"

Tại trang hỗ trợ bạn hãy gõ từ khóa "alexa widget" rồi ấn Enter

Tiếp theo giao diện hiện ra :

Các bạn ấn vào chỗ mình khoanh đỏ đó

Trên là 2 code.Bạn có thể chèn nó vào chỗ nào trên trang web bạn muốn

Code 1 : Không có Links in:

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=yoursite.com"></script></a>

Code 2: Có Links in :

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=yoursite.com"></script></a>

Chú ý : Thay yoursite.com thành trên trang web của bạn :)

Chúc bạn thành công
Đây là ranks site mình ngày 5/8/2015 :

Template blogspot phim tuyệt đẹp 2015

Template phim đẹp cho blogspot | giao diện blog phim blogspot
Tham Khảo:6 Template blogspot tuyệt đẹp
5 Template Blogspot Free
Template chuẩn seo,load siêu nhanh
Ưu điểm :

+ Template chuẩn seo,Loading nhanh

+ Giao diện đẹp mắt

+ Bố cục rõ ràng

Sau đây là hình ảnh demo

Dowload Data | Dowload Template