▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

TẠO BẢNG THÔNG BÁO (Kiểu 10)

Là một người quản trWeb/Blog chắc hẳn đôi lúc các bạn cũng muốn gởi những thông điệp hoặc những dòng thông báo cần thiết đến khách tham quan. Trước đây, tôi cũng đã chia sẻ cho các bạn một số mẫu thông báo (xem TẠI ĐÂY).
Hôm nay, tiếp tục dunghennessy chia sđến các bạn thêm một mẫu thông báo nữa khá đẹp mt.
Điều đặc biệt ở thông báo này, ngoài những dòng chđơn thuần, các bạn còn có thể chèn những hình ảnh tĩnh hoặc động kèm theo link liên kết đến các trang mà bạn đã gắn liên kết (có thể dùng để quảng bá Web/blog hoặc sản phẩm nào đó khá tiện dụng...).
Mời các bạn bấm vào "Xem thử" phía dưới để thấy rõ hơn bảng thông báo (kiểu 10) này nha.

Xem thử

Rất đơn giản, các bạn chỉ cần đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML (nếu chưa biết cách thêm tiện ích HTML/Javacript thì mời bạn xem TẠI ĐÂY). Bạn copy đoạn code này dán vào hộp tiện ích HTML.

<div style="color: aqua; text-align: center;">
<style type="text/css">

#dropinboxv2cover{
width: 470px; /*Chiều rộng của bảng thông báo*/
height: 320px;  /*Chiều cao của bảng thông báo*/
position:absolute;
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
border: 2px solid orange; /*Kích thước và màu của đường viền*/
background-color: Black; /*Màu nền của bảng thông báo*/
padding: 4px;
position:absolute;
left: 0;
top: 0;
}

</style>

<script type="text/javascript">
var dropboxleft=350 //Khoảng cách từ bên trái blog đến bảng thông báo
var dropboxtop=100 //Khoảng cách tính từ trên blog đến bảng thông báo
var dropspeed=15 //Tốc độ rơi của bảng thông báo(Số càng lớn tốc độ càng nhanh)

//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.

var displaymode="oncepersession"

///Đừng sửa đổi các dòng lệnh dưới đây!!!///////////

if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
var ie=document.all
var dom=document.getElementById

function initboxv2(){
if (!dom&&!ie)
return
crossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2cover
crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossbox.height=crossbox.offsetHeight
crossboxcover.style.height=parseInt(crossbox.height)+"px"
crossbox.style.top=crossbox.height*(-1)+"px"
crossboxcover.style.left=dropboxleft+"px"
crossboxcover.style.top=dropboxtop+"px"
crossboxcover.style.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropinv2()",50)
}

function dropinv2(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossbox.style.top)<0){
crossboxcover.style.top=scroll_top+dropboxtop+"px"
crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"px"
}
else{
clearInterval(dropstart)
crossbox.style.top=0
}
}

function dismissboxv2(){
if (window.dropstart) clearInterval(dropstart)
crossboxcover.style.visibility="hidden"
}

function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initboxv2, false)
else if (window.attachEvent)
window.attachEvent("onload", initboxv2)
else if (document.getElementById || document.all)
window.onload=initboxv2
if (displaymode=="oncepersession")
document.cookie="droppedinv2=yes"
}

</script>

<div id="dropinboxv2cover">
<div id="dropinboxv2">
<a href="http://dunghennessy.blogspot.com">
<img src="http://4.bp.blogspot.com/-S49_-7LLRUM/UKM_9j16O8I/AAAAAAAAdIw/ubtHZuKRAmc/s1600/Warning.gif" width="300" height="50"/></a><br/>
Nội dung thông báo ghi ở đây
<br/>
Nội dung thông báo ghi ở đây<br />
<p><a href="Link liên kết">
<img src="http://1.bp.blogspot.com/-BFIf_wjhfuI/UKIIuGBBmsI/AAAAAAAAdHc/yzbNzVjWfmI/s1600/goodluck3.gif" /></a></p><br/>
<br/>
<p align="right"><a href="#" onclick="dismissboxv2();return false"><img border="0" src="http://2.bp.blogspot.com/-oIparRwh5Kk/UKM6YKDHedI/AAAAAAAAdIU/ijkZLvONBbs/s1600/www.loogix.com_10934923.gif"/></a></p>

