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/AVvXsEi3aD5rzpF3hVMxVkWDUAn8yuc3rtVO_00xU_malB10VSko6GNuyPwzFnFj6hotGHmzXF0AuX9c2t4kHX_yCSH47y-778jUPitCfWKC1vWtVH2jAotzw0gNsHuQyRiK-j1v4IlDFs97h9o/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/AVvXsEh7n7iINN7WdMFbhbBdroHTGusFHA1sFDcMUBbHOb2GffyCbr4vp-yWFNp-kDR1AABR1InQZ1iZXNWQyY9EWUlg_HvklPtLTM4OKocP_JMDNHkoH5d2yp4LNAU8OHO_af0HzDaJJCwpEyc/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/AVvXsEisn4gPL4qKVGHdtsIglncJWnXUGCQEaeB3Qn6L7GJualRK1zT8y7jw6Qo2cSbFnc3L-F3nHB4WIxq9Bq55o47uHD3WGReODX1MTw9Al06XY_3QgjhmqIk9OSYbyRjUyRluQNAC5S-JSuQ/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