CSS tinh khiết Xin chào Bar Clone cho Blogger
Tất cả các bạn có thể được biết về Xin chào Bar . Nếu không Xin chào Bar là một plugin cho WordPress mà đi kèm ở trên cùng của blog của bạn với văn bản của bạn mong muốn. Bổ sung này sẽ giúp bạn nhận được rất nhiều khách truy cập vào một trang mong muốn. Nếu bạn đang lưu trữ bất kỳ cuộc thi hoặc giveaway, thanh này sẽ giúp bạn nhận được rất nhiều lưu lượng truy cập trên trang cụ thể.
Demo CSS tinh khiet / thu thuat blog Add this to Your Blog
Chúng tôi đã tạo ra một bản sao của plugin này nhưng mà không sử dụng bất kỳ JavaScript của nó là hoàn toàn dựa trên HTML và CSS. Các plugin có nhiều tính năng như: Thiết kế đẹp, Shadow hiệu lực, kích thước nén để có được nhanh hơn thời gian tải vv Trong trường hợp thanh kích thích bất kỳ khách truy cập của bạn, nó có thể được đóng cửa chỉ bằng cách bấm vào một nút duy nhất. Bản demo của tiện ích này nằm trực tiếp phía trên đỉnh trang của bài này.
Một khi bạn đã nhìn thấy Demo làm theo các bước dưới đây để thêm thanh này trên blog của bạn.
Thêm các Widget
Đi vào Blog Tiêu đề → Giao diện → Thêm Widget → HTML / JavaScript. Dán mã dưới đây vào hộp
<style type="text/css">
/* Hello Bar Clone For Blogger by lutip.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" >
Demo CSS tinh khiet / thu thuat blog <a href="http://www.lutip.com/2013/11/lam-nao-e-them-danh-muc-custom-text-box.html" title="Rocking Templates">Add this to Your Blog</a>
</center>
</div>
</div>
Thiết lập cho widget
Bạn thay đổi những chữ màu xanh và url cho phù hợp. Bạn cũng có thể thêm các nút và những thứ khác theo sự thuận tiện của bạn.
Bây giờ lưu lại các phụ tùng và cuối cùng lưu mẫu. Bạn đang làm bây giờ. Bây giờ bạn và truy cập của bạn có thể thấy điều này mát mẻ Xin chào Bar Clone trên blog Blogger của bạn và bạn sẽ nhận được nhiều hơn và nhiều hơn nữa du khách đến liên kết của bạn quy định.