Đầu tiên là cho đoạn code dưới vào trong thẻ <HEAD>:
<style type="text/css">
#mta_bar {
background: #66FF00;
border-bottom: 1px solid #808080;
margin: 0 0 3px 0;
padding: 4px 0;
z-index: 100;
top: 0;
left: 0;
width: 100%;
overflow: auto;
position: absolute;
}
* html #mta_bar{ /*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
.left {
float: left;
text-align: center;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
font-style: normal;
color: #660000;
width: 80%;
}
.right {
font-family: Arial, Helvetica, sans-serif;
float: right;
text-align: right;
font-weight: normal;
font-size: 10px;
letter-spacing: 0;
width: 19%;
white-space: nowrap;
}
.right a {
font-size: 10px;
color: #660000;
text-decoration: underline;
}
.right a:hover {
font-size: 10px;
color: #660000;
text-decoration: none;
}
#left_bar a {
text-decoration: none;
color: #660000;
}
#left_bar a:hover {
text-decoration: none;
color: #660000;
}
</style>
<script type="text/javascript" src="http://www33.websamba.com/anhvosite/blogger/js/mta-script.js"></script>
và chèn đoạn code sau vào ngay dưới thẻ <BODY>:
<div id="mta_bar"><div id="left_bar"><span class="left">
Nội dung mà bạn muốn hiển thị
</span></div><span class="right" onmouseover="self.status='MaxBlogPress.com';return true;" onmouseout="self.status=''"><img src="http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/close222.gif" onClick="closeTopAds();return false;" style="cursor:hand;cursor:pointer;" align="absmiddle" border="0"/> </span></div>
Ở phần nội dung muốn hiển thị, bạn có thể cho bất cứ cái gì vào, ví dụ link hoặc các thẻ HTML khác.
Nếu bạn biết về CSS có thể thay đổi màu hoặc font chữ cho nó đẹp hơn trong đoạn mã CSS trên!
Theo anh vo
Không có nhận xét nào:
Đăng nhận xét