Danh mục: Thủ Thuật Công Nghệ

Chào các bạn, hôm nay mình sẽ chia sẻ đến các bạn cách tạo menu trượt dọc theo trang với hiệu ứng tuyệt đẹp cho blogger. HƯỚNG DẪN THỰC HIỆN Đầu tiên các bạn truy cập vào trang quản trị và chọn Chủ đề => Chỉnh sửa Sau đó các bạn tìm đến thẻ ]]></b:skin> rồi chèn đoạn code sau lên trước nó #snav.en{left:0;text-align:left;width: 6%;}#snav.en li span{left:-350px}#snav.en li a:hover span{left:35px}#snav.ar{right:0;text-align:right}#snav.ar li span{right:-100px}#snav.ar li a:hover span{right:35px}#snav{position:fixed;top:20%;z-index:9999;font-size:18px;font-family:&#39;Open Sans&#39;,sans-serif}#snav ul{list-style:none}#snav *{margin:0;padding:0;outline:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#snav li a{text-decoration:none;color:#fff;display:block;position:relative}#snav .fa{vertical-align:middle;font-size:18px;width:35px;height:35px;line-height:35px;text-align:center;position:relative;z-index:4}#snav li span{font-size:15px;vertical-align:middle;height:35px;line-height:35px;width:auto;white-space:nowrap;overflow:hidden;display:block;padding:0 15px;position:absolute;top:0;visibility:hidden;z-index:3}#snav li…

Dữ liệu hay data chính là những bài viết, những trang trong blog. Chúng ta có thể lấy được dữ liệu đó là do 1 tính năng mà blogspot cung cấp – RSS – ATOM – Nguồn cấp dữ liệu bài đăng. Một số người lấy dữ liệu của chính blog của họ để đăng lên site vệ tinh, cũng có một số lười viết bài nên đi ăn cắp dữ liệu của blog khác. Làm sao mà họ làm được điều đó?Ở bài viết này mình sẽ hướng dẫn…

Chào các bạn, hôm nay mình sẽ chia sẻ đến các bạn code đếm phần trăm khi cuộn trang cho blogger HƯỚNG DẪN THỰC HIỆN Đầu tiên các bạn đăng nhập vào trang quản trị blogger, sau đó các bạn chọn Chủ đề -> Chỉnh sửa Tiếp theo các bạn tìm đến thẻ ]]></b:skin> rồi dán đoạn code sau lên trước nó #scroll{display:none;position:fixed;top:0;right:20px;z-index:500;padding:3px 8px;background-color:#2187e7;color:#fff;border-radius:3px}#scroll:after{content:” “;position:absolute;top:50%;right:-8px;height:0;width:0;margin-top:-4px;border:4px solid transparent;border-left-color:#2187e7} Sau đó các bạn dán đoạn code sau lên trước thẻ </body> <div id=’scroll’/><script type=’text/javascript’>//<![CDATA[var scrollTimer = null;$(window).scroll(function() {   var viewportHeight = $(this).height(),       scrollbarHeight =…

Chào các bạn, hôm nay mik sẽ chia sẻ đến các bạn cách tạo hộp thông báo nhỏ ở góc màn hình cho blogger. HƯỚNG DẪN THỰC HIỆN Bước 1: Các bạn vào Chủ đề => Chỉnh sửa sau đó các bạn dán đoạn code bên dưới vào trước thẻ]]></b:skin> #notification_box_wrap{position:fixed;height:auto;background-color:#ffffff;color:#333333;box-shadow:0 1px 2px rgba(0,0,0,0.2);cursor:pointer;bottom:5px;right:5px;}.left_area{width:80px;height:100%;float:left}.left_area .notification_box_img{width:80px;height:auto;border-image:none}.right_area{padding-top:10px;padding-left:15px;padding-bottom:10px;width:260px;height:auto;float:left;word-wrap:break-word}.right_area .notification_title{padding-bottom:4px;font-size:14px;line-height:20px;font-weight:600;}.right_area .notification_description{line-height:16px;word-wrap:break-word}.right_area .domain_name{margin-top:4px;color:#7f7f7f;font-size:12px;line-height:16px}input.close_box{position:absolute;top:0;right:0;cursor:pointer;padding:5px 10px;background:#fff;border:none;font-size:18px;color:#888;} Bước 2: Các bạn tìm đến thẻ đóng </body> rồi copy đoạn code bên dưới vào  <div id=”notification_box_wrap”>    <input class=”close_box” onclick=’document.getElementById(&apos;notification_box_wrap&apos;).style.display=&apos;none&apos;;’ title=’Đóng’ type=’button’ value=’&#215;’/><a href=”http://bacsiwindows.com/” target=”_blank”>    <div class=”left_area”>        <img class=”notification_box_img” src=”https://2.bp.blogspot.com/-loz22PGQzkg/WOpJH749oxI/AAAAAAAAFPc/83Rhqf306WMmJC9pQKC5lXqiNA6T26B_ACLcB/s1600/gift.png”/>   …

Chào các bạn, hôm nay mình sẽ giới thiệu đến các bạn những đoạn javascript hiển thị thống kê dữ liệu trong blogger. HƯỚNG DẪN THỰC HIỆN Bước 1: Đăng nhập vào trang quản trị blogger rồi chọn Chủ đề -> Chỉnh sửa  Bước 2: Tìm đến thẻ </body> rồi dán đoạn Javascript sau lên trước nó <script src=’//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js’></script><script type=’text/javascript’>// Hiển thị thời gian tải trangvar startTime = new Date();function currentTime() {var a = Math.floor((new Date() – startTime) / 100) / 10;if (a % 1 == 0) a += &quot;.0&quot;;document.getElementById(&quot;endTime&quot;).innerHTML = a;}window.onload = function() {clearTimeout(loopTime);}var loopTime =…

Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cách tạo nút Like, Chia sẻ mạng xã hội để mở khóa nội dung bài viết được ẩn đi, điều này giúp tăng lượt tương tác trên mạng xã hội tuy nhiên đôi lúc nó cũng làm cho độc giả cảm thấy khó chịu, vì vậy bạn cần phải cân nhắc trước khi sử dụng nhé. DEMO Để mở khóa nội dung, bạn vui lòng like hoặc chia sẻ lên mạng xã hội dưới đây.   HƯỚNG DẪN THỰC HIỆN…