Để tạo sự chú ý cho một đoạn văn bản hoặc một thông báo, các bạn có thể tạo sự nổi bật cho đoạn văn bản đó bằng cách cho các chữ đổi màu liê...
GẮN LOGO CHO BLOG
Trong máy tính của bạn đang có nhiều ảnh đẹp và bạn muốn gắn làm Logo (ảnh đại diện) cho Blog? Bạn có thể gắn bất kỳ Logo nào (ảnh động ảnh ...
TẠO KHUNG CHỨA NỘI DUNG TỰ ĐỘNG THAY ĐỔI
Với thủ thuật này, các nội dung được hiển thị trong khung sẽ tự động thay đổi theo thời gian, ở mỗi khung các bạn có thể tạo một hoặc nhiều...
HIỂN THỊ TIÊU ĐỀ BÀI VIẾT TRONG MỘT NHÃN (KIỂU 2)
Trước đây, tôi có chia sẻ cho các bạn bài HIỂN THỊ TIÊU ĐỀ BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 1) , nay tôi xin giới thiệu tiếp KIỂU 2. Kiểu ...
FLASH ĐẸP CHO BLOG (PHẦN 9)
Dưới đây là một số files flash đẹp để bạn có thể trang trí cho Blog mình thêm đẹp, ứng với mỗi files flash là mã code phía dưới, bạn chỉ cần...
HIỂN THỊ TIÊU ĐỀ CÁC BÀI TRONG NHÃN (KIỂU 1)
<h2>Thủ thuật Win 7</h2>
<style type="text/css">
*{ padding: 0;
margin: 0;
font-family: Arial;
font-size: 12px;
}
#index_news{
width: 525px;
margin: 5px;
}
#main_content{
width: 525px;
float: left;
overflow: hidden;
}
#main_content .top_news{
width: 525px;
margin-bottom: 10px;
}
#main_content .top1_news{
width: 234px; /*Độ rộng cột đầu tiên*/
float: left;
margin-top: 8px;
}
#main_content .top1_news .top1_news_image img{
border: 1px solid #CCC;
padding: 1px;
width:230px; /*độ rộng của ảnh ở cột đầu tiên*/
height:155px; /*Chiều cao của ảnh ở cột đầu tiên*/
}
#main_content .top1_news .top1_news_title{
padding: 8px 0;
text-align: justify;
}
#main_content .top1_news .top1_news_title a{
font-size: 16px;
color: #002392; /*Màu tiêu đề của bài viết có nội dung tóm tắt*/
text-decoration: none;
}
#main_content .top1_news .top1_news_title a:hover{
text-decoration: underline;
color: #0066ff; /*Màu tiêu đề của bài viết có nội dung tóm tắt khi rê chuột*/
}
#main_content .top1_news p{
text-align: justify;
}
#main_content .top1_news p a{
padding-left: 4px;
}
#main_content .top1_news p img, #main_content .top2_news img{
vertical-align: bottom;
}
#main_content .top2_news{
width: 95px; /*Độ rộng cột thứ 2*/
float: left;
margin-left: 8px;
margin-top: 12px;
padding-right: 6px;
}
#main_content .top2_news .top2_news_image{
background: url(http://farm3.static.flickr.com/2509/3847739522_6980c393a3_o.gif) no-repeat;
width: 90px; /*độ rộng của ảnh ở cột 2*/
height: 65px; /*chiều cao của ảnh ở cột 2*/
padding: 4px;
}
.top2_news_image img {
width:90px; /*độ rộng của ảnh ở cột 2*/
height:65px; /*chiều cao của ảnh ở cột 2*/
}
#main_content .top2_news h2{
padding-top: 2px;
}
#main_content .top2_news h2 a{
color: #000033;
text-decoration: none;
}
#main_content .top2_news h2 a:hover{
text-decoration: underline;
color: #ff0000;}
#main_content .top2_news .dot3x1{
background: url(http://farm4.static.flickr.com/3574/3847739556_d334d7aa61_o.gif) repeat-x center
center;
margin: 10px 0;
height: 1px;
font-size: 1px;
}
#main_content .topo_news{
width: 174px; /*Độ rộng cột thứ 3*/
float: right;
background: url(http://farm4.static.flickr.com/3508/3846949497_b0f76c94df_o.gif) no-repeat;
padding: 5px 1px 0 1px;
}
#main_content .topo_news .topo_news_title{
background: url(http://farm3.static.flickr.com/2598/3846949449_4c4b03d2fa_o.gif) no-repeat;
width: 160px;
height: 22px;
color: #FFF;
padding: 4px 0 0 14px;
font-weight: bold;
font-size: 11px;
}
#main_content .topo_news ul li{
background: url(http://farm3.static.flickr.com/2532/3847739582_8f41366c2f_o.gif) no-repeat 8px 10px;
padding: 2px 2px 2px 20px;
list-style: none;
}
#main_content .topo_news ul li a{
color: #002392;
font-weight: bold;
font-size: 11px;
line-height: 1.5em;
text-decoration:none;
}
#main_content .topo_news ul li a:hover {
color: #ff0033;
text-decoration: underline;}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
imgnew = "http://farm4.static.flickr.com/3438/3847739416_077831a5c5_o.gif";
showRandomImg = true;
aBold = false;
summaryPost = 147; // Số kí tự hiển thị cho phần tóm tắt bài viết
numposts = 10; // số bài viết sẽ hiển thị (Gồm tất cả bài viết ở 3 cột)
topoTitle = "Bài viết khác";
label = "WIN 7"; // Nhãn bài viết hiển thị (nếu hiển thị tất cả bài viết thì không cần gõ nhãn)
home_page = "http://www.dungheineken.blogspot.com/"; //thay đổi thành địa chỉ URL blog của bạn
</script>
<script src="http://dl.dropbox.com/u/66348944/Z_recent_label.js" type="text/javascript"></script>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://dungheineken.blogspot.com/search/label/WIN 7" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlga8dvDRtySWQ82JgX_WWdCTIEoNzuIz74wjbpLuBhY_PV9TeTMTDhLnUwsYeNtEMPh5kmTRrVzQSgboBy3jugjC-w7z6v5W-HBcR5mv_BGqUby37W-G8_S_C5YGMgQVTGWyRiBLAXuY/s1600/coollogo_com-273538502.png" /></a></div>
Chúc các bạn thành công
Blogger có cung cấp sẳn cho các bạn tiện ích tạo "nhãn" cho các bài viết, nếu các bạn chưa biết cách tạo nhãn thì xem BÀI NÀY . Vớ...
ẨN TIỆN ÍCH HTML
<b:if cond='data:blog.pageType == "item"'>
#HTML1 {display:none;}
</b:if>
</style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#HTML1 {display:none;}
</b:if>
</style>
<b:if cond='data:blog.url == "địa chỉ trang hoặc nhãn"'>
#HTML1 {display:none;}
</b:if>
</style>.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#HTML1 {display:none;}
</b:if>
</style>
Chúc bạn thành công
Blogger có cung cấp sẳn cho các bạn một số tiện ích để các bạn có thể gắn vào Blog như: Trang tìm kiếm, Người theo dõi, thống kê Blog, nhãn,...
LINK LIÊN KẾT CHẠY TỪ DƯỚI LÊN
Có hình nền
không có hình nền
* Liên kết có hình nền
* Liên kết không có hình nền
Bây giờ, bạn thay đổi link liên kết ở dòng lệnh a herf=http:// địa chỉ liên kết
Thay đổi màu ở mục color
Thay đổi kích thước ở mục Width (chiều rộng), Height (chiều cao)
Thay đổi hình nền ở mục background (đối với code có hình nền)
Muốn chạy từ trên xuống thì thay đổi chữ "up" thành chữ "down"
Bạn có thể tạo tiện ích các link liên kết với hiệu ứng chạy từ dưới lên (hoặc từ trên xuống) để tiết kiệm không gian Blog, ngoài ra nó có th...
TẠO THÔNG BÁO CHO COMMENTS
Ở cuối mỗi bài viết, các bạn sẽ thấy một khung comments (nhận xét), nơi đây để khách tham quan trao đổi hoặc gởi thắc mắc của bài viết đến ...