Thủ thuật hiệu ứng tắt mở đèn cho Blogger

Lưu ý: Nếu bạn gặp khó khăn với cách làm của bài viết "Thủ thuật hiệu ứng tắt mở đèn cho Blogger" dưới đây hoặc mọi vấn đề khác, hãy gửi câu hỏi cho chúng tôi - TẠI ĐÂY - Đội ngũ lập trình sẽ trả lời và hỗ trợ bạn nhiệt tình sau 3 phút, 24/24h. Ok, giờ chúng ta bắt đầu

Tiện ích Dịch Blog (Translate this Blog) giúp cho người đọc không phải là người Việt Nam có thể sử dụng để chuyển blog tiếng Việt sang ngôn ngữ của người đọc. 

Nếu bạn dự định làm một blog xem tivi thì thủ thuật này rất hữu ích, hiện nay có khá nhiều trang đang áp dụng thủ thuật này. Với thủ thuật blogger này thì blog của bạn nhìn sẽ thực sự giống một rap chiếu phim tại nhà. Cùng thiết kế website thật hiệu quả nào.

1- Đăng nhập vào Blog

2- Vào Thiết Kế (Mẫu)

3- Chọn Chỉnh sửa HTML

4- Dán đoạn code sau vào trước thẻ đóng </head>:

<script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.jshttp://thietkewebplus.googlecode.com/files/jquery.min.jstype="text/javascript"></script>

*Nếu blog bạn đã có file JQuery.js rồi thì có thể bỏ qua bước 4 này.

5. Bấm Lưu Mẫu  (save template) lại. 

6- Tạo 1 widet HTML/Javarscip và dán đoạn code sau vào:

<style>

.lightSwitcher {
z-index:113;

argin:0;
 c
padding:0;
 
molor:#99FF33;

 text-decorati
outline:none;
on:none;
}

htSwitcher:active, .lightSwitcher:link, .lightSwitcher:visited {
 text-decoration:underlin
.lightSwitcher:hover, .li
ge;
 color:#99FF00;
}
#command {
 z-index:113;
 position:relative;
 padding:0;
 margin:0px;
 text-align:center;
}


#shadow {
 background-image:url(

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGRAVX1IM4E_HaDQWRf8LcOIHZQTR5JHglIbfbvCX5HPVBNMDGDhbzRia3iTWrbcUMIiIJlXh_eI4s27HJF3AUKovPPyACOdbnuwlSllKpjt0JqQSzABBqb_5i2mKLcQZP4AWG7ovQkh4j/s1600/shade-namkna-blogspot.com.png');

 left:0;
top:0;

00%;
 z-inde
width:
1x:100;

n:absolute;
 height
positi
o: 677px;
 display: none;
}


}
</style>
.turnedOff {
 color:#ffff00
;

<script type='text/javascript'> 

on(){
                $("#shadow").css("h
$(document).ready(funct
ieight", $(document).height()).hide();

ck(function(){
                    $("#shadow").toggl
$(".lightSwitcher").cl
ie();
                    if ($("#shadow").is(":hidden"))

ss("turnedOff");
                     else
                        $(this)
$(this).html("Tắt Đèn ").removeCl
a.html("Bật Đèn ").addClass("turnedOff");
                });
                
            });

        </script>



<div id="command"><a class="lightSwitcher" href="#">Tắt Đèn</a></div>


<div id="shadow" ></div>

7. Bấm Lưu Mẫu  (save template) lại. 

Ban quản trị:

Bạn đang đọc bài viết "Thủ thuật hiệu ứng tắt mở đèn cho Blogger". Nếu bạn đang gặp khó khăn với cách làm trên hoặc mọi vấn đề khác, hãy gửi câu hỏi cho chúng tôi - TẠI ĐÂY - Đội ngũ lập trình sẽ trả lời bạn sau 3 phút, 24/24h (Nếu bị bật ra quảng cáo, vui lòng nhấn Bỏ Qua Quảng Cáo)