T

a

n

chau123

Blog Giải Trí Tổng Hợp

trang chủ
Báo lỗi bài
    Báo lỗi thông tin bài viết

    Nhập thông tin báo lỗi vào ô bên dưới

Thích trang
    Trở thành fan của Tanchau123.blogspot.com

    Bạn muốn nhận tin tức mới nhất từ Tanchau123.blogspot.com? Hãy nhấn nút "Thích" bên dưới để nhận thông tin mới nhất từ chúng tôi trên Facebook.

12 năm trước

Tạo hộp tiện ích trượt khi dê chuột vào

Một số blogger có sử dụng tiện ích ẩn / hiện hộp thoại khi click chuột vào, tuy nhiên nó không chuyên nghiệp và rất bất tiện khi khách thăm blog bạn không muốn "click". Chính vì vậy, sử dụng hộp tiện ích với hiệu ứng trượt sẽ giúp blog / web bạn nhìn chuyên nghiệp và mượt hơn. XEM DEMO


BẮT ĐẦU THỦ THUẬT:

1. Đăng nhập tài khoản blogger của bạn.
2. Vào Thiết Kế => Chỉnh Sửa HTML => mở rộng tiện ích => thêm đoạn code dưới đây sau thẻ </head> trong template của bạn rồi "lưu lại":


3. Chọn Phần Tử Trang => Thêm Tiện Ích => HTML/Javascript.
4. Copy và Paste toàn bộ code bên dưới vào:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRhyphenhyphen42RwTRSg8hvPVDEKoV-n9qWzW0Ffd3TBMSN4xMkkXe3m38kNG3Lvy_c7mj4t0ME4xULEkUEiJEs6ULGXMXJWX_a9__Bq6x90rPeSX7D7CLTXcOKCMy3KjrjGG0cFjYp-Kf-5BPi9zo/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>CODE NỘI DUNG BẠN MUỐN THÊM VÀO<span>By <a href="http://24work.blogspot.com/">Blogspot tutorial</a> / <a href="http://24work.blogspot.com/">+Get This!</a></span></div></div> </div>


5. Lưu lại và thưởng thức.

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

Theo cayxadenhoabinh

MU facebook chuột scroll css color background border padding font content width height display z-index position float text-align :hover text-decoration

2 nhận xét

· Thêm biểu tượng cảm xúc
    Chọn biểu tượng cảm xúc

    Mỗi biểu tượng có chuỗi ký tự mã hoá tương ứng. Nếu muốn chèn biểu tượng thì thêm chuỗi ký tự ::v vào nhận xét.

    Bạn đang cảm thấy thế nào ?

    ::a
    ::b
    ::c
    ::d
    ::e
    ::f
    ::g
    ::h
    ::i
    ::j
    ::k
    ::l
    ::m
    ::n
    ::o
    ::p
    ::q
    ::r
    ::s
    ::t
    ::u
    ::v
    ::w
    ::0
    ::1
    ::2
    ::3
    ::4
    ::5
    ::6
    ::7
    ::8
    ::9
    :-0
    :-1
    :-2
    :-3
    :-4
    :-5
    :-6
    :-7
    :-8
    :-9
    --0
    --1
    --2
    --3
    --4
    --5
    --6
    --7
    --8
    --9
    ''0
    ''1
    ''2
    ''3
    ''4
    ''5
    ''6
    ''7
    ''8
    ''9
    ;;0
    ;;1
    ;;2
    ;;3
    ;;4
    ;;5
    ;;6
    ;;7
    ;;8
    ;;9
    ``0
    ``1
    ``2
    ``3
    ``4
  • Loading...Anonymous11:27 23/3/22
    Đoạn Tình Từ Hy - Lover Of The Last Empress (1995) [18+] >>>>> Download Now >>>>> Download Full Đoạn Tình Từ Hy - Lover Of The Last Empress (1995) [18+] >>>>> Download LINK >>>>> Download Now Đoạn Tình Từ Hy - Lover Of The Last Empress (1995) [18+] >>>>> Download Full >>>>> Download LINK

  1. Nặc danh17:43 18/11/12

    Well written job. Must be bookmarked:)
    Here is my blog post ; canapé pas cher

    Trả lờiXóa
  2. Nặc danh20:15 8/12/12

    When Ι originally commenteԁ I сliсκеd the "Notify me when new comments are added" checkbοx
    and noω each time a commеnt is adԁed I
    get several e-mailѕ wіth the ѕame comment.

    Is there any ωаy уοu can remοve me from that ѕeгvice?
    Thanks!

    Fеel freе to vіѕіt my websіte:
    twitter
    Also visit my web site : Free Facebook Subscribers

    Trả lờiXóa