Thêm Social Bookmark động cho blogspot, Website

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...
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...
Social Bookmark

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/AVvXsEjF7C1dmoRSS-YCXV-SLvyzMj6fg4i8Xf238oKa431Ib7e2cszRAaJqbAGXRD1-hAXBCHPsFR5vD5BUJW8Moq7-1MzB1e3pL6SBZemSbrQajMXQluF3VYXOMWfmHomsUc-S3xqU7jOirIY/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/AVvXsEjW0ZasML3weDOcJ8Z4XH8xPboA_bJGT7kHz_IvFq7JAGzpxoBYvJ2rEUytEpk3Q0xwEtliSwvPXkELKHDFoGiHjFq1MM_eg8Z9BkQKanJ9mMTn551TX_VK2DF5jp8M1NfEZc8C4fyY2Lk/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/AVvXsEiUcX78djRUw-ITdIlgXQcdcigBVUbiwpFF4Z7ycVxQf0L2ErxXAGK6n_ONy-w39EAUe6DHnjGiO_C4foaksIADCsZ3WwNiSeo917ZspFV4Pu6Dn9VjcXW1qL4fivZoHZKfWtFrG19uWtY/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 Chuyên mục: , , ,

0 nhận xét:

Đăng một bình luận