Code hộp đăng kí nhận bài viết cực đẹp cho blogspot
7/30/2018
Edit
Chào các bạn hôm nay mình sẽ chia sẽ cho mọi người cách thêm tiện ích đăng kí nhận bài viết cực đẹp cho blog nhé
Cách làm rất đơn giản
Đầu tiên các bạn vào Bố Cục --> Thêm Tiện Ích Html/javascrjpt
các bạn copy đoạn code sau và dán vào phần nội dung nhé
<div class="bsd-container">
<div class="sidebar_about_author">
<div class='inner_wrapper'>
<div class='bsdbox-img'>
<img alt="AnhStarIT" class="img-responsive" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhTvcozl0xZTI8Ns1ZTxe0MkXli7bCDesSp6ljXBAEyOqL2fpWwdJz3z5SwBc5W5y5XXiT0S49SYxzIAj-x6q907ljh8KfDXTp9ZUjpi3nWyjSITid8ECH-0w76gYCfErRRs-Z7pCawQQ/s300/subscribe+to+bloggersstand+feed.jpg" title="Anh Star IT" width="300" />
<div class='joinfloat-img'><span class='bsdbox-float'><a href='https://www.blogger.com/follow-blog.g?blogID=1143446305807422853' rel='nofollow' target='_blank' title='Đăng Ký Ngay +'><i class='fa fa-laptop'></i> Đăng Ký Ngay</a></span></div>
</div>
</div>
<div class='bsdbox-info'>
<h4><span>Anh Star IT</span></h4>
<p>Thủ Thuật - Ảnh Bìa Chất</p>
</div>
<div class='bsdbox-wrap'>
<ul class='bsdextend'>
<li class='bsdbox-icon facebook'>
<a href='https://www.facebook.com/Anh-Star-IT-609564782735041' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook fa-fw'></i>Theo Dõi</a>
</li>
<li class='bsdbox-icon twitter'>
<a href='https://l.facebook.com/l.php?u=https%3A%2F%2Fdxoan.blogspot.com%2F2015%2F03%2Fhuong-dan-chen-facebook-comment-vao-blogger-blogspot.html%3Fm%3D1&h=AT07OZDjeAPv3FBG_6EwJB07SAIjejnvcyDnUpiiqoE8fU5lUnQd7-efi-y5V5s7ZOB_7bvFWmkqHSEiY1mvsBXG574-KEFPUocSG-opiMg5rholQM082DUqeZoFxN-x7l98kYVBU_m0h9y94j9wMA' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter fa-fw'></i>Theo Dõi</a>
</li>
<li class='bsdbox-icon circle'>
<a href='https://plus.google.com/117853748212422202130?hl=vi' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus fa-fw'></i>Theo Dõi</a>
</li>
</ul>
</div>
</div>
</div>
<style>.bsd-container{position:relative;display:block;background:#fff;padding:10px;border:1px solid #eee;overflow:hidden}.bsdbox-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:110%}.bsdbox-img{position:relative;max-height:135px;overflow:hidden}.bsdbox-img img{max-width:100%;width:100%;transition:all .6s}.bsdbox-img:hover img{transform:scale(1.2) rotate(-9deg)}.bsdbox-img:before{content:'';background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:all .3s}.bsdbox-img:hover:before{background:rgba(0,0,0,0.5)}.joinfloat-img{width:56%;position:absolute;top:36%;bottom:36%;left:22.6%;z-index:4}.bsdbox-float{text-align:center;display:table;width:100%;height:100%}.bsdbox-float a{background:transparent;color:#00bcd4;padding:8px 14px;z-index:2;display:table-cell;width:100%;font-size:90%;text-transform:uppercase;vertical-align:middle;border:1px solid #00bcd4;border-radius:4px;transition:all .3s}.bsdbox-float:hover a{background:#00bcd4;color:#fefefe;border-color:transparent}.bsdbox-float a i{font-weight:normal;margin:0 6px 0 0}.bsdbox-wrap{display:block;margin:14px auto;position:relative}.bsdbox-wrap .bsdextend{width:100%;display:block}.bsdextend{text-align:center;font-size:17px}.bsdextend .bsdbox-icon{display:inline-block;border:0;margin:0;padding:0;width:32%}.bsdextend .bsdbox-icon a{background:#768187;display:inline-block;font-weight:410;color:#fefefe;padding:0 12px;line-height:32px;border-radius:4px;font-size:11px;width:100%}.bsdextend .bsdbox-icon i{font-family:fontawesome;margin:0 4px 0 0}.bsdbox-icon.facebook a{background:#3b5998}.bsdbox-icon.twitter a{background:#19bfe5}.bsdbox-icon.circle a{background:#d64136}.bsdbox-icon.facebook a:hover,.bsdbox-icon.twitter a:hover,.bsdbox-icon.circle a:hover{background:#415471}.extender .bsdbox-icon:hover a,.extender .bsdbox-icon a:hover{color:#fefefe}.bsdbox-info{margin:11px 0 0 0;font-size:12px;text-align:center}.bsdbox-info p{margin:6px 0}.bsdbox-info h4{position:relative;margin-bottom:11px;font-size:15px;text-transform:uppercase;color:#00bcd4;font-weight:600}.bsdbox-info h4 span{position:relative;display:inline-block;padding:0 11px;margin:0 auto}.bsdbox-info h4:before,.bsdbox-info h4:after{position:absolute;top:52%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0,0,0,0.07)}.bsdbox-info h4:before{margin-left:-50%;text-align:right}</style>
Ở các phần tô màu thì bạn thay đổi cho hợp với blog của mình nhé
Lời Kết
Đầu tiên các bạn vào Bố Cục --> Thêm Tiện Ích Html/javascrjpt
các bạn copy đoạn code sau và dán vào phần nội dung nhé
<div class="bsd-container">
<div class="sidebar_about_author">
<div class='inner_wrapper'>
<div class='bsdbox-img'>
<img alt="AnhStarIT" class="img-responsive" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhTvcozl0xZTI8Ns1ZTxe0MkXli7bCDesSp6ljXBAEyOqL2fpWwdJz3z5SwBc5W5y5XXiT0S49SYxzIAj-x6q907ljh8KfDXTp9ZUjpi3nWyjSITid8ECH-0w76gYCfErRRs-Z7pCawQQ/s300/subscribe+to+bloggersstand+feed.jpg" title="Anh Star IT" width="300" />
<div class='joinfloat-img'><span class='bsdbox-float'><a href='https://www.blogger.com/follow-blog.g?blogID=1143446305807422853' rel='nofollow' target='_blank' title='Đăng Ký Ngay +'><i class='fa fa-laptop'></i> Đăng Ký Ngay</a></span></div>
</div>
</div>
<div class='bsdbox-info'>
<h4><span>Anh Star IT</span></h4>
<p>Thủ Thuật - Ảnh Bìa Chất</p>
</div>
<div class='bsdbox-wrap'>
<ul class='bsdextend'>
<li class='bsdbox-icon facebook'>
<a href='https://www.facebook.com/Anh-Star-IT-609564782735041' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook fa-fw'></i>Theo Dõi</a>
</li>
<li class='bsdbox-icon twitter'>
<a href='https://l.facebook.com/l.php?u=https%3A%2F%2Fdxoan.blogspot.com%2F2015%2F03%2Fhuong-dan-chen-facebook-comment-vao-blogger-blogspot.html%3Fm%3D1&h=AT07OZDjeAPv3FBG_6EwJB07SAIjejnvcyDnUpiiqoE8fU5lUnQd7-efi-y5V5s7ZOB_7bvFWmkqHSEiY1mvsBXG574-KEFPUocSG-opiMg5rholQM082DUqeZoFxN-x7l98kYVBU_m0h9y94j9wMA' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter fa-fw'></i>Theo Dõi</a>
</li>
<li class='bsdbox-icon circle'>
<a href='https://plus.google.com/117853748212422202130?hl=vi' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus fa-fw'></i>Theo Dõi</a>
</li>
</ul>
</div>
</div>
</div>
<style>.bsd-container{position:relative;display:block;background:#fff;padding:10px;border:1px solid #eee;overflow:hidden}.bsdbox-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:110%}.bsdbox-img{position:relative;max-height:135px;overflow:hidden}.bsdbox-img img{max-width:100%;width:100%;transition:all .6s}.bsdbox-img:hover img{transform:scale(1.2) rotate(-9deg)}.bsdbox-img:before{content:'';background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:all .3s}.bsdbox-img:hover:before{background:rgba(0,0,0,0.5)}.joinfloat-img{width:56%;position:absolute;top:36%;bottom:36%;left:22.6%;z-index:4}.bsdbox-float{text-align:center;display:table;width:100%;height:100%}.bsdbox-float a{background:transparent;color:#00bcd4;padding:8px 14px;z-index:2;display:table-cell;width:100%;font-size:90%;text-transform:uppercase;vertical-align:middle;border:1px solid #00bcd4;border-radius:4px;transition:all .3s}.bsdbox-float:hover a{background:#00bcd4;color:#fefefe;border-color:transparent}.bsdbox-float a i{font-weight:normal;margin:0 6px 0 0}.bsdbox-wrap{display:block;margin:14px auto;position:relative}.bsdbox-wrap .bsdextend{width:100%;display:block}.bsdextend{text-align:center;font-size:17px}.bsdextend .bsdbox-icon{display:inline-block;border:0;margin:0;padding:0;width:32%}.bsdextend .bsdbox-icon a{background:#768187;display:inline-block;font-weight:410;color:#fefefe;padding:0 12px;line-height:32px;border-radius:4px;font-size:11px;width:100%}.bsdextend .bsdbox-icon i{font-family:fontawesome;margin:0 4px 0 0}.bsdbox-icon.facebook a{background:#3b5998}.bsdbox-icon.twitter a{background:#19bfe5}.bsdbox-icon.circle a{background:#d64136}.bsdbox-icon.facebook a:hover,.bsdbox-icon.twitter a:hover,.bsdbox-icon.circle a:hover{background:#415471}.extender .bsdbox-icon:hover a,.extender .bsdbox-icon a:hover{color:#fefefe}.bsdbox-info{margin:11px 0 0 0;font-size:12px;text-align:center}.bsdbox-info p{margin:6px 0}.bsdbox-info h4{position:relative;margin-bottom:11px;font-size:15px;text-transform:uppercase;color:#00bcd4;font-weight:600}.bsdbox-info h4 span{position:relative;display:inline-block;padding:0 11px;margin:0 auto}.bsdbox-info h4:before,.bsdbox-info h4:after{position:absolute;top:52%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0,0,0,0.07)}.bsdbox-info h4:before{margin-left:-50%;text-align:right}</style>
Ở các phần tô màu thì bạn thay đổi cho hợp với blog của mình nhé
Lời Kết
Mọi người hãy ủng hộ mình bằng cách click quảng cáo để mình có thêm động lực để làm ra những file PSD đẹp cho mọi người nhé hi
Xin chào !Tôi là Anh Star kẻ đứng sau website này, tôi viết blog toàn thời gian và kiếm tiền online qua click quảng cáo. Website này lần đầu tiên được thành lập vào năm 2018, hoạt động vào đầu tháng 5 năm 2018 cho đến ngày hôm nay.
