Bài viết này muốn chia sẻ một Stickybar đẹp với tiện ích tự động di chuyển bài viết gần đây, tiện ích xuất hiện trên đầu trang blog của bạn và cũng đã tích hợp một nút tắt, Có thể không phải ai truy cập cũng thích xem thanh cuộn tại đầu Blog, do đó họ được cung cấp một tùy chọn để xem hoặc ẩn thanh cuộn..,chỉ cần làm theo các bước dưới đây đơn giản để thêm tiện ích này vào blog của bạn .....
Làm Thế Nào Để Thêm Widget Này Vào Blogger?
Bước 1:
Như mọi khi, nó là widget dựa trên jQuery, và blog của bạn phải có plugin jQuery.nếu blog của bạn đã có một plugin jQuery mới nhất, thì bỏ qua bước này và trực tiếp thực hiện theo các bước thứ hai.
Nếu không có thì thêm đoạn mã dưới đây trước thẻ </ head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"> </ script>
Bước 2- Vào Bố cục chọn thêm tiện ích
- Dán code sau vào khung thêm tiện ích rồi save lại
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script style="" src="https://krdautocrazyblog.googlecode.com/files/recent-post-scroller-version2.js"></script><script src="https://krdautocrazyblog.googlecode.com/files/stickybar.js"></script><style>#jn-stickybar{background:#000000 url('https://lh6.googleusercontent.com/-8EPotd0WxP4/UVYWD_Dg3BI/AAAAAAAAUdQ/S1Yz6XY0RyY/s30/stickybarimg.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#jn-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#jn-stickybar a:hover{text-decoration:underline;}#jn-stickybar p{margin:0;list-style:none;}#jn-stickybar img{vertical-align:middle;margin-right:6px;}#jnclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style><div id='jn-stickybar'>
<script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>";</script><script style="" src="http://kartriderdautocrazy01.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " ></script> <a href="#" id="jnclose" onclick="return false;"><img src="https://lh5.googleusercontent.com/-aWqFxv7Lwzc/UVYWcjnwJSI/AAAAAAAAUdc/e_EN5Ghe6GQ/s17/cancel.png"/></a></div id='jn-stickybar'>
Các Bạn thay http://kartriderdautocrazy01.blogspot.com thành URL Blog của mình<script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>";</script><script style="" src="http://kartriderdautocrazy01.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " ></script> <a href="#" id="jnclose" onclick="return false;"><img src="https://lh5.googleusercontent.com/-aWqFxv7Lwzc/UVYWcjnwJSI/AAAAAAAAUdc/e_EN5Ghe6GQ/s17/cancel.png"/></a></div id='jn-stickybar'>
Thay đổi màu nền,màu link,Chiều di chuyển của tiêu đề,tốc độ di chuyển sao cho phù hợp với ý mình
Dưới đây là bảng lấy tiện ích trực tiếp vào Blog không phải thực hiện dán thủ công code
1.Chèn url blog của bạn vào ô http://
2.Tùy chỉnh cài đặt các thiết lập tốt nhất làm hài lòng bạn
3.Bây giờ hãy nhấp vào nút Generate
4.Cuối cùng, thêm các widget vào blog của bạn bằng cách nhấp vào nút Add Blogger
Nguồn trên bảng tiện ích
