Biểu tượng xã hội nổi với hiệu ứng Hover cho Blogger
Hôm nay tôi sẽ chỉ cho làm thế nào bạn có thể thêm các biểu tượng xã hội nổi (Twitter và Facebook) trên Blogger. Như đã nêu những biểu tượng được nổi tức là có vị trí vẫn giống nhau sau khi di chuyển. Widget này cũng cũng Hover hiệu lực trong đó. Khi được quét với một con chuột trên các nút tăng độ mờ đục. Sau khi cấu hình các biểu tượng sẽ được hiển thị ở phía bên tay trái của mẫu. Trên nhấp vào các nút này, bạn sẽ được chuyển hướng đến Twitter / Facebook trang bạn muốn.
Thêm widget này vào Blogger
Đi vào Blog Tiêu đề → Giao diện → Thêm Widget → HTML / JavaScript. Dán mã dưới đây và lưu các phụ tùng.
<style type="text/css">
a.abt-hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.abt-hover:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }
</style>
<div style="display: scroll; left: 30px; position: fixed; top: 200px;">
<a class="abt-hover" href="http://twitter.com/lutip_com" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Follow Us"><img border="0" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/Twitter-abt.png" /></a>
<a class="abt-hover" href="http://www.facebook.com/vnnpay" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Like Us"><img border="0" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/Facebook-abt.png" /></a>
</div>
Thay đổi lutip_com và vnnpay với ID của bạn mong muốn.
Lưu Mẫu. Bạn đang làm bây giờ. Trong blog với mẫu rộng lớn hơn các vị trí có thể không chính xác. Nếu nó là như vậy bình luận dưới đây với URL blog của bạn. Tôi sẽ viết lại mã cho bạn.