Home » Archives for 04/23/11
Tạo thanh HotNews sử dụng mootools cho blog
17:19 |Với việc sử dụng mootools thì thanh HotNews sẽ trở nên pro hơn nhiều, mặc định các bài viết sẽ tự động luân chuyển trong 1 khoảng thời gian xác định trước, ngoài ra còn có thêm button để điều chỉnh việc hiển thị các bài viết trên thanh hotnews.
Xem demo : LIVE DEMO
☼ Các bước thực hiện:
1. Bạn đăng nhập vào tài khoản blogspot
2. Vào phần thiết kế (Design)
3. Chọn tiếp chỉnh sửa HTML (Edit HTML)
Xem demo : LIVE DEMO
☼ Các bước thực hiện:
1. Bạn đăng nhập vào tài khoản blogspot
2. Vào phần thiết kế (Design)
3. Chọn tiếp chỉnh sửa HTML (Edit HTML)
Tạo 1 thanh thông báo nhỏ cho Blogger (tương tự plugin Stripe Ad của WordPress)
06:35 |Nếu bạn nào đã từng xem qua các blog được viết dưới nền WordPress, sẽ thấy được một plugin gọi là Stript ad được tạo bởi MaxBlogPress .Plugin này giúp đăng các thông báo nhỏ tới người đọc. Đây là một tiện ích hay, vậy làm sao để thêm được vào Blogger ? Bài viết này sẽ giúp các bạn.
Bên dưới đây là hình ảnh của Stript ad . Mình đã áp dụng nó trên nền Blogger và hoạt động rất tốt
Nếu bạn cảm thấy thích tiện ích này, hãy đọc hướng dẫn cách cài đặt bên dưới nhé
- Đăng nhập vào Blogger > Layout > Edit HTML (không cần bật Mở rộng Mẫu tiện ích) . Lưu ý là hãy back-up lại template để tránh trường hợp làm sai nhé.
- # Thêm đoạn code này vào ngay trước thẻ ]]></b:skin>
#mta_bar {
background:#003366;
border-top: 3px solid #6699ff;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
* html #mta_bar{
/*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKkt2Em87hZjBbhcXMe6fOrr3KS8YD5vnVFnXQEzX_qAKBxjh8DI1Vfd6OrOE61ZV26dnWXbcagoA8NtELHxydpz9DcwK8W6-tm2HNaFQ6vOU_LDrRilcmXNQHjFIR6CW1qFzlzQjRpzQ/?imgmax=800') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}
#left_bar a:hover { text-decoration: underline; color: #fff; }
# Tiếp tục thêm đoạn code này vào ngay trước thẻ </head>
<script type='text/javascript'>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("mta_bar").style.visibility = "hidden";
}
//]]>
</script>
# Cuối cùng, tìm thẻ </body> và thêm đoạn code sau (Với đoạn code cuối cùng này, bạn có thể tùy chỉnh theo ý thích, dưới đây là code của blog mình)
<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/o1666055006' target='_blank'>Đã có hơn 100 người đăng kí nhận tin qua RSS, còn bạn thì sao?</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='tranphucminh.blogspot.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzAr2Po-aIyZ4Y4pugVTLC1Fj6OYCmyB8ifZpy1Jtf8ucUe6U3Hibf_AJWvamhiCZ7c_n2DwhDnfFum7_Szih5mnBGqOJU_n2oLhtVB6V4luGyRUiXaAFiM5mjqNUQlgq6hobn3R4ArZ4/?imgmax=800' style='cursor:hand;cursor:pointer;'/></span></div>
# Lưu lại template và thưởng thức kết quả
Top Hot
