Lượt truy cập: .

Icon

Thứ Bảy, 29 tháng 9, 2012

Tạo HÌNH NỀN cho bài đăng trong Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Nội dung bài đăng...
Hướng dẫn: Thay liên kết ảnh màu đỏ, giá trị chiều cao/rộng màu xanh dương, và nội dung bài đăng màu hồng
<table border="2" width="550" height="413" cellspacing="0" cellpadding="0" style="border:0.5px solid #ff0000"><tr><td style="padding: 15px" background="https://lh5.googleusercontent.com/-6x59gY8hhVk/UGa4g9VfdOI/AAAAAAAADfc/y3KGb-ALTtw/s550/nL-Mus%2520%252823%2529.jpg">

Nội dung bài đăng...

</td></tr></table>

Thứ Ba, 25 tháng 9, 2012

Tạo nút CHỌN TẤT CẢ cho đoạn văn bản chỉ định - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Hướng dẫn: Thay các ĐOẠN VĂN BẢN được tô đỏ tương ứng bên dưới.
<form name="MyTextBoxForm">
<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Chọn tất cả"/>
<textarea cols="59" name="MyTextBox" rows="18" wrap="on" style="background:#eee; color:#464646; border:1px #A0C4EA dashed;">

Đoạn văn bản chỉ định được chọn...

</textarea></form>

Nhúng FLASH vào Blog - Chèn FLASH vào bài viết - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Hướng dẫn: Thay liên kết Flash màu đỏ & giá trị chiều cao/rộng màu xanh dương.
<div style="text-align:center;">
<embed wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.fileden.com/files/2012/8/20/3338682/SWF1/2.swf" width="240" height="320"
type="application/x-shockwave-flash" scale="" play="true" loop="true"
menu="true"></embed></div>

Chủ Nhật, 23 tháng 9, 2012

Tạo thanh HÌNH ẢNH CHẠY trên Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Hướng dẫn: Thay liên kết ảnh màu đỏ, giá trị chiều cao/rộng màu xanh dương, và thuột tính chạy ngang/dọc màu hồng
<marquee height="144" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="Right">
<img scr="https://lh6.googleusercontent.com/-keSeemR4P6s/UGExtMRogaI/AAAAAAAAAlM/oHsnt6HlMVc/s144/nL-Mus%2520%252810%2529.jpg" />
<img src="https://lh5.googleusercontent.com/-uentUwRUJYE/UGExtypgZZI/AAAAAAAAAlc/CDw0hb0PQlQ/s144/nL-Mus%2520%2528102%2529.jpg" />
<img src="https://lh3.googleusercontent.com/-YkxiAFEsBfM/UGExzLbZ76I/AAAAAAAAAnQ/4smI6d_anTo/s144/nL-Mus%2520%2528116%2529.jpg" />
<img src="https://lh3.googleusercontent.com/-KEit4K8qhRs/UGExz_VCmsI/AAAAAAAAAnc/O64BHxJbLvw/s144/nL-Mus%2520%2528118%2529.jpg" />
</marquee>

Nhúng DANH SÁCH NHẠC vào Blog giao diện tùy biến - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Hướng dẫn: Thay liên kết ảnh màu đỏ, giá trị chiều cao/rộng màu xanh dương, và liên kết danh sách nhạc màu cam
<center><table align="center"><tbody><tr>
<td background="https://lh3.googleusercontent.com/-zuIJZMEgY8U/UGEy9cS8SZI/AAAAAAAABBA/NZkWLMgJSyM/s800/nL-Mus%2520%252817%2529.jpg">
<embed allowscriptaccess="never" id="yui-gen68" type="application/x-shockwave-flash"
src="http://www.fileden.com/files/2012/8/20/3338682/Giao-Dien-Thanh-Cong-Cu-Nghe-Nhac.swf" wmode="transparent"
flashvars="file=http://nct.y1n9.com/360PLUS/?id=http://www.nhaccuatui.com/nghe?L=DM6tyMSn5lvE&config=http://nct.y1n9.com/Config/?config=ok%26backcolor=0x000000%26frontcolor=0xffffff%26lightcolor=0x96339F%26autostart=false%26shuffle=false%26repeat=true%26jpgfile=http://www.fileden.com/files/2012/8/20/3338682/Hieu-Ung-Dep-Cho-Danh-Sach-Nghe-Nhac.swf" height="320" width="240"></embed></td></tr></tbody></table></center><br /><br />

