Hôm nay mình sẽ hướng dẫn cho các bạn một code khá thú vị cho blogspot đó là thêm lời chào bằng tên của bạn khi mới vào blogs
 |
| Hình ảnh minh họa |
<b:if cond='data:view.isHomepage'><!--RIUSGREY-->
<style>
.table-drive{background:#fff;border:1px solid #e5e5e5;border-width:1px 1px 1px 1px;margin-bottom:-1px;padding:10px 15px 10px 15px;border-radius:0;overflow:hidden;font-size:14px;line-height:20px}
.table-drive-title-riu{float:left;width:100%;padding:15px 15px}
.table-drive .list-item{float:left;width:100%;padding:10px 15px 10px 47px;border-bottom:1px solid #e5e5e5;color:#555}
a.list-item.sticky{background:#d4edda;color:#155724;border-color:#c3e6cb}
.table-drive p{margin-top:5px;margin-bottom:0;font-size:13px;font-style:italic}
.table-drive .list-item:last-child{border-bottom:0 solid #e5e5e5}
.table-drive .list-item:hover{background:#2196F3;color:#fff}
.table-drive h3{margin-bottom:0;font-size:14px;line-height:24px;font-weight:600}
.lien-quan .table-drive h3 span{display:none}
.type-file{float:left;width:24px;height:24px;text-align:center;line-height:24px!important;margin-right:8px;border-radius:50%;overflow:hidden;transition:all .5s ease}
.table-drive .type-file {position: absolute;left:-18px;}
.table-drive .list-item:hover .type-file{background:#fff;color:#555}
.thumbnail-image{float:left;border-radius:0;overflow:hidden;position:relative;width:220px;height:120px;margin:0!important;margin-right:10px;border:0;box-shadow:none;padding:0}
.thumbnail-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;-webkit-transition:all .7s;-moz-transition:all .7s;transition:all .7s}
.thumbnail-image img:hover{transform:scale(1.06) translateZ(0)}
.thumbnail-image,.content{display:none}
.table-drive h2.post-title.entry-title{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-transform:uppercase;margin-bottom:0;font-size:14px;line-height:24px}
.table-drive h2.post-title.entry-title a{color:#333;font-weight:600}
.table-drive .post{float:left;width:100%;padding:10px 15px 10px 47px;border-bottom:1px solid #e5e5e5;color:#555/*;margin-left:-16px*/}
.table-drive:hover{background:#e5e5e5}
.table-drive:hover h2 .table-drive h2.post-title.entry-title a{color:#fff!important}
</style>
<div class='table-drive-title-riu'>
<div class='row'>
<div class='col-lg-10 col-md-11 col-10'>
<h4><i class='fa fa-hand-peace-o' style='margin-right:10px; color:red;'></i>
Chào mừng bạn <script language='javascript'>
var ten=window.prompt ("Xin chào ! Vui lòng nhập tên của bạn vào bên dưới." ,"");
document.write(" " + ten + " ");
</script> đến với RIUS GREY!
</h4>
</div>
</div>
</div>
</b:if>
