* Lưu ý : Tại blog này bạn có thể sử dụng phím mũi tên trên bàn phím < > để chuyển bài viết mới hơn hoặc cũ hơn rất tiện lợi

Thứ Tư, 23 tháng 10, 2013

BUTTON- lên , xuống , vào giữa trang blogspot


Xuống cuối trang      Lên đầu trangVào giữa trangXuống cuối trang
  

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)

Bước 1: Tìm dòng ]]></b:skin>

- Thêm vào trước nó đoạn code CSS sau:



/* Button lên, xuống, vào giữa trang blog (1)*/#top-buttom_image { position:fixed; _position:absolute;/*Vị trí đặt button*/ bottom:5px; right:5px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);}


Bước 2: Tìm thẻ đóng </body>

- Thêm vào trước nó đoạn code bên dưới

<!-- Button lên, xuống, vào giữa trang blog (2) -->
<script type='text/javascript'>
var maxWidth = (document.body.clientWidth);
var maxHeight = (document.body.clientHeight);
</script>
<div id='top-buttom_image'>
<a href=' javascript:top.window.scrollTo(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='2' src='link-img'/></a><br/><a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Vào giữa trang'><img alt='Vào giữa trang' border='2' src='link-img'/></a><br/><a href='javascript:window.scrollTo(0,999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='2' src='link-img'/></a>
</div>

Thay link-img thành link ảnh button của bạn.

Bước 3: Save template.

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


8 nhận xét

09:37 23 tháng 10, 2013 Reply

Thật hữu ích, MC cảm ơn Bạn đã chia sẻ

14:05 23 tháng 10, 2013 Reply

Rất hay và thích hợp cho nhà anh MC ....còn nhà chămlê thì ....hiii mắc cở quá ..." Bài viết thì toàn là đoạn ngăn ngắn ....hiii còn bạn đếm trên đầu ngón tay nên không thích hợp để sử dụng nút này (b)...

Ngày vui khoẻ Anh NH ơi! (c)

07:07 24 tháng 10, 2013 Reply

http://img1.123tagged.com/en/GreatDay/55.gif

Nút này thật hay,cám ơn em đã trang trí nhà đẹp cho chị.
Chị sang thăm em ; chúc em một ngày vui.https://lh6.googleusercontent.com/-Q5lMkgcmVR4/T2WEWkNi3MI/AAAAAAAACZ4/7VBYeVbx7kA/s36/01.gif

18:20 24 tháng 10, 2013 Reply

Cái này mình thấy rất hữu ích với nhà bạn đó . Nhiều khi mình qua đó bình kéo chuột mỏi cả tay hôm nào kết nối mạng kém coi như phải về để dịp khác https://lh5.googleusercontent.com/-nkyzLkHUPg8/T2WEYdFqFxI/AAAAAAAACaQ/Mu1yPq91yuc/s36/10.gif ,bạn cài cái này hoặc cái kia đều ok cả . Cứ thực hiện nếu có vấn đề gì comment mình giúp 1 tay

18:25 24 tháng 10, 2013 Reply

Nhà em cũng phải cài sao lại kg ? Nhiều khi bài viết bên em cũng có nhiều lời bình mà . Nhưng điều trước tiên là thuận lợi và tiện ích cho mình trước đã .Cài vô mất có mấy phút là xong cứ thế ngồi hưởng chẳng khoái sao https://lh6.googleusercontent.com/-KbNgd2PuSRA/UIGnIw6RfcI/AAAAAAAADRo/Oz_22m6vc48/h120/chochay1.gif https://lh3.googleusercontent.com/-zI2UJmwerDM/T2WEhSRkuTI/AAAAAAAACcc/Gr3xFDrZF3Y/s36/28.gif

18:30 24 tháng 10, 2013 Reply

Không có gì em thấy nó đẹp mà tiện lợi thôi mà .Cái bên nhà chị là nút lên và xuống ở bài kia chứ không phải cái này .Cái đó nhẹ nhàng mượt mà và rất gọn .Nó ẩn hiện trên dưới .Em cũng muốn cài cho mình nhưng kg được bởi vì cài nó vô phải xoá đi cái khác thế mới dở hơi chứ ? Em đang tìm cách cài cho em đây !https://lh6.googleusercontent.com/-O6m44_Z-8AA/T2WEjLRImnI/AAAAAAAACck/c_jh643HU6o/s36/31.gif

22:31 29 tháng 10, 2013 Reply

Em qua thăm và chúc anh buổi tối thật vui vẻ.
Cảm ơn anh nhiều thật nhiều....

19:05 1 tháng 11, 2013 Reply

Cảm ơn em ghé thăm ! Sống luôn vui vẻ em nhé !https://lh6.googleusercontent.com/-Q5lMkgcmVR4/T2WEWkNi3MI/AAAAAAAACZ4/7VBYeVbx7kA/s36/01.gif https://lh6.googleusercontent.com/-O6m44_Z-8AA/T2WEjLRImnI/AAAAAAAACck/c_jh643HU6o/s36/31.gif

Đăng nhận xét

Bạn có thể chèn hình ảnh. biểu tượng cảm xúc ,video từ Youtube , vào khung Comment không cần dùng thẻ .Chỉ cần Coppy link ảnh , biểu tượng mình thích và paste vào khung comment rồi đăng lên Lưu ý:Định dạng ảnh bạn có thể chèn vào comment['JPG','GIF','PNG','BMP']

Related Posts Plugin for WordPress, Blogger...

Load More Posts

Đã xảy ra lỗi trong tiện ích này
Lên Trên! Xuống Dưới!