▀▄▀▄▀▄▀▄▀▄▀▄ 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 HỘP TIỆN ÍCH ẨN CHO BLOGSPOT

Một Blog đẹp thì không thể thiếu các tiện ích như: đồng hồ, lịch, menu,  trình nghe nhạc, xem phim, xem báo, Flash.... Nhưng nếu gắn nhiều tiện ích thì sẽ chiếm khá nhiều không gian của Blog, vì vậy với thủ thuật này, các bạn sẽ tạo được một hộp tiện ích ẩn nằm ở phía tay phải của Blog, khi nào muốn sử dụng, các bạn chỉ cần bấm vào nút "Click Here" để gọi nó ra, không muốn xem nữa thì bấm nút "Đóng lại" rất là tiện lợi phải không các bạn???.
Các bạn bấm vào XEM THỬ phía dưới để thấy rõ hơn nha.





XEM THỬ


Để làm được điều này, các bạn phải làm tuần tự các bước sau:
1/ Đăng nhập vào Blog > Chọn Thiết kế > Chọn chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh </head>Enter


Sau đó dán toàn bộ code phía dưới vào trên dòng lệnh </head> và bấm Lưu mẫu

<style type='text/css'>
#gb{
position:fixed;
top:20px;
z-index:+1000;
right:3px;
}
* html #gb{position:relative;}

