Với một đoạn code ngắn, các bạn có thể tạo các dòng chữ tự động ẩn hiện trong file Flash,... Bạn có thể áp dụng thủ thuật này để gởi đến khá...
FLASH ĐẸP VALENTINE'S DAY
Nhân ngày " VALENTINE ", tôi có sưu tầm một số file Flash ở một số trang Web nước ngoài (khá ấn tượng), đem về chỉnh sửa một số ch...
ĐỒNG HỒ VALENTINE'S DAY
Bạn đăng nhập vào Blog > chọn Thiết kế > thêm tiện ích HTML/Javacript rồi dán code vào, bấm Lưu lại là bạn đã có một đồng hồ đẹp VALENTINE trên blog rồi đó!!!
Mẫu 1:
Mẫu 2:
Mẫu 3:
Mẫu 4:
Mẫu 5:
Mẫu 6:
Mẫu 7:
Mẫu 8:
Mẫu 9:
Mẫu 10:
Dưới đây là một số mẫu đồng hồ cho Blog với chủ đề VALENTINE'S DAY (Lễ Tình Nhân), ứng với mỗi mẫu là code để nhúng vào Web/Blog, mời c...
TẠO KHUNG COMMENTS CHO BLOG (Kiểu 2)
Thủ thuật này khá đơn giản, bạn đăng nhập vào Blog > Chọn thiết kế > Thêm tiện ích HTML/Javacript rồi dán tất cả các đoạn code phía dưới vào.
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/comment.js"></script>
<script type="text/javascript" src="http://www.dunghennessy.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
Blogspot có cung cấp cho người dùng tiện ích Rencent comments (các comments gần đây) nhưng với tiện ích này thì khung comments trông có vẻ đ...
TẠO BẢNG THÔNG BÁO CHO BLOG (KIỂU 3) - PHẦN 4
code của mẫu 31:
Mẫu 32:
Code của mẫu 32:
Mẫu 33:
Code của mẫu 33:
Mẫu 34:
Code của mẫu 34:
Mẫu 35:
Code của mẫu 35:
Mẫu 36:
Code của mẫu 36:
Mẫu 37:
Code của mẫu 37:
Mẫu 38:
Code của mẫu 38:
Mẫu 39:
Code của mẫu 39:
Tiếp theo phần 1 (Xem TẠI ĐÂY ), phần 2 (Xem TẠI ĐÂY ), phần 3 (Xem TẠI ĐÂY ), hôm nay mời bạn tiếp tục xem phần 4...với kiểu này thì các th...
BANNER ĐẸP CHO BLOG
Vì kích cỡ banner là 900x200 nên không thể post ở dunghennessy được, mong các bạn thông cảm xem trên Blog khác...
Được sự hỗ trợ của phần mềm làm Flash, tôi có thiết kế một số mẫu banner cho blog, mời các bạn tham khảo phía dưới. Vì kích cỡ banner là 900...
TẠO HỘP TIỆN ÍCH ẨN CHO BLOGSPOT
#gb{
position:fixed;
top:20px;
z-index:+1000;
right:3px;
}
* html #gb{position:relative;}
.gbtab{
margin-top:-1px;
height:200px;
width:30px;
float:left;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihqIhC3CSmS3xu9KfPDbFrr-wmq-KCzeD7ASwAL9ou-w0p2sYCR7URtcAK9lJkjudfFYfohfrmNMmb-Q_u7xwEqayKlrgz1CiOFEOQJxSu-5B9_h-fowdH5GojeC9vCZ7hgJFKOKKLmv0/s1600/www.loogix.com_9845028.gif) no-repeat;
}
.gbcontent{
float:left;
border:3px solid #FFFFFF;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzDAqGAsH9lpZf3ATqLdtK86tcQHN36bU0mm9qxWKqkVSdpDc2Ai90-_oadlTat6S7VK-cjmcFUfEjPsApLNc22chTBVTFqN9NyhJyliZlvEwNYf9ueM7xF8yoUwc_tnpYuO2QMt2J4tE/s1600/www.loogix.com_9845079.gif);
padding:5px 15px 3px 15px;
line-height:1.3em;}
</style>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 24-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<strong><span style=" ">Tên hiển thị trên hộp</span></strong>
<center>
<div style="text-align: right;"><span style="float:left; ">Tên hiển thị phía dưới hộp</span>
<a href="javascript:showHideGB()">[Đóng lại]
</a></div></div></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (24-gb.offsetWidth).toString() + "px";
</script>
Một Blog đẹp thì không thể thiếu các tiện ích như: đồng hồ, lịch, menu, trình nghe nhạc, xem phim, xem báo, Flash.... Nhưng nếu gắn nhiều t...
TẠO BẢNG THÔNG BÁO CHO BLOG (KIỂU 3) - PHẦN 3
code của mẫu 21:
Mẫu 22:
Code của mẫu 22:
Mẫu 23:
Code của mẫu 23:
Mẫu 24:
Code của mẫu 24:
Mẫu 25:
Code của mẫu 25:
Mẫu 26:
Code của mẫu 26:
Mẫu 27:
Code của mẫu 27:
Mẫu 28:
Code của mẫu 28:
Mẫu 29:
Code của mẫu 29:
Mẫu 30:
Code của mẫu 30:
Tiếp theo phần 1 (Xem TẠI ĐÂY ), phần 2 (Xem TẠI ĐÂY ), hôm nay mời bạn tiếp tục xem phần 3...với kiểu này thì các thông điệp, thông báo của...