sdz

Tuesday, June 4, 2013

Ngất ngây trước những hòn đảo tình yêu đẹp nhất thế giới (P3)

[Siêu cải tiến] Script banner quảng cáo trượt 2 bên .

Đây là đoạn mã cải tiến lần cuối về hiệu ứng banner trượt dọc 2 bên website. Bổ sung tính năng cho phiên bản trước, phiên bản này 2 banner cũng sẽ tự động canh lề 2 bên nếu kích thước bề rộng trình duyệt lớn hơn 1024px để tránh tạo khoảng trống vô nghĩa trong website khi người dùng sử dụng máy tính có màn hình quá lớn.

<script type="text/javascript">
//<![CDATA[
function AdvTruotCode1k(){
if (document.body.clientWidth > 900){
document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://www.code1k.com' target='_blank' title=''><img border='0' src='http://1.bp.blogspot.com/-Kz6dzWv6CBc/T-cT94ESXYI/AAAAAAAAIkI/2H6UpC3Vv3k/s1600/banner1-code1k.com.gif' width='110' style='margin-bottom:4px'></a></td></tr></table>");
}
}
function ShowLeftAdDiv(){
if (document.body.clientWidth > 900){
document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://www.code1k.com' target='_blank' title=''><img border='0' src='http://4.bp.blogspot.com/-RMcPizcdDOg/T-cT-fqlfSI/AAAAAAAAIkM/RPvmguLLToA/s1600/banner2-code1k.com.gif' width='110' style='margin-bottom:4px'></a></td></tr></table>");
}
}
//]]>
</script>
<DIV id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script type="text/javascript">AdvTruotCode1k();</script></DIV>
<DIV id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script type="text/javascript">ShowLeftAdDiv();</script></DIV>
<script type="text/javascript">
//<![CDATA[
window.onresize=ShowAdDiv;
function FloatTopDiv()
{

var ns = (navigator.appName.indexOf("Netscape") != -1);

if(!ns)
{
startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0;

startRX = ((document.body.clientWidth)/2) + 391 , startRY = 0;
}
else
{
startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0;
startRX = ((document.body.clientWidth -775)/2) + 778 , startRY = 0;
}
var d = document;

function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x;this.style.top=y;};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 10){startLY = 10;startRY = 10;} else {startLY = 10;startRY = 10;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout("stayTopLeft()", 1);
}
ftlObj = ml("divAdRight");
ftlObj2 = m2("divAdLeft");
stayTopLeft();
}

function ShowAdDiv()
{
var objAdDivRight = document.getElementById("divAdRight");
var objAdDivLeft = document.getElementById("divAdLeft");

if (document.body.clientWidth < 980)
{
objAdDivRight.style.display = "none";
objAdDivLeft.style.display = "none";
}
else
{

objAdDivRight.style.display = "block";
objAdDivLeft.style.display = "block";
FloatTopDiv();
}

}
ShowAdDiv();
//]]>
</script>

Đăng nhập vào tài khoản Blogger
Vào phần Thiết kế (Design) THÊM TIỆN ÍCH.
Thêm 1 HTML/Javascript và thêm vào code . CHÚC THÀNH CÔNG.
LƯU LẠI.

code Script luân chuyển tiêu đề Tab trình duyệt.

Đây là phiên bản cải tiến . Phiên bản này bạn có thể thay đổi nhiều tiêu đề cho 1 trang web và cài đặt thông số tốc độ luân chuyển tùy ý.

<script type='text/javascript'>
//<![CDATA[
step=0
function flash_title(){
step++
if (step==6) {step=1}
if (step==1) {document.title='QUANGHIEN968'}
if (step==2) {document.title='Tạp chí mã nguồn Việt Nam'}
if (step==3) {document.title='Chia sẻ miễn phí'}
if (step==4) {document.title='Code phong phú đa dạng'}
if (step==5) {document.title='Code cho mọi mã nguồn'}
setTimeout("flash_title()",600);}
flash_title()
//]]>
</script>

Các bạn thay đổi phần màu xanh theo ý thích , vào thiết kế , thêm tiện ích , thêm HTML/JA...dán code vào , lưu lại, xem blog , nó sẻ hiện thị ở góc trên bên trái. chúc bạn vui với nó.

Monday, June 3, 2013

CODE NÚT LÊN ĐẦU TRANG TRƯỢT.

Sản phẩm cải tiến từ phiên bản trước . Ở phiên bản này, nút chuyển lên đầu trang web được tích hợp jQuery giúp tạo hiệu ứng trượt, đồng thời nút sẽ tự động ẩn đi khi người xem đang tham chiếu ở đầu trang web.

src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<style type="text/css">
#toppage1k {
width:100px;
background:#F4FFBF;
border:1px solid #ccc;
text-align:center;
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
color:#666;
text-decoration:none;
}
</style>

<a href="#code1k-totop" id="toppage1k"><img src='http://2.bp.blogspot.com/-m8WrKNWQ2gI/UCyfA-WqPII/AAAAAAAAQp8/-AP7Gwvd4ww/s1600/nut-chuyen-len-dau-trang-web-code1k.com.png' alt='' style='border:0px;'/> Lên trên</a>

<script type='text/javascript'>
//<![CDATA[
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {
$("#toppage1k").scrollToTop();
});
//]]>
</script>

Với code nầy các bạn chỉ cần vào THIẾT KẾ , chọn BỐ CỤC , chọn THÊM TIỆN ÍCH. chọn thêm HTML/JAVA...dán code bên trên vào , chọn lưu lại, xem blog.

nếu bạn không thích nó thì xoá đi là xong không ảnh hưởng đến mẫu blog của bạn. chúc bạn thành công .