TẠO KHUNG GIỚI THIỆU CHO BLOGSPOT CỰC CHẤT

Tác giả Thìn DZ

Xuất bản - tháng 5 22, 2018

Loading...

Hôm nay mình xin chia sẽ có các bạn một code do mình tìm được và chỉnh sửa lại phù hợp và dễ nhìn nhất cho blogspot là một khung giới thiệu bao ngầu =))
Điều các bạn cần làm rất đơn giản :D

-------

CÁC BƯỚC THỰC HIỆN:

Bước 1: Vào phần Bố Cục tạo 1 HTML/Javascript

Bước 2: Dán toàn bộ code bên dưới vào: 

<div style="text-align: center;">
    <div class="about-widget-img">
        <img alt="blogger template" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXVKnsxMOH4fuVD7yWHmyBIspicQjf-M4qD8cZsAWZZXapJAbjEc9uxMya8TOrdELL7NrL7H6ihmM1K1Q2Fo-KpNGW3B5GWfzc6Zim3rZCIlXCcEe-wrm8fYATuAm9LIPRa4YyPs-4WFDC/w140-h140-p/31337787_594144790939324_8136689480686895104_n.jpg" width="120" height="120" />
    </div>
<span><b>Lê Bá Long IT</b> là một trang web phi lợi nhuận, chuyên chia sẻ những thủ thuật máy tính, windows, phần mềm, blogger/blogspot, và một số thứ khác!<br/>
<style>
.about-adh {color: #fff;
    font-size: 15px;
    font-family: 'Arial';}
.about-adh b {}
.about-adh span i{    font-size: 25px;
    padding: 3px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;}
</style>
<div class='about-adh'>
<span><i class="fa fa-map-marker"></i><b> Đắk Lắk - Việt Nam</b></span><br/>
<span><i class="fa fa-globe" style='font-size: 18px;'></i><b> https://lebalongit.blogspot.com/</b></span><br/>
<span><i class="fa fa-envelope-o" style='font-size: 18px;'></i><b> lebalong001@gmail.com</b></span><br/>
<span><i class="fa fa-facebook-square" style='font-size: 18px;'></i><b> facebook.com/Quangthin.57</b></span><br/>
</div></span>
<div class='bsw_thong_ke'>
<li><b><span id='Stats1_totalComments'></span></b> bình luận</li>
<li><b><span id='Stats1_totalPosts'></span></b> bài viết</li>
</div>
<style>
.bsw_thong_ke {text-align: center; padding: 6px 0; margin: 15px 0;}
.bsw_thong_ke li {display: inline-block; background: rgba(255,255,255,.15); padding: 2px 38px; border-radius: 6px; margin: 0 6px 0 0}
</style>
<a class='btn-bsw2' href='https://lebalongit.blogspot.com/2017/07/at-lien-ket.html' target='blank'>Hợp tác</a>
<a class='btn-bsw2' href='https://www.facebook.com/Quangthin.57' target='blank'>Fanpage</a>
<style>
.btn-bsw2{display: block; text-transform: uppercase; letter-spacing: .05em; margin: 5px 0; padding: 2px; font-size: 18px; color:#fff; background: rgba(255, 255, 255, 0.11); text-align: center; border-radius: 5px;}
.btn-bsw2:hover,.btn-bs2:focus{background:rgba(255,255,255,.53)}</style>
<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>');
//]]>--Le Ba Long IT
</script></div> 

 Thay thông tin lại cho đúng với web của bạn nhé !!!!
Lưu lại và xem kết quả :D

Lời Kết:

Qua vài bước đơn giản các bạn đã có một khung giới thiệu cực chất cho website của mình rồi!! 

Chúc các bạn thành công có thắc mắc hay góp ý hãy cmt ngay bên dưới giúp mình nhé