</div>
</div>
</div>
Bây giờ bạn có thể thay đổi tuỳ ý của các dòng lệnh màu đỏ (có chú thích trên code) và dòng lệnh màu xanh, trong đó bao gồm: Link liên kết, link ảnh của chữ Warning, link ảnh của chữ Close...để phù hợp với bạn, cuối cùng bấm Lưu lại là xong.
Lưu ý: đoạn code trên là bảng thông báo chỉ xuất hiện một lần duy nhất, nếu bạn muốn bảng thông báo này đều xuất hiện ở mỗi lần load trang thì bạn thay dòng lệnh "oncepersession" (màu vàng) thành "always" và bấm Lưu lại là xong.





13 nhận xét:

DINH VAN Tu nói...

hay lắm a dũng ơi . tuy blog cửa e cũng ko cần nhiều code lắm . nhưng e thấy những bài viết của a hay và có ý nghĩa với nhiều blog khác . chúc a càng ngày càng có nhiều sáng tạo code mới nhe . thienhieu.com

le quang thai nói...

ok thask anh dung nha.... anh dung oi em thay anh pro qua anh giup em cai nay nha anh dung....em dung cai wpepro để hack game (visichat) game nay phat chiên từ dạng flash đó em chỉ con thiu cái files (.flt) cua no nưa thui nhung ma em tim hoai ko đc anh giup em nha hinh anh: https://b17bf35c-a-62cb3a1a-s-sites.googlegroups.com/site/11xcxm1bolspotcom/Snap1.jpg?attachauth=ANoY7crGPIjOzkECG50BbKBNCl9dlwe3l7DEtzZWlckYMlfbah-Hcnsflb5U8_NeH5vK7ybAQGz15TNEHO1D3chugTZ6ZxvUIdrcNCILGsQhs6Mw9OJiIECX9NGAlSq-nFJoUX6k35T0SLPyxJu80KWme7bQB4C6Udn9ywZaLWvDFJn57iFAl9X-SHEDTpg0LkCbLPaI0wetGxUPWBpli35trcYUPaDacA%3D%3D&attredirects=0

Ý Nguyễn Như nói...

Mình chỉnh chiều cao và chiều rộng của bảng thông báo không được nhỉ. Những cái khác thì chỉnh được. Xem lại giúp mình với nhé, Thanks :)

dungheineken nói...

Bạn chỉnh chiều cao ở mục height, còn chiều rộng ở mục width, khi chỉnh xong nhớ bấm Lưu lại nha

HOA TRINH NỮ nói...

CHÁO BẠN - CHO MÌNH XIN BẠN ĐỒNG HỒ
Mẫu: 10
Kích cỡ 240x450
Màu nền bảng hiệu: Nền xanh dương chữ trắng
Bảng hiệu 1: Welcome to my Blog
Bảng hiệu 2: CHIA SẺ CỦA CỘNG ĐỒNG
Link liên kết: http://hoatrinhnux.blogspot.com.
Địa chỉ mail: hoatrinhnux@gmail.com
nguồn dunghennessy.blogspot.com
Rất cảm ơn sự chia sẻ của bạn

Phương Trần Quang Thanh nói...

Anh Dũng ui, anh có đăng bài nào chỉ làm mấy cái tiêu đề cho đẹp hok, chỉ em với thanks anh

dungheineken nói...

Vì cuối năm Anh hơi bận rộn nên có thể không kịp đăng bài rồi, làm tiêu đề đẹp cũng dễ lắm, hôm nào rảnh anh sẽ tranh thủ đăng bài cho em tìm hiểu nha

ngocdung tranthi nói...

Mấy hôm nay Dung bận tí việc,nay mới sang thăm Dũng,chúc đêm an vui Dũng nha..... (c)

dungheineken nói...

Mình cũng vậy, dạo này gấn cuối năm công việc cũng hơi bận rộn, để hôm nào rảnh mình sẽ thăm Dung và gởi Dung một cái đồng hồ treo Blog nha....

xiuhenabc nói...

Anh Dũng ơi
Sao cái thông báo cua anh em dán vào blog nó không có hiệu ứng mà hiển thị sẵn khi mở blog lên luôn
Anh Xem dùm em
http://10a6nvc.tk

Nguyen NauHoang nói...

Thanks Dũng nhiều nhe

Dung PHAM HOANG nói...

Em cũng cám ơn Chị đã ghé tham quan và ủng hộ dunghennessy.
Chúc Chị và gia đình ngày Chủ nhật vui vẻ

Tiểu học Vĩnh Phước nói...

hi

Đăng nhận xét

 
Powered by by: Blogger