ẢNH CÓ CHÚ THÍCH KHI ĐẶT TRỎ CHUỘT LÊN ẢNH
<div class="separator" style="clear: both; text-align: center;"> <a href="http://giapqb.blogspot.com/" title ="CHÚ THÍCH KHI RÊ CHUỘT VÀO" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="LINK ẢNH CỦA BẠN" height="200" width="200" /></a></div>
HIỆN ẢNH KHÁC KHI RÊ CHUỘT LÊN ẢNH
<a href="link_liên_k?t" target="blank"><img onmouseover="this.src='LINK_HÌNH_THAY_TH?'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" ></a>
HIỆU ỨNG KHI RÊ CHUỘT VÀO LINK
<a href="LINK" target="blank" onmouseover="oldColor=this.style.backgroundColor;this.style.backgroundColor='#eee';" onmouseout="this.style.backgroundColor=oldColor;">NAME_LINK</a>
Hiện địa chỉ liên kết khi rê chuột vào linkĐể thêm hiệu ứng nhỏ này vào Blogger / Blogspot thì khá đơn giản bạn chỉ cần chèn đoạn mã này lên trên thẻ ]]></b:skin> là xong
.post-body a { position:relative; }
.post-body a::before {
content:attr(href);
font-size:11px;
line-height:11px;
font-family:Arial,sans-serif;
text-transform:none;
padding:8px 12px;
top:-34px;
right:0px;
transition:.3s ease-out;
background:#222;
color:#fff;
border-radius:5px;
position:absolute;
opacity:0;
visibility:hidden
;
}
.post-body a::after {
content:" ";
width:0;
height:0;
right:10px;
top:-7px;
transition:.3s ease-out;
border-color:#222 transparent transparent;
border-style:solid;
border-width:6px 6px 0;
position:absolute;
opacity:0;
visibility:hidden;
}
.post-body a:hover::before, .post-body a:hover::after {
opacity:1.5;
visibility:visible;
}Liên kết kiểu JAVA nhưng liên kết các trang trong Blog của mình thôi nhé.
.<A style="BEHAVIOR: url(#default#homepage)" href="javascript:void(window.open('giapqb.blogspot.com', '','top=200, left=250,scrollbars=no,width=495,height=395'))">
<FONT color=#ff0000><B>TEST THỬ THÔI NHÉ</B></FONT> </A>
Hiện địa chỉ liên kết khi rê chuột vào link<FONT color=#ff0000><B>TEST THỬ THÔI NHÉ</B></FONT> </A>
Để thêm hiệu ứng nhỏ này vào Blogger / Blogspot thì khá đơn giản bạn chỉ cần chèn đoạn mã này lên (Chèn JAVA dưới trên thẻ </head>).
<script type='text/javascript'> function popUp(URL){day = new Date();id = day.getTime();eval("page"+ id + "= window.open(URL,'"+ id + "','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=500,height=500,left = 200,top = 120');")}
</script>
<a href='javascript:popUp('https://maps.google.com/')'> Xem bản đồ ( MAP)</a>