Social Bookmark - Mạng lưới truyền thông luôn là những điều quan trọng để Website, Blog có được nguồn Traffic lớn. Bạn đọc yêu thích Blog của bạn có thể dễ dàng chia sẻ bài viết Blog, Website của bạn để bạn bè cùng biết tới...
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:
3. (Ctrl + F) tìm tới </body> và dán code dưới đây trên nó
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
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/AVvXsEiuJCzzxO7CngTcwviNbozCFFE5GyQRuX2QhtApz5Xinb9cwDZ4gyC_hlkqJPh2bBHzoxxMABML-mIDq03zeXrirGoDcOzBwKOlpoaagN87akgRJ_yZOwjYm7JwBqH7jqJAdCnBnINU9FI/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/AVvXsEjOEHDANgUCUPgGr0lQAUgWMkJ4QieLMrbDta7eweK4JEploM8aoeDjZJ2gqtLZRr1oyrpiaSLo7BwT-7rSUGXnWG8S61qM2G4xVZPNLOkEPz2I1LhbrV-VaXt3EMc8JfuOEvyBkiI34uk/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/AVvXsEjGvDwtatPjM1bgYFM8Dwin5toj5kKyyG23XAUoLigO8QP2uRh0K5kl_yma0rSfUHfYi1mEOOpWA_cR2SfRRRZvHbf72H7j5xbgxjk8ghte6N7d0SHlqq8zhqoPpNa060tub7_ow12UD7c/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
0 nhận xét:
Đăng nhận xét