Xin chào các bạn, lâu lắm AdZone mới có thời gian để ngồi viết các bài về blog, mình cũng không phải không muốn viết các bài viết về blog đâu nhưng hiện công ty mình đang phải là các dịch vụ về miễn phí như, thiet ke web mien phi,host mien phi, ten mien mien phi, cùng với đó là các dịch vụ khác như SEO mien phi của SEO ben vung, và còn dịch vụ khá mất nhiều thời gian đó là sửa chữa máy tính miễn phí nữa vì vậy, hôm nay sau khi sắp xếp được mình xin viết bài này để các bạn có thể tùy biến cho blog của mình.
Thanh giới thiệu/Ghi chú trên cùng bằng CSS cho Blogspot Blogger.
Các bạn có thể thấy phần ghi chú được ở lên trên giúp bạn thông báo cũng như có những lời chào mừng đến với blog của bạn một cách đơn giản và nhanh chóng phải không nào.
Vậy giờ chúng ta phải làm như thế nào để có được như vậy: Chúng ta hãy cùng nhau làm thôi.
Để thực hiện thủ thuật này, các bạn chỉ cần lấy đoạn mã code sau và thay đổi cho phù hợp, sau đó chèn nó vào một widget HTML/Javascript là xong!
<style type=”text/css”>
/* Tips For Blogger by Terocket.com */
#abt-hotsmain{height:100px;left:0;position:fixed;top:0;width:100%}
#abt-hots{background-color:#EB593C;border-bottom:2px solid #FFF;height:30px;left:0;position:fixed;top:0;width:100%;box-shadow:3px 3px 3px 3px;z-index:10000}
#abt-hotsdata{color:#FFF;font-family:serif;font-size:15px;padding:5px}
#abt-hotshide{cursor:pointer;height:20px;position:absolute;right:12px;top:4px;width:20px}
#abt-hotsshow{background-color:#EB593C;border-bottom:3px solid #000;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-left:3px solid #000;border-right:3px solid #000;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:5px;top:0;width:30px}
.abt-hotsdownarrow{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #CC5200;height:0;width:0}
.abt-hotsblock{background-color:#CC5200;height:10px;width:8px}
.abt-hotsuparrow{border-bottom:10px solid #CC5200;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}
</style>
<div id=”abt-hotsmain” >
<center id=”abt-hotsshow” onmouseup=”document.getElementById(‘abt-hots’).style.display=’block'”><div class=”abt-hotsblock”></div><div class=”abt-hotsdownarrow”></div></center>
<div id=”abt-hots” >
<center id=”abt-hotshide” onmouseup=”document.getElementById(‘abt-hots’).style.display=’none'”><div class=”abt-hotsuparrow”></div><div class=”abt-hotsblock”></div></center>
<center id=”abt-hotsdata” >
Chào mừng các bạn đến với AdZone
</center>
</div>
</div>