<body>và thêm dòng này vào bên trong nó:
onload='siinBlog()'sau khi sửa nó sẽ thành như này:
<body onload='siinBlog()'>Tiếp theo, truy cập vào link bên dưới, copy đoạn code và dán ngay bên dưới <body onload='siinBlog()'>:
https://pastebin.com/qdKhiWgG-Bước 4: Copy đoạn vừa tạo ở bước 2 và thay vào code ở bước 3.
 |
| Thumbnail |
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>Các bạn thêm đoạn code dưới vào sau đoạn code bên trên là OK :v (nghĩa là sau cái thẻ đóng </a> ý :v)
<data:comment.author/> </a>
<b:if cond='data:comment.author == "Ngô Văn Tuấn"'><style type='text/css'>.top1_cmt {background: #ededed; border-radius: 90px; font-weight: 500; padding: 2px 10px 2px 10px}</style><span class='top1_cmt'> <i aria-hidden='true' class='fa fa-trophy' style='color: #efdb04'/> SIIN BLOG</span></b:if>
<style>
.comment-info2_BSW {clear: both; width: 100%; float: left; margin: 0 0 15px; }
.comment-info2_BSW .left {background: #dedede; padding: 3px 15px; border-radius: 100px; display: block; text-transform: uppercase; font: 400 12px Roboto;}
.comment-info2_BSW .right a {font: 500 12px Roboto,sans-serif; text-transform: uppercase; background: #dedede; padding: 3px 15px; box-sizing: border-box; display: block; border-radius: 100px;}
.comment-info2_BSW .right a:hover {opacity: .8}
ul.idbcomments{list-style:none;margin:0;padding:0}.idbcomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:0!important;word-break:break-all;padding:0 0 7px!important}.idbcomments li .avatarImage{float:left;margin-right:12px;position:relative;overflow:hidden}.idbcomments li img{border-radius:100%;position:relative;overflow:hidden;display:block;width:45px;height:45px}.idbcomments li a{font-weight:700}.idbcomments li span{color: #666; display: block; background: #dedede; padding: 10px; border-radius: 100px}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments
function idbcomments(a) {
var e;
e = '<ul class="idbcomments">';
for (var t = 0; numComments > t; t++) {
var r, o, n, i;
if (t == a.feed.entry.length) break;
e += "<li>";
for (var d = a.feed.entry[t], s = 0; s < d.link.length; s++) "alternate" == d.link[s].rel && (r = d.link[s].href);
for (var l = 0; l < d.author.length; l++) o = d.author[l].name.$t, n = d.author[l].gd$image.src;
n = -1 != n.indexOf("/s1600/") ? n.replace("/s1600/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("/s220/") ? n.replace("/s220/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("/s512-c/") && 0 != n.indexOf("http:") ? "http:" + n.replace("/s512-c/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("blogblog.com/img/b16-rounded.gif") ? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5-uG11eVmb5lsU6nXz_ZKcSfvlQhp5Vqt4mhbQJAbtOSp8Z4HfLXJnA_HBi1smOLhzWJ0SNBVC_Zg9e-MFxRF-0awnhvNnYdV8OZPTVxuGP0ZMnRkglSvZLcq6zsoHphrmj4s9f9qn5lC/" + avatarSize + "/blogger.png" : -1 != n.indexOf("blogblog.com/img/openid16-rounded.gif") ? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3FCffV5RTVtG-SP_3i8LTYnq0_lYfipEytXQDPc4BbNM9xhnSJFt2jUTLnXDLS1xkVrxKJbbfuG3_qgiLNzhhO287FyRv4RBPjY0utvwYTK0U9kBa0UYP_xAEvt6t9Qp1xG_Gp-Hb5obK/" + avatarSize + "/openid.png" : -1 != n.indexOf("blogblog.com/img/blank.gif") ? -1 != defaultAvatar.indexOf("gravatar.com") ? defaultAvatar + "&s=" + avatarSize : defaultAvatar : n, 1 == showAvatar && (i = 1 == roundAvatar ? "avatarRound" : "", e += '<div class="avatarImage ' + i + '"><a title="Truy cập đến bình luận đó" href="' + r + '"><img class="' + i + '" src="' + n + '" alt="' + o + '" width="' + avatarSize + '" height="' + avatarSize + '"/></a></div>'), e += '<a style="display:none" href="' + r + '">' + o + "</a>";
var A = d.content.$t,
v = A.replace(/(<([^>]+)>)/gi, "");
"" != v && v.length > characters ? (v = v.substring(0, characters), v += "…", 1 == showMorelink && (v += '<a href="' + r + '">' + moreLinktext + "</a>")) : v = v, e += "<span>" + v + "</span>", e += "</li>"
}
e += "</ul>";
var c = "";
0 == hideCredits && (c = "display:block;"), e += "", document.write(e)
}
var numComments = 5,
showAvatar = !0,
avatarSize = 42,
roundAvatar = !0,
characters = 30,
showMorelink = !1,
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOFPGGKi8_-oNH9rMyoNBwtxlTRX5o__sg0TZi2-Ha7i-7LJUUt6Nj71ml7WTpIj9-v44xf-UmqOIWAzwIXYl-1qrB_ZxRsgQLQwx4LQrQ_M_hSenZNTAofDBdITXz-9M8QYUZ0ru6pXvZ/s35/Logo-Bac-Si-Windows.png",
hideCredits = !0,
numComments = numComments || 5,
avatarSize = avatarSize || 60,
characters = characters || 25,
defaultAvatar = defaultAvatar || "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOFPGGKi8_-oNH9rMyoNBwtxlTRX5o__sg0TZi2-Ha7i-7LJUUt6Nj71ml7WTpIj9-v44xf-UmqOIWAzwIXYl-1qrB_ZxRsgQLQwx4LQrQ_M_hSenZNTAofDBdITXz-9M8QYUZ0ru6pXvZ/s35/Logo-Bac-Si-Windows.png",
moreLinktext = moreLinktext || " More »",
showAvatar = "undefined" == typeof showAvatar ? !0 : showAvatar,
showMorelink = "undefined" == typeof showMorelink ? !1 : showMorelink,
roundAvatar = "undefined" == typeof roundAvatar ? !0 : roundAvatar,
hideCredits = "undefined" == typeof hideCredits ? !1 : roundAvatar;
//]]>
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=idbcomments"></script>
<div class='comment-info2_BSW'>
<div class='left'>
Hiện có <b><span id='Stats1_totalComments'></span></b> bình luận
</div>
<div class='right'><a href='/cmt' target='_blank' title='Xem 200 bình loạn gần đây'>View all <i class='fa fa-angle-right' style='margin:0 0 0 5px'/></i></a>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
</script>
Vừa rồi cũng viết 1 bài hướng dẫn cách thêm hiệu ứng tuyết rơi rồi, nhưng mới đây tôi lướt cũng gặp 1 bài hướng dẫn cách thêm hiệu ứng này. Trông cũng khá đẹp mắt nên hôm nay tôi sẽ viết thêm bài chia sẻ cho các bạn cùng nhau trang trí blog nhân dịp giáng sinh sắp tới.
<style type="text/css">.snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%}.snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:snow linear infinite;animation:snow linear infinite}.snow.foreground{background-image:url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");-webkit-animation-duration:15s;animation-duration:10s}.snow.foreground.layered{-webkit-animation-delay:7.5s;animation-delay:7.5s}.snow.middleground{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);-webkit-animation-duration:20s;animation-duration:15s}.snow.middleground.layered{-webkit-animation-delay:10s;animation-delay:10s}.snow.background{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);-webkit-animation-duration:25s;animation-duration:20s}.snow.background.layered{-webkit-animation-delay:12.5s;animation-delay:12.5s}@-webkit-keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}@keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}</style><div class='snow-container'><div class='snow foreground'></div><div class='snow foreground layered'></div><div class='snow middleground'></div><div class='snow middleground layered'></div><div class='snow background'></div><div class='snow background layered'></div></div>
 |
| Hình Minh Họa |
]]></b:skin>/* Icon Theo Search Label */
.post-labelx{font-size: 20px;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
position: absolute;
top: 6px;
right: 6px;
box-sizing: border-box;
color: #fff;
z-index: 2;
border: 2px solid #fff;
border-radius:100%}
.post-labelx.anh-bia,.post-labelx.windows{background-color: #4a9b6c;}
.post-labelx.blogger{background-color: #FF8000;}
.post-labelx.facebook{background-color: #4267b2;}
.post-labelx.templates{background-color: #8E44AD;}
.post-labelx.psd{background-color: #787878;}
<div class='entry-image'><b:if cond='data:post.labels any (l => l.name == "PSD")'><span class='post-labelx anh-bia'><i class='fa fa-folder-open'/></span></b:if>Bước 3. Chỉnh sửa một số thông tin lại cho phù hợp ở chỗ in màu thành tên nhãn của blog các bạn nhé.
<b:if cond='data:post.labels any (l => l.name == "Template Blogger")'><span class='post-labelx templates'><i class='fa fa-bell'/></span></b:if>
<b:if cond='data:post.labels any (l => l.name == "Facebook")'><span class='post-labelx facebook'><i class='fa fa-facebook'/></span></b:if>
<b:if cond='data:post.labels any (l => l.name == "Blogger")'><span class='post-labelx blogger'><i class='fa fa-rss'/></span></b:if>
<style type='text/css'>/*<![CDATA[*/html:after {content: "";background: #fff url(https://i.imgur.com/GQGGSFZ.png) no-repeat;background-size: auto;position: fixed;top: 0;left: 0;width: 100%; height: 100%; z-index: 100000;background-position: center;}body {display:none;}@media screen and (max-width:800px) { html:after {background-size: contain;}}/*]]>*/</style>* Chú ý: Thay Link ảnh được bôi đỏ bằng Link ảnh bạn muốn
<style>.about-widget h4 {font-size: 18px;font-weight: 500;color: #333333;margin: 15px 15px}.about-widget {text-align: center;padding-bottom: 10px;}.about-widget p {font-size: 15px;line-height: 1.4}.about-widget-social {text-align: center;padding: 15px;margin: 15px -15px -15px;border-top: 1px solid #e2e2e2}.about-widget-social a i {font-size: 18px;margin: 0px 7px;color: #191b28;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}.about-widget-social span {display: none}.about-widget-img {border-radius: 50%;overflow: hidden;display: inline-block;max-width: 120px;max-height: 120px;line-height: 120px;margin: 10px 15px}.widget-info-luanit .content-w{padding:10px;border-top: 1px solid #ededed;}.widget-info-luanit .content-w>p{text-align:center;padding:10px;padding-top:0;border-bottom:1px solid #ededed;margin-bottom:10px;margin: 0px;}.widget-info-luanit .content-w>p a{color:#3b5992}.widget-info-luanit .content-w ul li{margin-bottom:15px;padding: 0px;border-bottom:none;}.widget-info-luanit .content-w ul li p{color:#333;font-size:14px;margin:0px}.widget-info-luanit .content-w ul li p .fa{width:20px;color:#868686}.widget-info-luanit .content-w ul li p .fa.fa-home{font-size:16px}.widget-info-luanit .content-w ul li p .fa.fa-map-marker{font-size:18px}.widget-info-luanit .content-w ul li p a{color:#3a5795;font-weight: 700;}.web{width:111px;border:1px solid #dddfe2;border-radius:4px;margin:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;padding-right:8px;padding-bottom:1px;padding-top:4px} .web:hover{border:1px solid #90949c}</style><div class="widget-content"><div class="about-widget"><div class="about-widget-img"><img alt="blogger template" src="http://znews-photo-td.zadn.vn/w1024/Uploaded/kcwvouvs/2017_09_15/19554162_852355278257274_8784679994650028259_n.jpg" width="100%" height="100%" /></div><h4>Nguyễn Đạt</h4><p> Người quan tâm đến tôi, tôi sẽ quan tâm lại gấp bội! </p></div><div class="widget-info-luanit"><div class="content-w"><ul><li> <p><i class="fa fa-briefcase"></i>Làm việc tại <a>Star Nguyễn IT</a></p></li><li><p><i class="fa fa-graduation-cap"></i>Từng học tại <a>Trường THCS Lê Thánh Tông</a></p></li><li><p><i class="fa fa-home"></i>Sống tại <a>Định Quán</a></p></li><li><p><i class="fa fa-map-marker"></i>Đến từ <a>Đồng Nai - Việt Nam</a></p></li><li><p><i class="fa fa-heart"></i>Có mối quan hệ phức tạp</p></li><li><p><i class="fa fa-rss"></i>Có <a>999.999.999</a> người theo dõi</p></li><center><div class="web"><p><img class="website" style="margin-top:-1px;margin-right:4px;vertical-align:middle" height="16" src="https://i.imgur.com/GbiOtSq.png" width="16" alt="" /><a class='web_site' style='color:#90949c' href="https://starnit.blogspot.com">Star Nguyễn IT</a></p></div></center> </ul></div> </div></div>
