[HAIPHONG TP TOI YEU]

 

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)


Code làm widget bất kỳ trượt 2 bên blog

Posted: 03 Apr 2014 10:21 AM PDT

widget trượt theo blog
Mình đã từng giới thiệu một code làm cho ảnh đẹp hay banner trượt theo blog nhưng hôm nay mình sẽ giới thiệu một thủ thuật giúp một widget bất kỳ trượt theo blog, cách bottom một khoảng cách nhất định sẽ tự động trượt lên để không làm ảnh hưởng về mặt thẩm mỹ của footer.

Cài đặt jquery cho blog của bạn
Bước 1: Vào blogger → Mẫu → Chỉnh sửa HTML
Bước 2: Chèn đoạn code bên dưới vào ngay sau thẻ mở <head> rồi lưu lại template

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'></script>

Nếu template của bạn cài jquery rồi thì bỏ qua bước này để tránh xung đột

Thêm widget trượt dọc 2 bên blog

Vào blogger → Bố cục → Thêm widget HTML/Javascript mới vào vị trí bạn muốn sau đó dán code sau vào phần nội dung rồi lưu lại

<style type='text/css'>
#floatDivWrapper {font-size:11px}
#floatDiv.fixed {position:fixed;top:0px}
</style>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function(){var documentHeight=$(document).height();if(documentHeight>2500){
//$("#floatDivWrapper").css('position','fixed');$("#floatDiv").css({'position':'fixed','top':30});
var bottomHeight=1200;var msie6=$.browser=='msie'&&$.browser.version<7;if(!msie6){var top=$('#floatDiv').offset().top-parseFloat($('#floatDiv').css('margin-top').replace(/auto/,0));$(window).scroll(function(event){var y=$(this).scrollTop();if(y>=top&&y<=(documentHeight-bottomHeight)){$('#floatDiv').addClass('fixed')}else{$('#floatDiv').removeClass('fixed')}})}}});
//]]></script>
<script type='text/javascript'>//<![CDATA[
var s=true;function doBlink(){$('.blink').css('display',function(index,val){s=!s;return (s)?'block':'none';})}
$(document).ready(function() {setInterval("doBlink()",0)});
//]]></script>
<div class='widget HTML' id='floatDiv'>
Nội dung của widget
</div>

Bạn có thể tùy chỉnh cho widget như bên dưới :

top:0px: Khoảng cách của widget đến lề trên khi di trượt dọc
documentHeight>2500: Nếu bài viết dài quá 2500px thì widget mới trượt dọc
bottomHeight=1200: Cách bottom 1200px widget sẽ tự động chạy lên phía trên

Thêm Google plus follow Popup cho blogspot

Posted: 03 Apr 2014 07:34 AM PDT

Là quản trị của một blogger hẳn bạn đang cố gắng để tăng lượng độc giả, thứ hạng cho trang blog của bạn. Có hàng ngàn lời khuyên và thủ thuật để giúp tăng lưu lượng truy cập cho trang của bạn khiến cho bạn khó khăn trọng việc lựa chọn cách thích hợp.

Nhiều người ngĩ đến sử dụng vòng kết nối Google +, tuy nhiên tiện ích Google + tĩnh do blogger cung cấp vẫn còn khá đơn giản chưa tạo được tính đột phá, phong cách riêng và đặc biệt là không có sức hút với độc giả khi họ truy cập vào trang của bạn. Vì vậy, trong bài viết này Namkna sẽ chia sẻ với các bạn một thủ mới, với thủ thuật này khi có người truy cập vào trang của bạn thì sẽ xuất hiện một popup ngay trên trang họ truy cập, qua đó độc giả có thể đăng ký theo dõi nhận tin thông qua tài khoản google + của bạn (cũng giống như đăng ký feedbunner).
Thêm Google plus follow Popup cho blogspot

Đọc thêm»

Tạo số đếm nhận xét đẹp sau tiêu đề bài viết

Posted: 03 Apr 2014 03:01 AM PDT

Những nhận xét, bình luận là một trong những tiêu trí dùng để đánh giá mức độ thành công và nổi tiếng của blog bạn. Độc giả thường bình luận trên blog bạn để hỏi đáp những vấn đề họ khúc mắc trong bài viết của bạn, hay đơn giản chỉ để cảm ơn hoặc đánh giá về tác giả của bài viết đó. Một cách có thể khuyến khích độc giả comment trên trang của bạn là thông báo cho họ thấy bài viết họ đang xem có bao nhiêu người comment (tất nhiên nếu con số càng lớn thì co thấy bài viết đó được quan tâm càng nhiều). Bài viết này namkna sẽ hướng dẫn cho các bạn cách thêm một thông báo số lượng nhận xét được đăng trên một bài viết vào ngay sau tiêu đề của bài viết đó.

Tạo số đếm nhận xét đẹp sau tiêu đề bài viết
(Ảnh minh họa)
Đọc thêm»

Một số style searchbox đẹp cho blog

Posted: 03 Apr 2014 07:40 AM PDT

Search box là một thành phần quan trọng trong mỗi blog, nó giúp độc giả có thể tìm thấy các bài viết họ muốn chỉ với vài thao tác nhỏ, ngoài ra nó còn có chức năng điều hướng và phân loại các kết quả tìm kiếm. Nó giúp độc giả ở lại lâu với trang của bạn mà không cần sử dụng các công cụ tìm kiếm khác.

Bài viết này mình xin chia sẻ một số style searchbox (khung tìm kiếm) đẹp để các bạn có thể lựa chọn kiểu mình thích đưa vào blog.
Một số style searchbox đẹp cho blog

Đọc thêm»

Bài viết liên quan

Related Posts Plugin for WordPress, Blogger...