Có nhiều bài viết về thủ thuật mà itviet360 đã chia sẻ những Social Bookmark hợp lý. Bài viết này itviet360 chia sẻ thêm 1 Social Bookmark auto chạy theo thanh cuộn khi chúng ta kéo xuống. Điều này tạo cho người đọc luôn thấy sự chia sẻ khi vào blog, Website của bạn...
Hướng dẫn thủ thuật (trên Blogspot, với Website mã nguồn khác các bạn dán code tương tự)
1. Vào bảng điều khiển Blogspot -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. (Ctrl +F) tìm tới thẻ đóng </head> và dán code dưới đây trên nó
Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script language='javascript'>
var name = "#floatMenu";
var menuYloc = null;
$(document).ready(function(){menuYloc =
parseInt($(name).css("top").substring(0,$(name).css
("top").indexOf("px")))
$(window).scroll(function () { offset = menuYloc+$(document).scrollTop()+"px";$(name).animate({top:offset},{duration:1000,queue:false});});});
#floatMenu {
position:absolute;top:150px;float:left;width:45px;}
#floatMenu ul {list-style: none;}
#floatMenu ul li a {-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.8;}
#floatMenu ul li a:hover {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);opacity: 1;}
</style>
3. (Ctrl + F) tìm tới </body> và dán code dưới đây trên nó
<div id="floatMenu">
<ul>
<li><a href="http://facebook.com/itviet360" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRyPhmk5NANPFPNJx-eO-kJSKavs0cSXqHoc0nKbmp9T5jLIT_X2P6lMBYWwrIEHK4VZnmxWGFPpXUHAegAoaIQ2oM3k6ANU7JEUwK0Vv_aqFC9E6YxOsY6987H8CTh87mTGF597RLb7k/s1600/btrix-facebook.png" style="margin-bottom: 3px;" title="Follow Me On Facebook" /></a></li>
<li><a href="http://twitter.com/phongvu18nd" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRpW8KiSBX5wJUG4VzojtpkSdgiFq6D7m6MNwEUrtQjqv_pCO-PW9xWSoH9jMem3YVw2CqEc4wCveWtYbiTc6AYmNYJUjr1iqT_c75Mn_S9VyymCrUMP3EljpaQwRMjC5DmiseoL-vwEw/s1600/btrix-twitter.png" style="margin-bottom: 3px;" title="Follow Me On Twitter" /></a></li>
<li><a href="https://plus.google.com/117290973503680239179" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTubtJmXzae9GQ9OjgfAU2GvQPs7izML5BvCXAP0A5p8cOCcDP6wFVKcfCI2TR6J32sZWxDBQL4FruMsKJwkKSPmmEXXm1dPrrKgK5_Ixtvq9UNG4E0EfeD6Eix_1mR1CyglJaUU14j-k/s1600/btrix-googleplus.png" style="margin-bottom: 3px;" title="Add Me your Circle" /></a></li>
</ul>
</div>
Trong đó:
Các giá trị bôi vàng là những giá trị riêng của bạn
- Bạn cũng có thể thêm nhiều hơn Social Bookmark với việc thêm đoạn mã màu xanh
Không có nhận xét nào:
Đăng nhận xét