Cách thêm lời chào bằng tên khi mới vào Blogspot | Vũ Minh Thịnh

Quản trị viên 6 năm #Blogger

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>