.gbtab{
margin-top:-1px;
height:200px;
width:30px;
float:left;
cursor:pointer;
background:url(http://2.bp.blogspot.com/-XrVfpz9ck4Y/TwpdBGMGi6I/AAAAAAAAJl4/k52o91sqnak/s1600/www.loogix.com_9845028.gif) no-repeat;
}
.gbcontent{
float:left;
border:3px solid #FFFFFF;
background: url(http://1.bp.blogspot.com/-pcPJN50N13I/TwpmHYqAA7I/AAAAAAAAJmA/JgYgZqyHhC4/s1600/www.loogix.com_9845079.gif);
padding:5px 15px 3px 15px;
line-height:1.3em;}
</style>

<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById(&quot;gb&quot;);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 24-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(&quot;gb&quot;);
var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
var dir = xf&gt;x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + &quot;px&quot;;
if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
}
</script>

Các bạn có thể thay đổi dòng lệnh màu đỏ (đây là file ảnh của chữ CLICK HERE, các bạn có thể làm chữ khác mà mình muốn với kích thước tối đa là 30x150)
Thay đổi dòng lệnh màu xanh (đây là file ảnh của khung ngoài, các bạn có thể làm file ảnh khác với kích thước 30x512)

2/ Bây giờ, bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML/Javacritp rồi dán code phía dưới vào:

<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<strong><span style=" ">Tên hiển thị trên hộp</span></strong>

<center>
NỘI DUNG TIỆN ÍCH BẠN ĐẶT TẠI ĐÂY
</center>
<div style="text-align: right;"><span style="float:left; ">Tên hiển thị phía dưới hộp</span>
<a href="javascript:showHideGB()">[Đóng lại]
</a></div></div></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (24-gb.offsetWidth).toString() + "px";
</script>

 Bạn đặt nội dung tiện ích vào chỗ chú thích trên code (nên nhớ phải là code HTML nha)
 Cuối cùng bấm Lưu và trở lại Blog xem kết quả

Chúc các bạn thành công 

 

20 nhận xét:

Lê Hoàng Chiến nói...

Anh Dũng ơi sao em làm như hướng dẫn trong bài "Tạo hộp tiện ích ẩn cho blogspot" của anh mà không được vậy, ngay tại khung tiện ích em tạo trắng xóa không có gì cả.

dungheineken nói...

Đó là do em sai một bước nào đó, bây giờ cố gắng làm lại xem sao...

anphucdoor nói...

Anh Dũng ơi em cung làm như anh nói mà sao không đc anh giúp lại em nhe cám ơn anh nhé!

dungheineken nói...

Em bị lỗi gì???

Lê Hoàng Chiến nói...

ok, em làm được rồi anh Dũng ơi.

dungheineken nói...

Chúc mừng em nha

CLB nghiên Cứu Khoa Học nói...

Cho e hỏi. E muốn tại cái popup khi vao blog moi khi vao thi phai like face roi mới được vào trang chủ còn không thì thoát. Code a làm giùm e được k anh

dungheineken nói...

Xin lỗi em, vụ này anh cũng chưa nghiên cứu, vì vậy không thể giúp em được.

Dung Minh Nguyen nói...

Vụ này hay đây,nhưng mình phải áp dụng thử trên Blog_demo trước chứ không dám liều vì nó nhiều công đoạn phức tạp quá.Cảm ơn Trang chủ nha !

Ốc Tiêu nói...

Cái này rất hay ... Mặc định không có lỗi gì cả . Nhưng không biết sao khi Mình copy đường link ảnh bên google site thay thế 2 ảnh ở trên code thì lại báo lỗi "Mẫu của Bạn không thể tạo ..." . Hay phải up lên host khác hay sao Dũng nhỉ?

dungheineken nói...

Mình chưa thử code của Google site nên cũng không biết nó có bị lỗi, theo mình bạn chỉ cần đăng nhập vào blog chọn bài đăng mới rồi chèn hình vào và lấy link ảnh thay vào thì dễ hơn nhiều mà

Ốc Tiêu nói...

Mình đã làm được ...Đơn giản vậy mà Mình không nghĩ ra. Cảm ơn Bạn nha

lyly_vc nói...

Anh trai lâu lâu em bận ko ghé bữa nay vô nhiều thứ đẹp quá anh trai em qua chôm dzìa...Thanks anh trai

Nguyen Minh Hoan nói...

Chào Dũng. Nhờ em mà anh làm được nhiều thứ từ các bài hướng dẫn của em, có thể nói là rất chi tiết và rất dễ áp dụng. Rất nhiều trang hướng đẫn tiện ích nhưng anh làm mấy cũng không được mà lại hư thêm trong html nữa.
Anh xin chú cho anh cái Tiện ích này nhưng anh không thích ẩn mà để ở bên cột nhỏ như của em nhé. Cám ơn em nhiều..nhiều.

Hương Quê nói...

Dũng ơi ..!!!! chị RIN cái ti vi về nhà chị nhen Dũng Chị cãm ơn Cảm ơn thật nhiều em trai .Chúc em đêm nay thật ngon giấc nhé .

Dũng ơi ..chị thích cái code khung TIÊU ĐỀ TIỆN ÍCH quá D ơi .

Em cho chị xin code khung tiêu đề tiện ích mà màu khác với nhà em D nhé .Cảm ơn thiệt là nhiều em nhé .
email của chị nè huongbinhfduong454@gmail.com .

dunghennessy nói...

Khung tiêu đề tiện ích nào vậy chị????
Chị có thể nêu cụ thể hơn, em sẽ gởi cho Chị
Chúc Chị ngày đầu tuần vui vẻ nhe

TÔ NY nói...

website a rất là hay a cho e hỏi a có facebook kết bạn cùng e nhé https://www.facebook.com/quachtuan.an.3

tranthuhien199595 nói...

- a dũng oi cho e hỏi tí lam xong hết đều ra , nó lại hiện ra tên hiện thị ở phía dưới hộp trả thấy cái hình của a đâu cả

tranthuhien199595 nói...

a dũng ơi : chỉ e cái sửa cái ảnh này nào : e muốn thành ảnh của e thi lam sao a : https://a81a3e5a-a-62cb3a1a-s-sites.googlegroups.com/site/dunghennesy/danhmucdunghennessy.swf?attachauth=ANoY7cowRpAlynKeb-44vbKcAmZO1J9GmBbIadGuiBWx7RJ192e9tP48gx_q7ROEE58FOrcSDcRWDG5L6iihy6s6katDySRd92SHfR0Vw0DRVl84pG7YeOTFThF-XeEIRZgAMpY74cpDP_hj5u3P3iyKpUPCIon3Su3t3QeokBwYA-Dqi2CBBrNpZ_jBjjm38_5IzTuZpFIbSnRXH-qDJbuu4GEhfnBw3KfMmNLejxhvX3lhUuMPV-I%3D&attredirects=2

tranthuhien199595 nói...

- a dũng ơi chỉ cho e sửa cái ảnh này nào : e muốn thành ảnh của e thi lam sao anh : gửi về tranthuhien199696@gmail.com e với ạ
62cb3a1a-s-sites.googlegroups.com/site/dunghennesy/danhmucdunghennessy.swf?attachauth=ANoY7cowRpAlynKeb-44vbKcAmZO1J9GmBbIadGuiBWx7RJ192e9tP48gx_q7ROEE58FOrcSDcRWDG5L6iihy6s6katDySRd92SHfR0Vw0DRVl84pG7YeOTFThF-XeEIRZgAMpY74cpDP_hj5u3P3iyKpUPCIon3Su3t3QeokBwYA-Dqi2CBBrNpZ_jBjjm38_5IzTuZpFIbSnRXH-qDJbuu4GEhfnBw3KfMmNLejxhvX3lhUuMPV-I%3D&attredirects=2

Đăng nhận xét

 
Powered by by: Blogger