Tao Blog nghe nhạc không cần cập nhật dữ liệu - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='nghe nhạc, nghe nhạc online, nghe nhạc mp3, nghe nhạc trực tuyến, nghe nhạc miễn phí, nghe nhạc nhanh nhất việt nam, nghe nhạc vàng, nghe nhạc nhanh, nghe nhạc hot, nghe nhạc xuân, nghe nhạc khong loi, nghe nhạc cẩm ly, nghe nhạc giáng sinh, nghe nhạc hải ngoại, nghe nhạc hòa tấu, nghe nhạc hay, nghe nhạc hòa tấu bất hủ, nghe nhạc playlist, nghe nhạc album, nghe nhạc thiếu nhi, trữ tình, nhạc trẻ, nghe nhạc tết, nhạc chất lượng cao, nhạc sinh nhật, nghe nhạc sến, nghe nhạc dân ca, nhạc dân tộc, nghe nhạc giao hưởng, nghe nhạc không lời, nghe nhạc liên khúc, nghe nhạc làn sóng xanh, nghe nhạc cải lương, nghe nhạc chế, nghe nhạc cổ điển, nghe nhạc cách mạng miễn phí, nghe nhạc việt nam, nghe nhạc vàng, nghe nhạc vọng cổ, nghe nhạc buồn, nghe nhạc bất hủ, nghe nhạc nhẹ, nghe nhạc pro' name='description'/>
<meta content='nghe nhac, nghe nhac online, nghe nhac mp3, nghe nhac truc tuyen, nghe nhac mien phi, nghe nhac nhanh nhat viet nam, nghe nhac vang, nghe nhac nhanh, nghe nhac hot, nghe nhac xuan, nghe nhac khong loi, nghe nhac cam ly, nghe nhac giang sinh, nghe nhac hai ngoai, nghe nhac hoa tau, nghe nhac hay, nghe nhac hoa tau bat hu, nghe nhac playlist, nghe nhac album, nghe nhac thieu nhi, tru tinh, nhac tre, nghe nhac tet, nhac chat luong cao, nhac sinh nhat, nghe nhac sen, nghe nhac dan ca, nhac dan toc, nghe nhac giao huong, nghe nhac khong loi, nghe nhac lien khuc, nghe nhac lan song xanh, nghe nhac cai luong, nghe nhac che, nghe nhac co dien, nghe nhac cach mang mien phi, nghe nhac viet nam, nghe nhac vang, nghe nhac vong co, nghe nhac buon, nghe nhac bat hu, nghe nhac nhe, nghe nhac pro' name='keywords'/>
<title>Music</title>
<style type='text/css'><!--
html{overflow:auto}body,form,input,table,tr,td,ul,li,p,span,fieldset,legend,#body{margin:0;padding:0;line-height:12px;text-decoration:none}
body{border:0;overflow:auto;overflow-x:hidden;background-color:#fdfeff}
a{text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}
a,p,ul#lis ul li,#gaia fieldset form,ul#bars li,ul#tool li,ul.page li,ul#menu li{display:inline-block;zoom:1;*display:inline}
legend,#msic span{min-width:111px;font:12px/12px Verdana;letter-spacing:1px;color:#078939;text-transform:capitalize;background:#fdfeff}
input::-moz-focus-inner{border:0;padding:0}

#msic{text-align:right}
#msic span{top:3px;margin-right:22px;position:relative}
#msic input{margin-right:7px;height:15px;font:9px/15px Verdana;color:#078939;word-spacing:-1px;border:0;text-decoration:none;background:transparent;cursor:pointer}
#msic input:hover{color:#ff4a4a;text-decoration:underline}

ul#lis{width:312px;margin:-3px 0 2px;padding-top:9px;border-top:1px solid #cfd9f7;list-style:none}
ul#lis ul{width:100%;display:inline-block}
ul#lis ul li{height:20px;font:11px/19px Tahoma;vertical-align:bottom}
ul#lis ul li a.ten{margin-right:6px;font-weight:bold;color:#1717f7}
ul#lis ul li a.csi{margin-right:3px;color:#2e2e27;text-transform:capitalize}
ul#lis ul li a.rat{width:18px;line-height:11px;text-align:center;color:#ff4a4a;background:url(http://3.bp.blogspot.com/-ydqqMPag0JQ/TbcJYGpxspI/AAAAAAAAAKs/D2HXMBhb9Uk/s400/star.png) center -1px no-repeat}
ul#lis ul li a.cik{width:32px;color:#0000cc}
ul#lis ul li a:hover{text-decoration:underline}
ul#lis ul li p{margin:0 2px 0 1px;width:20px;height:20px;background:url(http://4.bp.blogspot.com/-iUUf_bKQeTM/TbcH6m4oZEI/AAAAAAAAAJ8/TE7Cp3KVwgk/s400/checkbox.gif) no-repeat}
ul#lis ul li p.show{opacity:0.39;filter:alpha(opacity=39);background-position:0px -1px}
ul#lis ul li p.over{background-position:0px -26px}
ul#lis ul li p.down{opacity:0.79;filter:alpha(opacity=79);background-position:0px -51px}
ul#lis ul li p.odow{background-position:0px -76px}

#sidebar{margin-top:7px;padding-right:7px;font:11px/11px Tahoma;color:#7f7f7f;text-align:right}
ul#bar{width:312px;overflow:hidden}
ul#bar #code{float:left;margin:3px 0 0 150px;font:12px/12px Tahoma;color:#7f7f7f;letter-spacing:1px}
ul#bar li{margin-bottom:1px;list-style:none;text-decoration:none;text-transform:capitalize}
ul#bar li a{font:bold 11px/19px Tahoma;color:#1717f7}
ul#bar li ul li{margin-top:2px;width:100%;height:19px;vertical-align:bottom}
ul#bar li ul li a{font:normal 12px/19px Tahoma}

#gaia{width:667px}
#gaia #search{margin-top:1px;padding-left:16px;width:177px;height:17px;font:14px/17px "Courier New";word-spacing:-2px;color:#2e2e27;border:1px solid #cfd9f7;border-spacing:0px;space:0px;background:url(http://2.bp.blogspot.com/-yjuGl2mdjRk/TsIi5NGJoyI/AAAAAAAAASU/vswEM35woTA/s320/icon-search.gif) no-repeat 2px 3px}
#gaia fieldset{margin-top:12px;border:1px solid #cfd9f7}
#gaia fieldset a{color:#1717f7;text-decoration:none}
#gaia fieldset legend{margin-left:12px}

ul#bars{display:inline;list-style:none}
ul#bars li p.ico{margin:-10px 0 0 2px;position:absolute;width:12px;height:12px;background:url(http://mail.google.com/mail/e/322) no-repeat center bottom}
ul#bars li ul{display:none}
ul#bars li:hover ul{display:block;position:absolute;text-align:left;cursor:default;z-index:1}
ul#bars li:hover ul.c{margin-left:-188px;padding:3px 0 145px;width:645px;opacity:0.93;filter:alpha(opacity=93)}
ul#bars li:hover ul.c li{padding:3px 9px 7px 9px;width:625px;border:1px solid #cfd9f7;border-top:0;border-radius:1px 1px 1px 1px;font:12px arial;background:#fdfeff;text-align:justify}
ul#bars li:hover ul.c li a{margin-right:1px;padding:0;color:#2E2E27;font:normal 11px/17px Tahoma;display:inline}
#obj select{background:-moz-linear-gradient(center top,#fdfeff,#f7f7f7);background:linear-gradient(top,#fdfeff,#f7f7f7);border:0;padding-top:1px;font:12px arial;width:87px;height:18px;line-height:15px;overflow:hidden;opacity:0.93;filter:alpha(opacity=93)}
#obj select:hover{background:-moz-linear-gradient(center top,#fff,#c9ffc9);background:linear-gradient(top,#fff,#c9ffc9)}
#obj p{width:68px;overflow:hidden;border:1px solid #ccc;border-left:0;border-radius:2px 2px 2px 2px}
#obj p.s0{border-left:1px solid #ccc}
#obj p:hover{border:1px solid #44C847}
#obj select option{color:#2e2e27;padding-top:2px;padding-bottom:2px;background:transparent;opacity:0.93;filter:alpha(opacity=93)}
#tif{margin-left:17px}
#tif a{margin-left:3px;padding:1px 4px 2px 4px;font:10px/12px Tahoma;color:#2E2E27;
background:-moz-linear-gradient(center top,#ffffff,#effcfc);
background:-ms-linear-gradient(top,#ffffff,#effcfc);
background:-webkit-gradient(linear,center top,center bottom,from(#ffffff),to(#effcfc));
background:-webkit-linear-gradient(top,#ffffff,#effcfc);
background:-o-linear-gradient(top,#ffffff,#effcfc);
filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=57)";
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=57)";
background:linear-gradient(top,#ffffff,#effcfc);opacity:0.57;
border:1px solid #CFD9F7;border-radius:1px 5px 1px 5px}
#tif a:hover{color:#ff4a4a;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=100)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=100)";opacity:1;text-decoration:none}
#tif a.on{color:#078939;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=100)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=100)";opacity:1}

#header{padding:6px 13px 0}
#main,#header{font:13px/19px Arial,Tahoma,Helvetica,sans-serif;color:#2e2e27}
#main fieldset{padding:0 13px 3px;line-height:19px}
#main fieldset legend{margin-left:9px}
#main img{margin:3px;max-width:640px;border:0}
#main br{line-height:22px}
#main a:hover{text-decoration:underline}
#main a.title{margin:9px 22px 5px 0;font:bold 13px/13px Arial,Tahoma}
#main p.post,#main p.comment{font:13px/19px Arial,Tahoma;display:block;text-align:justify}
#main p.post:first-letter,#main p.comment:first-letter{text-transform:capitalize}
#main p.label{margin:9px 0 3px;display:block}
#main table.author a{margin:0 12px 3px 7px}
#main a.profile{margin:12px 0 6px;text-transform:capitalize}
#main a.popup{margin:7px 0 3px}

form#tab{margin-left:9px;display:inline}
form#tab p{margin-right:22px;font:normal 11px/13px Tahoma;color:#2e2e27}
form#tab input{margin-left:-19px;width:13px;height:13px;position:absolute}
form#tab a{width:12px;height:12px;background:url(http://2.bp.blogspot.com/-x8gT1yI4e5g/TbghnzYUAvI/AAAAAAAAAK8/gxHMe4fTX9g/s400/add.gif) left 2px no-repeat}

ul#tabs{margin:3px 1px 7px 5px;max-height:157px;overflow:auto;list-style:decimal outside;vertical-align:bottom}
ul#tabs li{margin:2px 0 2px 27px;font:11px/15px Tahoma;color:#2e2e27;word-spacing:-1px}
ul#tabs li a.x{font-family:Serif;color:#ff0000}
ul#tabs li a.t{margin-left:17px;min-width:345px;color:#1717f7;letter-spacing:1px}
ul#tabs li a.c{font-size:10px;color:#2e2e27;letter-spacing:1px;text-transform:capitalize}

ul.page{list-style:none;text-align:right}
ul.page li{margin-right:1px;font:11px/12px Tahoma;border-top:1px solid #cfd9f7;border-right:1px solid #cfd9f7}
ul.page li a{padding:0 2px 0 3px;font:11px/13px Tahoma;display:block;color:#1717f7}
ul.page li a.on{color:#078939 !important}
ul.page p{margin-right:7px;display:inline-block;*display:inline}
ul.page p a{margin-bottom:-1px;width:15px;height:12px;opacity:0.36;filter:alpha(opacity=36)}
ul.page p a:hover{opacity:0.79;filter:alpha(opacity=79)}
ul.page p a.pre{background:url(http://3.bp.blogspot.com/-DFAs4aN5cmk/Tt9fbqenIdI/AAAAAAAAASw/6W6YQZ8QpPw/s72/previous.gif) no-repeat left bottom}
ul.page p a.nex{background:url(http://2.bp.blogspot.com/-SjcsIBoRA2I/Tt9fYoYaH4I/AAAAAAAAASk/qnFiXWkSEls/s72/next.gif) no-repeat right bottom}

ul#menu{list-style:none;text-align:right}
ul#menu li{margin-right:1px;border-top:1px solid #cfd9f7;border-left:1px solid #cfd9f7}
ul#menu li a{padding:0 5px 0 5px;font:bold 10px/14px Verdana;display:block;color:#1717f7}
ul#menu li a:hover,ul.page li a:hover,ul#tabs li:hover,ul#bum li:hover,#vdeo table tr td:hover{background:#effcfc}
ul#menu li ul{display:none}
ul#menu li:hover ul{display:block;position:absolute;text-align:left;cursor:default;z-index:1}
ul#menu li:hover ul.b{margin-left:-193px;padding-top:1px;width:655px}
ul#menu li:hover ul.b li{float:left;margin-left:-1px;width:108px;height:15px;border:1px solid #cfd9f7;border-top:0;border-left:0;border-radius:1px 1px 1px 1px;background:#fdfeff}
ul#menu li:hover ul.b li.b{border-left:1px solid #cfd9f7}
ul#menu li:hover ul.b li a{line-height:14px}
ul#tabs li a:hover,ul#bum li a:hover{text-decoration:underline;background:transparent}

ul#bum{margin-bottom:7px;padding-left:10px;list-style:none}
ul#bum li{width:313px;height:24px;border-bottom:1px dashed #c7d7f7;vertical-align:bottom}
ul#bum li p{font:11px/24px Tahoma}
ul#bum li p.a{float:right;text-align:right}
ul#bum li a.rat{width:18px;line-height:11px;text-align:center;color:#ff4a4a;background:url(http://3.bp.blogspot.com/-ydqqMPag0JQ/TbcJYGpxspI/AAAAAAAAAKs/D2HXMBhb9Uk/s400/star.png) center -1px no-repeat}
ul#bum li a.clik{width:29px;color:#0000cc}
ul#bum li a.ten{font-weight:bold;color:#1717f7}
ul#bum li a.csi{margin-left:7px;color:#2e2e27;text-transform:capitalize}
table#cgi td.ogi{vertical-align:top;padding-left:2px}

#nhac div{padding:7px;text-align:center}
#nhac p{font:12px "Courier New",Courier,Monospace;word-spacing:-2px;color:#2e2e27}
#nhac a.t{margin:0 12px 0 5px;font:bold 11px Tahoma;color:#1717f7;text-decoration:underline}
#nhac a.g{margin:0 9px 0 2px;font:11px Tahoma;color:#2e2e27;text-transform:capitalize;text-decoration:underline}
#nhac table{width:100%;font:11px Tahoma}
#nhac table input{height:20px;font:11px Tahoma}
#nhac table ul{list-style:none}
#nhac table ul li{font-size:10px}

#video table{padding:3px 9px 0px 9px;width:100%}
#video table input{height:20px;font:11px Tahoma}
#video table a{font:11px Tahoma;text-transform:capitalize}
#video table p{font:12px "Courier New",Courier,Monospace;word-spacing:-2px;color:#2e2e27;text-transform:capitalize}
#total table,#album table{padding:5px 9px 0px 9px;width:100%}
#total table input,#album table input{height:20px;font:11px Tahoma}
#total table a,#album table a{font:11px Tahoma;text-transform:capitalize}
#total table p,#album table p{font:12px "Courier New",Courier,Monospace;word-spacing:-2px;color:#2e2e27;text-transform:capitalize}

#vdeo{padding:0px 2px 0px 2px;*width:100%}
#vdeo table{padding-top:3px;width:100%;*border-collapse:expression(cellSpacing="9px");border-spacing:9px 7px}
#vdeo table tr td{width:120px;height:97px;text-align:center;vertical-align:top;cursor:pointer}
#vdeo table tr td div{margin-bottom:2px;width:100%;height:67px;background:transparent 0px -12px no-repeat;text-align:left}
#vdeo table tr td div a{margin-left:111px;margin-top:-6px;width:17px;height:12px;text-align:center;color:#ff4a4a;background:url(http://3.bp.blogspot.com/-ydqqMPag0JQ/TbcJYGpxspI/AAAAAAAAAKs/D2HXMBhb9Uk/s400/star.png) center bottom no-repeat;position:absolute}
#vdeo table tr td div p{margin-top:57px;padding-right:1px;font:10px/10px Tahoma;color:#2e2e27;letter-spacing:1px;position:absolute;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px;opacity:0.7;filter:alpha(opacity=70);background:#fdfeff}
#vdeo table tr td a{float:left;width:120px;font:10px/12px Tahoma;color:#1717f7;word-wrap:break-word;text-transform:capitalize}

#rate{color:#078939;text-align:center}
#rate a{margin-left:2px;width:12px;height:12px;background:url(http://1.bp.blogspot.com/-wSLkHq9Acak/TbcH7mbJ9NI/AAAAAAAAAKU/uKcMVh7fC0I/s400/off.gif) left top no-repeat}
#rate a.a{background-image:url(http://3.bp.blogspot.com/-ohAG_f_8w1w/TbcJXj5LOnI/AAAAAAAAAKc/CoXozCLufH8/s400/on.gif)}
#rate a.b{background-image:url(http://3.bp.blogspot.com/-l0K5p82DXmY/TbcH7RYcK9I/AAAAAAAAAKM/DptwvO1UFRs/s400/haff.gif)}
#rate a.c{background-image:url(http://3.bp.blogspot.com/-XKKvww1-CV8/TbcJXyXiUNI/AAAAAAAAAKk/Ye8imSUDLhQ/s400/over.gif)}

a#fav,a#error{padding-left:17px;color:#1717f7;line-height:12px;background:left no-repeat}
a#fav:hover,a#error:hover{text-decoration:underline}
a#fav{background-image:url(http://2.bp.blogspot.com/-_zekknwSFzE/TbcH7edf2lI/AAAAAAAAAKE/nhrS0japYyw/s400/good.gif)}
a#error{background-image:url(http://1.bp.blogspot.com/-nuH11mZYlgc/TbcH6U76n1I/AAAAAAAAAJ0/Tal5Y91GEEc/s400/bad.gif)}

#dload p{width:12px;height:12px;background:url(http://2.bp.blogspot.com/-FnbZO4QblbE/Tb7lly9S2TI/AAAAAAAAALE/h4S9noXCSpk/s400/down.gif) center top no-repeat;cursor:pointer}
table.add{padding:5px;width:100%;font:11px Tahoma;font-weight:bold;color:#2e2e27}
table.add td{vertical-align:middle}
table.add td input#ten,table.add td input#code{margin:0;padding-left:1px;height:19px;font:12px/19px Verdana;border:1px solid #cfd9f7}
table.add td input#button{width:39px;height:20px;font:11px Tahoma}

#view{padding:3px 7px 0 7px;font:12px Verdana}
#view p.b{font:bold 11px/20px Tahoma;color:#2e2e27}
#view p.b a.t{margin-left:9px;font:bold 11px Tahoma;color:#1717f7}
#view p.b a.t:first-letter{text-transform:capitalize}
#view p.b a.c{margin-left:7px;font:normal 11px Tahoma;color:#2e2e27;text-transform:capitalize}
#view p.b a.d{margin-left:27px;font:normal 11px Verdana;color:#1717f7}
#view p.b a:hover{text-decoration:underline}

--></style>
<body>
<table border='0' cellpadding='0' cellspacing='0'><tr valign='top'>
<td><form id='msic' lang='hôm nay,nghe gần nhất,đánh giá cao,mới nhất,tải nhiều,tìm kiếm nhiều,nghe nhiều,ưa thích,nghe hôm nay,nghe tuần này,nghe tháng này,nghe năm này'>
<span id='musics' lang='nhạc'></span><ul id='lis'></ul>
<input onclick='M.all(this.form,0)' title='Đánh dấu toàn bộ' type='button' value='Chọn Hết'/>
<input onclick='M.all(this.form,2)' title='Bỏ đánh dấu' type='button' value='Bỏ'/>
<input onclick='M.all(this.form,1)' title='Bỏ thành chọn, chọn thành bỏ' type='button' value='Đảo'/>
<input onclick='M.ato()' title='Nghe tự động những bài đã chọn' type='button' value='Nghe Tab'/>
<input onclick='M.xoa(1)' title='Xóa tab đang hiển thị' type='button' value='Xóa Tab'/>
<input onclick='M.xoa(2)' title='Xóa hết các tab' type='button' value='Xóa Hết'/>
</form>
<!-- (cột 1) -->
</td>
<td><div id='gaia'>
<input height='17px' id='search' maxlength='255' onclick='this.select()' onkeyup='M.sea(this.value)' onmouseover='this.focus()' placeholder='Tìm tên ca sĩ, bài hát' type='text'/>
<ul id='bars'>
<li><p class='ico'></p>
<ul class='c'><li style='margin-top:1px;border-top:1px solid #cfd9f7'>
<a onclick='Ae(this)'>Phương Thanh</a>,
<a onclick='Ae(this)'>Bằng Cường</a>,

<a onclick='Ae(this)'>Nguyễn Phi Hùng</a>,
<a onclick='Ae(this)'>Phạm Khánh Hưng</a>,
<a onclick='Ae(this)'>Lâm Chấn Hải</a>,
<a onclick='Ae(this)'>Châu Gia Kiệt</a>,
<a onclick='Ae(this)'>Hoàng Châu</a>,
<a onclick='Ae(this)'>Sỹ Đan</a>,
<a onclick='Ae(this)'>Hồ Thu Phương</a>,
<a onclick='Ae(this)'>Hồ Ngọc Hà</a>,
<a onclick='Ae(this)'>Hồ Quỳnh Hương</a>,

<a onclick='Ae(this)'>Tuấn hưng</a>,
<a onclick='Ae(this)'>Ngô Kiến Huy</a>,
<a onclick='Ae(this)'>Lê Hiếu</a>,
<a onclick='Ae(this)'>Đức Tuấn</a>,
<a onclick='Ae(this)'>Cao Thái Sơn</a>,
<a onclick='Ae(this)'>Phan Đinh Tùng</a>,
<a onclick='Ae(this)'>Hiền Thục</a>,
<a onclick='Ae(this)'>Uyên Trang</a>,
<a onclick='Ae(this)'>Thanh Thảo</a>,

<a onclick='Ae(this)'>Lam Trường</a>,
<a onclick='Ae(this)'>Đan Trường</a>,
<a onclick='Ae(this)'>Cẩm Ly</a>,
<a onclick='Ae(this)'>Mỹ Tâm</a>,
<a onclick='Ae(this)'>Quốc Đại</a>,
<a onclick='Ae(this)'>Minh Thư</a>,
<a onclick='Ae(this)'>Lý Hải</a>,
<a onclick='Ae(this)'>Khánh Phương</a>,
<a onclick='Ae(this)'>Tần Khánh</a>,

<a onclick='Ae(this)'>Thu Thủy</a>,
<a onclick='Ae(this)'>Dương 565</a>,
<a onclick='Ae(this)'>Ưng Hoàng Phúc</a>,
<a onclick='Ae(this)'>Vân Quang Long</a>,
<a onclick='Ae(this)'>Dương Thái Long</a>,
<a onclick='Ae(this)'>Nguyễn Thắng</a>,
<a onclick='Ae(this)'>Wanbi Tuấn Anh</a>,
<a onclick='Ae(this)'>Tống Gia Vỹ</a>,
<a onclick='Ae(this)'>Hoàng Nhật Minh</a>,

<a onclick='Ae(this)'>Khổng Tú Quỳnh</a>,
<a onclick='Ae(this)'>Vy Oanh</a>,
<a onclick='Ae(this)'>Vy Thúy Vân</a>,
<a onclick='Ae(this)'>Chu Bin</a>,
<a onclick='Ae(this)'>Minh Hằng</a>,
<a onclick='Ae(this)'>Minh Thuận</a>,
<a onclick='Ae(this)'>Minh Tuyết</a>,
<a onclick='Ae(this)'>Phương Nghi</a>,
<a onclick='Ae(this)'>Quỳnh Nga</a>,

<a onclick='Ae(this)'>Huyền Thoại</a>,
<a onclick='Ae(this)'>Bảo Thy</a>,
<a onclick='Ae(this)'>Tóc Tiên</a>,
<a onclick='Ae(this)'>Mắt Ngọc</a>,
<a onclick='Ae(this)'>Năm Dòng Kẻ</a>,
<a onclick='Ae(this)'>The Men</a>,
<a onclick='Ae(this)'>Yến Nhi</a>,
<a onclick='Ae(this)'>Uyên Trang</a>,
<a onclick='Ae(this)'>Trúc Linh</a>,

<a onclick='Ae(this)'>Phạm Quỳnh Anh</a>,
<a onclick='Ae(this)'>Phước Thịnh</a>,
<a onclick='Ae(this)'>Đàm Vĩnh Hưng</a>,
<a onclick='Ae(this)'>Lương Bích Hữu</a>,
<a onclick='Ae(this)'>Lương Gia Huy</a>,
<a onclick='Ae(this)'>Nhật Tinh Anh</a>,
<a onclick='Ae(this)'>Nhật Kim Anh</a>,
<a onclick='Ae(this)'>Minh Hằng</a>,
<a onclick='Ae(this)'>M4u</a>,

<a onclick='Ae(this)'>Thủy Tiên</a>,
<a onclick='Ae(this)'>Nam Cường</a>,
<a onclick='Ae(this)'>Thùy Chi</a>,
<a onclick='Ae(this)'>Akira Phan</a>,
<a onclick='Ae(this)'>Vĩnh Thuyên Kim</a>,
<a onclick='Ae(this)'>Hải Băng</a>
</li><li>
<a onclick='Ae(this)'>Chế Linh</a>,
<a onclick='Ae(this)'>Thu Phương</a>,

<a onclick='Ae(this)'>Quang Dũng</a>,
<a onclick='Ae(this)'>Phi Nhung</a>,
<a onclick='Ae(this)'>Lệ Thu</a>,
<a onclick='Ae(this)'>Lệ Quyên</a>,
<a onclick='Ae(this)'>Trần Thu Hà</a>,
<a onclick='Ae(this)'>Vĩnh Trinh</a>,
<a onclick='Ae(this)'>Lưu Bích</a>,
<a onclick='Ae(this)'>Quang Lý</a>,
<a onclick='Ae(this)'>Quang Lê</a>,

<a onclick='Ae(this)'>Vân Khánh</a>,
<a onclick='Ae(this)'>Elvis Phương</a>,
<a onclick='Ae(this)'>Quỳnh Lan</a>,
<a onclick='Ae(this)'>Dương Ngọc Thái</a>,
<a onclick='Ae(this)'>Ngọc Ánh</a>,
<a onclick='Ae(this)'>Ngọc Sơn</a>,
<a onclick='Ae(this)'>Hương Giang</a>,
<a onclick='Ae(this)'>Trọng Tấn</a>,
<a onclick='Ae(this)'>Sỹ Phú</a>,

<a onclick='Ae(this)'>Thu Minh</a>,
<a onclick='Ae(this)'>Hồng Nhung</a>,
<a onclick='Ae(this)'>Thùy Dương</a>,
<a onclick='Ae(this)'>Xuân Phú</a>,
<a onclick='Ae(this)'>Khánh Ly</a>,
<a onclick='Ae(this)'>Bảo Yến</a>,
<a onclick='Ae(this)'>Thanh Thúy</a>,
<a onclick='Ae(this)'>Mỹ Lệ</a>
</li>
<li><div id='obj'></div></li>
</ul></li>
<li><div id='tif'>
<a id='f' lang='F,R' onclick='M.buf(this)'>R</a>
<a id='a' onclick='M.tif(this)'>Tất Cả</a>
<a id='d' onclick='M.tif(this)'>Ngày</a>
<a id='w' onclick='M.tif(this)'>Tuần</a>
<a id='m' onclick='M.tif(this)'>Tháng</a>
<a id='y' onclick='M.tif(this)'>Năm</a>
<a id='n' onclick='M.tif(this)'>New Top</a>
</div></li>
</ul>
<fieldset><legend>Nghe Tab<form id='tab' lang='Cộng thêm danh sách mới.' name='tap'></form></legend>
<div id='nhac' lang='Đang nghe,Thể hiện,Sáng tác,chưa rõ,Tắt,Tiếp »,Good,Bad'></div>
<ul id='tabs'></ul><ul class='page' id='pms'></ul><ul id='menu'><li><a onclick='M.sow(1,0)'>Nghe Gần Đây</a><ul class='b'><li class='b'><a onclick='M.sow(-1,0)'>Nhạc Trẻ</a></li><li><a onclick='M.sow(-2,0)'>Nhạc Trữ Tình</a></li><li><a onclick='M.sow(-3,0)'>Nhạc Tiền Chiến</a></li><li><a onclick='M.sow(-4,0)'>Nhạc Cách Mạng</a></li><li><a onclick='M.sow(-5,0)'>Nhạc Hòa Tấu</a></li><li><a onclick='M.sow(-6,0)'>Nhạc Nước Ngoài</a></li><li class='b'><a onclick='M.sow(-7,0)'>Nhạc Vũ Trường</a></li><li><a onclick='M.sow(-8,0)'>Nhạc Dance</a></li><li><a onclick='M.sow(-9,0)'>Nhạc Hip Hop</a></li><li><a onclick='M.sow(-10,0)'>Nhạc Ráp</a></li><li><a onclick='M.sow(-11,0)'>Nhạc Pop</a></li><li><a onclick='M.sow(-12,0)'>Nhạc Hàn Quốc</a></li><li class='b'><a onclick='M.sow(-13,0)'>Nhạc Hoa</a></li><li><a onclick='M.sow(-14,0)'>Nhạc Quê</a></li><li><a onclick='M.sow(-15,0)'>Nhạc Huế</a></li><li><a onclick='M.sow(-16,0)'>Nhạc Trịnh</a></li><li><a onclick='M.sow(-17,0)'>Nhạc Chế</a></li><li><a onclick='M.sow(-18,0)'>Nhạc Hài</a></li><li class='b'><a onclick='M.sow(-19,0)'>Nhạc Phim</a></li><li><a onclick='M.sow(-20,0)'>Nhạc Xuân</a></li><li><a onclick='M.sow(-21,0)'>Nhạc Noel</a></li><li><a onclick='M.sow(-23,0)'>Nhạc Thiếu Nhi</a></li><li><a onclick='M.sow(-22,0)'>Nhạc Khác</a></li><li><a onclick='M.sow(-0.1,0)'>Nhạc Tổng Hợp</a></li></ul></li><li><a onclick='M.sow(2,0)'>Đánh Giá Cao</a></li><li><a onclick='M.sow(3,0)'>Mới Nhất</a></li><li><a onclick='M.sow(5,0)'>Tìm Kiếm Nhiều</a></li><li><a onclick='M.sow(6,0)'>Lượt Nghe</a></li><li><a onclick='M.sow(7,0)'>Ưa Thích</a></li></ul>
</fieldset>
<!-- thêm fieldset - legend (cột 2) -->
<fieldset><legend id='totals' lang='music'></legend><span id='total' lang='Tắt,Good,Bad'></span><div id='toal'></div><ul class='page' id='tms'></ul><ul id='menu'><li><a onclick='M.tol(1,0)'>Nghe Gần Đây</a></li><li><a onclick='M.tol(2,0)'>Đánh Giá Cao</a></li><li><a onclick='M.tol(3,0)'>Mới Nhất</a></li><li><a onclick='M.tol(5,0)'>Tìm Kiếm Nhiều</a></li><li><a onclick='M.tol(6,0)'>Lượt Nghe</a></li><li><a onclick='M.tol(7,0)'>Ưa Thích</a></li></ul></fieldset>
<fieldset><legend id='videos' lang='video'></legend><span id='video' lang='Tắt,Good,Bad'></span><div id='vdeo'></div><ul class='page' id='vms'></ul><ul id='menu'><li><a onclick='M.deo(1,0)'>Nghe Gần Đây</a></li><li><a onclick='M.deo(2,0)'>Đánh Giá Cao</a></li><li><a onclick='M.deo(3,0)'>Mới Nhất</a></li><li><a onclick='M.deo(5,0)'>Tìm Kiếm Nhiều</a></li><li><a onclick='M.deo(6,0)'>Lượt Nghe</a></li><li><a onclick='M.deo(7,0)'>Ưa Thích</a></li></ul></fieldset>
<fieldset><legend id='albums' lang='album'></legend><span id='album' lang='Tắt,Good,Bad'></span><div id='abum'></div><ul class='page' id='ams'></ul><ul id='menu'><li><a onclick='M.bum(1,0)'>Nghe Gần Đây</a></li><li><a onclick='M.bum(2,0)'>Đánh Giá Cao</a></li><li><a onclick='M.bum(3,0)'>Mới Nhất</a></li><li><a onclick='M.bum(5,0)'>Tìm Kiếm Nhiều</a></li><li><a onclick='M.bum(6,0)'>Lượt Nghe</a></li><li><a onclick='M.bum(7,0)'>Ưa Thích</a></li></ul></fieldset>
<fieldset><legend>Cộng Album & Video - <a href='http://www.youtube.com/watch_popup?v=fskcIKAfKeU&amp;vq=hd720' style='font-size:10px;letter-spacing:0px' target='_blank'>xem demo</a></legend><div id='view'></div>
<table class='add'><form name='add'><tr>
<td>Tên:</td><td><input id='ten' maxlength='75' name='ten' onkeyup='M.ten(this)' onmouseover='this.focus()' placeholder='Điền tên bài hát, album, video' style='width:279px' type='text' value=''/></td>
<td>Mã Nhúng:</td><td><input id='code' name='code' onclick='this.select()' onkeyup='M.ten(this)' onmouseover='this.focus()' placeholder='Dán mã embed, link youtube' style='width:227px' type='text' value=''/></td>
<td><input disabled='true' id='button' onclick='M.add(this)' type='button' value='Thêm'/></td></tr></form></table>
</fieldset>
</div></td>
<td><!-- (cột 3) --></td>
</tr><tr><td><div class='footer section' id='footer'></div><!-- (chân) --></td></tr></table>
<script id='codef' src='http://nhacf.googlecode.com/files/forever.js?solo=f&show=m'></script>
</body></html>

Thứ Bảy, 22 tháng 9, 2012

Tự động thay đổi ảnh khi rê chuột - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Hướng dẫn: Thay liên kết ảnh được tô ĐỎ bên dưới. 

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNDgzMDEzNjE1NzEmcHQ9MTM*ODMwMTM2NTA3MSZwPTU2MzUxJmQ9Jmc9MSZvPTRmMDRmZTE*ZDAyZjRmMTQ4MTY2/NTZiYjI4NjI4NWZi.gif" /><style type='text/css'>
a.img_roll:link, .img_roll{
width:240px;
height:320px;
display:block;
background-image:url(https://lh4.googleusercontent.com/-vxt8X52xApw/UGEzlRLpA-I/AAAAAAAABVQ/hSu2YEeupkc/s800/nL-Mus%2520%25288%2529.jpg);
}
a.img_roll:hover{
width:240px;
height:320px;
display:block;
background-image:url(https://lh5.googleusercontent.com/-4a-r7V-JJyI/UGEzmW7KdOI/AAAAAAAABV0/gAevNTSHyXQ/s800/nL-Mus.jpg);
}
</style>
<a class="img_roll" href="http://nl-bloggervn.blogspot.com/"></a>
<br />

Hiện LỜI CHÀO trên Blog cho khách ghé thăm - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu Chào Mừng Bạn Đến Với BlogSite Của Chúng Tôi - Bạn Có Thể Truy Cập Vào BlogSite Này Bằng Tên Miền nL-Mus.Soc.Vn
Hướng dẫn: Thay lời chào - liên kết - và kí tự hiển thị thay liên kết cho phù hợp
<marquee> <span style="font-size:150%;">Chào Mừng Bạn Đến Với BlogSite Của Chúng Tôi - Bạn Có Thể Truy Cập Vào BlogSite Này Bằng Tên Miền
<a href="http://nl-mus.soc.vn/" target="_blank">nL-Mus.Soc.Vn</a> </span> </marquee>

Nhúng DANH NGÔN ngẫu nhiên vào Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
-->

<table width='100%' align='center' border='0' cellspacing='0' cellpadding='0' class="tableborder">
<td class='row2'>
<center> <script language="JavaScript">
<!--
function get_random(maxNum)
{
if (Math.random && Math.round)
{
var ranNum= Math.round(Math.random()*(maxNum-1));
ranNum+=1;
return ranNum;
}
else
{
today= new Date();
hours= today.getHours();
mins= today.getMinutes();
secn= today.getSeconds();
if (hours==19)
hours=18;
var ranNum= (((hours+1)*(mins+1)*secn)%maxNum)+1;
return ranNum;
}
}
function getaQuote()
{
var maxQuotes=22;
var whichQuote=get_random(maxQuotes);
whichQuote--;
var quote=new Array(maxQuotes)
quote[0]="Lời nói nào bạn kiềm chế được là nô lệ của bạn<br>Lời nói nào bạn không kiềm chế được là kẻ thù của bạn.";
quote[1]="Đem việc làm mà dạy người thì người ta theo<br>chỉ đem lời nói mà dạy người thì người ta không phục.";
quote[2]="Học chữ nghĩa thì dễ, học cho nên người thì khó.";
quote[3]="Phải tôn kính thầy dạy mình, bởi lẽ nếu cha mẹ cho ta sự sống thì chính các thầy giáo cho ta phương cách sống đàng hoàng tử tế.";
quote[4]="Tôi dường như không phải là thầy giáo...và những con đường dẫn đến trái tim tuổi thơ sẽ bị đóng kín đối với tôi nếu tôi chỉ là người đứng trên bục giảng.";
quote[5]="Phải biết và thấy được dù biển có bão tố thuỷ triều dâng nhưng đáy biển có bao ngọc quý.";
quote[6]="Nếu chỉ yêu bản thân thì khi gặp những thử thách gay go, con người sẽ tuyệt vọng, nguyền rủa số phận và hết sức đau khổ.";
quote[7]="Sự gương mẫu của người thầy giáo là tia sáng mặt trời thuận lợi nhất đối với sự phát triển tâm hồn non trẻ mà không có gì thay thế được. ";
quote[8]="Con người sống không có tình thương cũng giống như vườn hoa không có ánh nắng mặt trời, không có cái gì đẹp đẽ và hữu ích có thể nảy nở trong đó được.";
quote[9]="Các lý thuyết và mục đích của giáo dục chả còn là cái gì cả nếu cô và thầy giáo không coi học sinh như là con người ";
quote[10]="Giáo dục cần có một mục đích làm đối tượng đi tới<br>vì giáo dục không phải tự nó là một mục đích..";
quote[11]="Sự học, trước hết phải biết phân biệt việc nghĩa với việc hại.";
quote[12]="Không nên dạy cho trẻ em những gì chúng phải suy nghĩ, mà phải dạy cho chúng cách suy nghĩ.";
quote[13]="Nhà giáo không phải là người nhồi nhét kiến thức mà đó là công việc của người khơi dậy ngọn lửa cho tâm hồn.";
quote[14]="Đối với người giáo viên, cần phải có kiến thức, có hiểu biết sư phạm về quy luật xã hội, có khả năng dung lời nói để tác động đến tâm hồn học sinh<br>Có kỹ năng đặc sắc nhìn nhận con người và cảm thấy những rung động tinh tế nhất của trái tim con người.";
quote[15]="Đau khổ là cái ác nhưng đau khổ cũng làm cho con người cao quý hơn.";
quote[16]="Nhân cách của người thầy là sức mạnh có ảnh hưởng to lớn đối với học sinh, sức mạnh đó không thể thay thế bằng bất kỳ cuốn sách giáo khoa nào, bất kỳ câu chuyện châm ngôn đạo đức, bất kỳ một hệ thống khen thưởng hay trách phạt nào khác.";
quote[17]="Buồn đau là biển cả, vui sướng là ngọc châu. Muốn tìm được ngọc châu phải lặn sâu nơi biển cả.";
quote[18]="Cuộc sống cao quý nhất khi chúng ta sống có lý tưởng và thực hiện được lý tưởng đó.";
quote[19]="Dạy tức là học hai lần.";
quote[20]="Người lạc quan nhìn bông hồng mà quên gai nhọn<br>Kẻ bi quan chỉ thấy gai nhọn mà quên bông hồng.";
quote[21]="Thành quả cao quý nhất của giáo dục là lòng khoan dung.";

document.write(quote[whichQuote]);
}
getaQuote();
//-->
</script> </center>
</td>
 
</table>

Tạo hộp thoại CHAT cho khách ghé thăm Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Chat
Hướng dẫn: Đăng kí và tạo cho mình một hộp CHAT từ trang
http://cbox.com/welcome/

Tùy biến ẨN và HIỆN một nội dung trên Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Nội dung cần viết...

Hướng dẫn: Thay ĐOẠN VĂN BẢN được tô ĐỎ bên dưới. 
<div>
<div>
<input type="button" value="Nội dung ẩn" style="width:75px; font-size:11px; margin:0px; padding:4px; border=" 1"" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;;this.innerText = &#39;&#39;; this.value = &#39;Ẩn&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Xem&#39;; }" />
</div>
<div>
<div style="display: none;  border:#4F4F4F 1px solid; padding: 4px; background:# ">
Nội dung cần viết...
</div>
</div>
</div>

Nhúng LỊCH ÂM DƯƠNG vào Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Hướng dẫn: Thay giá trị chiều CAO & RỘNG được tô ĐỎ bên dưới.  

<center style="text-align: left;">
<object><embed src="http://www.fileden.com/files/2012/8/20/3338682/Lich-Am-Duong---3-Cau-Nen.swf"  quality="high" wmode="transparent" type="application/x-shockwave-flash" width="150" height="175"></embed></object></center>

Nhúng ĐỒNG HỒ vào Blog cá nhân - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu 1
Hướng dẫn: Thay giá trị chiều CAO & RỘNG được tô ĐỎ bên dưới. 
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="free002-black.swf";obj.TimeZone="VietNam_Hanoi";obj.width=150;obj.height=175;obj.wmode="transparent";showClock(obj);</script>

Mẫu 2
Hướng dẫn: Thay giá trị chiều CAO & RỘNG được tô ĐỎ bên dưới.  
<embed allowscriptaccess="never" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://poq-space.com/Files/clocks/clock6.swf" width="220" height="250" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed>

Hiệu ứng PHÁT SÁNG ảnh khi rê chuột - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu
Hướng dẫn: Thay liên kết ảnh được tô ĐỎ bên dưới. 
                      Thay liên kết mở trang được tô XANH DA TRỜI bên dưới.

<a href="http://nl-mus.blogspot.com/" target="_blank"><img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" src="https://lh3.googleusercontent.com/-sONPSxFWa2w/UGEy_61KNSI/AAAAAAAABCU/WVpV3Vl1dXs/s800/nL-Mus%2520%252822%2529.jpg" align="middle" /></a>

Hiệu ứng XOAY khi rê chuột vào ảnh - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)


Mẫu

nL-Mus.BlogSpot.Com - Nơi viết ghi chú ảnh
Hướng dẫn: Thay liên kết ảnh được tô ĐỎ bên dưới.
                      Thay ghi chú được tô XANH LÁ CÂY bên dưới.

<style>
#vd1_container {
position: relative;
margin: 10px auto;
width: 240px;
height: 320px;
z-index: 1;
}
.face.back {
display: none;
}

#vd1_container {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
-ms-perspective: 1000px;
perspective: 1000px;
}
#vd1_card {
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-webkit-transition: all 1.0s linear;
-moz-transform-style: preserve-3d;
-moz-transition: all 1.0s linear;
-o-transform-style: preserve-3d;
-o-transition: all 1.0s linear;
-ms-transform-style: preserve-3d;
-ms-transition: all 1.0s linear;
transform-style: preserve-3d;
transition: all 1.0s linear;
}
#vd1_container:hover #vd1_card, #vd1_container.hover_effect #vd1_card {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);

-webkit-box-shadow: -5px 5px 5px #aaa;
-moz-box-shadow: -5px 5px 5px #aaa;
box-shadow: -5px 5px 5px #aaa;
}
.face {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.face.back {
display: block;
-webkit-transform: rotateY(180deg);
-webkit-box-sizing: border-box;
-moz-transform: rotateY(180deg);
-moz-box-sizing: border-box;
-o-transform: rotateY(180deg);
-o-box-sizing: border-box;
-ms-transform: rotateY(180deg);
-ms-box-sizing: border-box;
transform: rotateY(180deg);
box-sizing: border-box;
padding: 10px;
color: white;
text-align: center;
background-color: #aaa;
}
</style>

<div id="vd1_container">
<div id="vd1_card" class="shadow">
<div class="front face">
<img src="https://lh5.googleusercontent.com/-JUhBV1Uhj30/UGEyYbcmT3I/AAAAAAAAA0c/iieAYSEz0uA/s800/nL-Mus%2520%25282%2529.jpg" style="width: 240px;height: 320px;"/>
</div>
<div class="back face center">
<p>nL-Mus.BlogSpot.Com - Nơi viết ghi chú ảnh</p>
</div>
  </div>
</div>

Hiệu ứng PHÓNG TO khi rê chuột vào ảnh - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

Hướng dẫn: Thay liên kết ảnh được tô ĐỎ bên dưới.

<script type="text/javascript">
//<![CDATA[
if (top.location != self.location)
{top.location = self.location}
var _gaq=_gaq||[];_gaq.push(["_setAccount","UA-18506635-11"]);_gaq.push(["_setDomainName",".nl-mus.blogspot.com"]);_gaq.push(["_trackPageview"]);(function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
//]]>
</script>

<style>
.demo1{
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.demo1:hover{
moz-transform: scale(1.2) rotate(0deg);
-webkit-transform: scale(1.2) rotate(0deg);
position: relative;}
</style>

<img src="https://lh3.googleusercontent.com/-mbg0O8nCzrk/UGEzlIf1gRI/AAAAAAAABUs/6cu8B9pqKrw/s800/nL-Mus%2520%25287%2529.png" width="240" class="demo1"/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

Bài đăng ngẫu nhiên

Bài đăng ngẫu nhiên từ nL-BloggerVN

Liên kết tiện ích từ đây

Chưa có
Kiểm tra mã nhúng
Sẽ không hiển thị nếu "Mã" bị lỗi, khi đó bạn hãy sửa lại "Mã" ngay tại khung bên trái! Chương trình ứng dụng chính xác cho các loại mã Java Script; HTML. Chúc bạn thành công !


Diệt Virut - Spyware



 

Tham Gia Và Kết Nối Bạn Bè

Bình Luận Trên Facebook