Thứ Bảy, 16 tháng 5, 2009

Sau mỗi lần load trang thì trên đỉnh trang lại hiện ra 1 link nhỏ giới thiệu về 1 bài viết hay 1 link

Đôi khi bạn sẽ cần hiển thị một message nào đó trong blog, ngụ ý giới thiệu 1 cái gì đó cho độc giả, bạn sẽ cần đến cái này. Thực ra mấy cái này có khá nhiều trang sử dụng

Đầ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

0 Comments:

Đăng nhận xét

» VnTim™ cảm ơn bạn đã đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người quanh bạn.
» Bạn có thể sử dụng một số thẻ HTML như <b>, <i>,<a>.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu nếu có thể.
» Rất cảm ơn những comment thiện ý.

 

VnTim™ Trái Tim Việt Nam Copyright © 2010 VnTim™ Trái Tim Việt Nam