Mê Thủ Thuật

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách thêm tính năng facebook reaction vào blogger đơn giản. Cách Thực Hiện Bước 1 : Dán đoạn CSS bên dưới vào trước thẻ ]]></b:skin> .options{background:white;width:70px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.08),0 2px 2px rgba(0,0,0,0.15);box-shadow:0 0 0 1px rgba(0,0,0,0.08),0 2px 2px rgba(0,0,0,0.15);border-radius:20px;padding:10px 13px;font-size:0;font-family:Helvetica;font-weight:bold;color:#7f7f7f;position:relative;cursor:pointer;text-align:center;left:100px} .options .button{font-size:12px;vertical-align:middle;float:none} .options::before{content:"";display:inline-block;vertical-align:middle;height:24px;width:26px;margin-right:4px;background-image:url(https://i.imgur.com/wFbNEKl.png);background-size:156px 24px} .options::before .reactions{opacity:1;-webkit-transition:0.1s 0.5s;transition:0.1s 0.5s} .options .reactions .icon-container:hover{-webkit-transform:scale(1.3,1.3) tr...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ Tools tăng View blog 1 cách nhanh nhất mà không cần phải tự cày View bằng công cụ refresh (phím f5) nhưng theo cách này thì 100 cũng như 1 View nhưng dùng tools này thì mỗi View điều được đổi IP sau mỗi lần tải trang sẽ thay đổi liên tục. Điều này sẽ vượt qua bác Google khá dễ dàng đấy ! Đây là tools Online mình phát triển dựa trên HitLeap (công cụ tăng traffic qua mặt Google). Khi bạn sử dụng RefreshWeb LinkThuThuat, thời gian mỗi lần tải trang là 2 giây bởi đây là khoảng thời gian đủ và an toàn để được tính là 1 Views Làm sao để sử dụng? Rất đơn giản, các bạn chỉ cần copy đoạn link phía dưới, sau đó đổi phần url màu đỏ thành url web/blog của bạn là OK, có thể dùng để tăng view bài viết của bạn http://www.linkthuthuat.com/p/refresh-website.html?url= http://www.nguyenngocquidz.tk Lời kết Đây là Tools cực kì an toàn và không chứa virus, mã độc vì vậy các bạn yên tâm sử dụng để có nhiều lượt view cho Websi...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách thông báo tắt plugin chặn quảng cáo khi vào website, nếu blog bạn nào có gắn quảng cáo thì dùng cái này để diệt mấy ông mà cài tiện ích AdBlock nếu thêm thủ thuật này sẽ ảnh hưởng tới độ load blog của bạn nhưng chỉ ít thôi không nhiều đâu. Cách Thực Hiện Thêm đoạn code bên dưới vào trước thẻ </body> <script> //<![CDATA[ var mql = window.matchMedia('screen and (min-width: 60em)');if (mql.matches){ (function(w,u){var d=w.document,z=typeof u;function unblocker(){function c(c,i){var e=d.createElement('div'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('unblocker')){c('<p>Vui lòng tắt plugin chặn q...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin hướng dẫn Mang bộ Emoji của Facebook mới nhất vào Blogspot đọc tới đây thôi đã thấy thú vị rồi đúng không nào, vậy chúng ta bắt đầu thêm Emoji của Facebook vào Blog thôi nào. Cách thực hiện Chèn đoạn Javascript bên dưới vào trước thẻ </body> <b:if cond='data:blog.pageType != &quot;index&quot;'> <style>.nguyenngocquidz_emoticon {width: 20px; margin: -5px 0 0!important; vertical-align: middle;pointer-events:none}</style> <script type='text/javascript'> //<![CDATA[ function replaceText(){if(!document.getElementById){return;} bodyText = document.getElementById("comments"); theText = bodyText.innerHTML; theText = theText.replace(/\/\=r/gi, "<img class='nguyenngocquidz_emoticon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicCgjpnJpDxqWQgxf6pR1zEk6UHmDF0xFzUh1A_TNUwuOosgyAW68jl_njWTHAvGfBpHRbLAXP73W-vXCUiqWINNFfVY...

Search Box (hộp tìm kiếm) là một phối hợp của input fied và submit button. Một số người nghĩ search box chẳng cần được thiết kế, sau tất cả, nó chỉ là hai phần tử đơn giản. Tuy nhiên, trong các website có nhiều nội dung, Search Box là phần tử được thường xuyên được thiết kế để sử dụng nhất. Khi người dùng gặp phải một trang web tương đối phức tạp. Họ sẽ ngay lập tức phải tìm đến một Search Box để tìm được đích đến của kết quả mà họ mong muốn một cách dễ dàng và không phức tạp. Thiết kế một Search Box và khả năng sử dụng của nó đã trở thành một vấn đề lớn. Cách thực hiện Bước 1: Dán đoạn CSS bên dưới vào trước thẻ ]]></b:skin> * { box-sizing: border-box; } body { font: 16px Arial; } .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; } input { border: 1px solid transparent; background-color: #f1f1f1; padding: 10px; font-size: 16px; } input[type=text] { background-color: #f1f1f1; width: 76%; } input[typ...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách chèn tiện ích của Twitter cực đẹp cho blog nhưng sẽ bị ảnh hưởng bởi JS của nó sẽ làm độ load trang của bạn tụt xuống. mình không khuyến khích các bạn chèn vào blog. Cách thực hiện Bước 1: Vào Blogger - Bố cục - Thêm Tiện Ích - HTML/Javascript Bước 2: Dán toàn bộ code bên dưới vào - Bấm Lưu <a class="twitter-timeline" href="https://twitter.com/NguyenngocquiTk?ref_src=twsrc%5Etfw">Tweets by NguyenngocquiTk</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> Thay NguyenngocquiTk thành ID USER Twitter của bạn

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ thủ thuật cách làm phân trang tự load khi bạn cuốn tới giống facebook. Cách thực hiện Thêm tất cả code bên dưới vào trước thẻ </body> <script type='text/javascript'> //<![CDATA[ !function(i){function e(e){i.getScript("http://"+e+".disqus.com/blogger_index.js")}function t(){g||(g=!0,r?(w.find("a").hide(),w.find("img").show(),i.ajax(r,{dataType:"html"}).done(function(t){var n=i("<div></div>").append(t.replace(c,"")),o=n.find("a.blog-pager-older-link"),d=n.find(s).children();i(s).append(d),window._gaq&&window._gaq.push(["_trackPageview",r]),window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go(),window.disqus_shortname&&e(window.disqus_shortname),window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách sử dụng css để tạo ra hover cho button đẹp mắt. Bước 1: Thêm đoạn CSS bên dưới vào trước thẻ ]]></b:skin> .link{text-decoration:none;color:#55acee;border-bottom:2px dotted #55acee;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;cursor:url(http://cur.cursors-4u.net/symbols/sym-1/sym46.cur),auto}.link:hover{color:#2ecc71;border-bottom:2px dotted #2ecc71}#buttons{padding-top:50px;text-align:center}.btn{border-radius:5px;padding:15px 25px;font-size:22px;text-decoration:none;margin:20px;color:#fff;position:relative;display:inline-block}.btn:active{transform:translate(0px,5px);-webkit-transform:translate(0px,5px);box-shadow:0 1px 0 0}.blue{background-color:#55acee;box-shadow:0 5px 0 0 #3C93D5}.blue:hover{background-color:#6FC6FF}.green{background-color:#2ecc71;box-shadow:0 5px 0 0 #15B358}.green:hover{background-color:#48E68B}.red{background-color:#e74c3c;box-shadow:0 ...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách ngăn chặn những bình luận thô tục với JavaScript Cách làm như sau Bước 1: Truy cập Blog ==> Chủ đề ==> Chỉnh Sửa HTML Bước 2: Thêm đoạn code bên dưới vào trước thẻ </body> <script type='text/javascript'> //<![CDATA[ function replaceText(){if(!document.getElementById){return;} bodyText = document.getElementById("comments"); theText = bodyText.innerHTML; theText = theText.replace(/lồn/gi, "*"); theText = theText.replace(/cặc/gi, "*"); theText = theText.replace(/buồi/gi, "*"); theText = theText.replace(/dái/gi, "*"); theText = theText.replace(/địt/gi, "*"); bodyText.innerHTML = theText; }replaceText(); //]]> </script> Chỉnh sửa tùy ý Dấu (*) có thế chỉnh dấu theo ý các bạn. Nếu bạn muốn chặn thêm ngôn ngữ thô tục thì thêm đoạn code bên dưới vào trong đoạn JS bên trên theText = theText.replace(/quidz/gi, ...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách trang chuyển hướng khi vào liên kết bên ngoài. Tác dụng: Khi bạn click vô link thì sẽ chuyển qua trang hạn chờ, sẽ có 1 nút button từ chối nếu bấm vào sẽ tắt tab nếu không sẽ tự chuyển qua trang bạn muốn đến sau 10 giây Cách làm Bước 1: Truy cập Blog ==> Trang ==> Trang mới ==> đặt tên cho trang Bước 2: Chuyển sang HTML ==> Dán đoạn code bên dưới vô khung HTML <b:if cond="data:view.isSingleItem" style="position: relative; top: -40px;"> <style> #button1{background-color:#4CAF50;border:none;border-radius:4px;color:white;padding:7px 14px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer}#button2{background-color:#008CBA;border:none;border-radius:4px;color:white;padding:7px 14px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer}.footer-credits{display:none} .container1, .timeline_m...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ code đồng hồ thời gian. CÁCH LÀM Bước 1: Truy cập Blog ==> Thêm code bên dưới vào trước </body> <script type='text/javascript'> //<![CDATA[ var _0x86c1=["\x63\x61\x6E\x76\x61\x73","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x32\x64","\x67\x65\x74\x43\x6F\x6E\x74\x65\x78\x74","\x68\x65\x69\x67\x68\x74","\x74\x72\x61\x6E\x73\x6C\x61\x74\x65","\x62\x65\x67\x69\x6E\x50\x61\x74\x68","\x50\x49","\x61\x72\x63","\x66\x69\x6C\x6C\x53\x74\x79\x6C\x65","\x77\x68\x69\x74\x65","\x66\x69\x6C\x6C","\x63\x72\x65\x61\x74\x65\x52\x61\x64\x69\x61\x6C\x47\x72\x61\x64\x69\x65\x6E\x74","\x23\x33\x33\x33","\x61\x64\x64\x43\x6F\x6C\x6F\x72\x53\x74\x6F\x70","\x73\x74\x72\x6F\x6B\x65\x53\x74\x79\x6C\x65","\x6C\x69\x6E\x65\x57...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách tạo trang "Trình Tạo Liên Kết Thẻ A (HTML)" Cho Blog giống NGUYENNGOCQUIDZ.TK DEMO Tác dụng: Tạo ra thẻ A (cho những bạn lười viết code) Cách làm: Bước 1: Truy cập Blogger ==> Chủ đề ==> Chỉnh sửa HTML. Bước 2: Ctrl + F ==> Chèn đoạn code dưới vào sau ]]></b:skin> .taolinkhtml{margin-top:30px;background:#355c7d!important; width: 703px; margin-left: 452px;} Bước 3: Thêm đoạn code dưới vào trước thẻ </body> <script type='text/javascript'> //<![CDATA[ // HTML links. var urla = document.getElementById('link'), linkText = document.getElementById('text'), output = document.getElementById('output'); outputc = document.getElementById('outputc'); result = document.getElementById("result"); var textCounta = 0; var textCountb = 0; function link(urli,text) { return ' <a href="' + urli ...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ thủ thuật cách thêm nút xem dưới thumbnail cho Blog thủ thuật này chỉ đơn giản 1 đoạn code nhỏ thôi nên sẽ không ảnh hưởng gì. CÁCH LÀM Bước 1: các bạn rê chuột vô thumnail click chuột phải tìm class hoặc id của thumnail thường thì đoạn code thumnail nó nằm bên trong thẻ A. Bước 2: Truy cập Blog ==> Chủ đề ==> Chỉnh sửa HTML ==> tìm đoạn class của thumnail ở bước 1 ==> chèn đoạn code bên dưới vào sau thẻ <img <div class='account_price' style='background:rgba(0,0,0,0) url(https://i.imgur.com/A1z8i4D.png) repeat scroll 0 0;bottom:0;color:#7577a9;height:23px;left:50%;line-height:23px;margin-left:-52px;position:absolute;text-align:center;width:104px'>Xem</div> TỔNG KẾT xong, chỉ một đoạn code nhỏ đã làm blog bạn nhìn đẹp hơn hẳn rồi phải không nào☺ Chúc các bạn thành công ! có thắc mắc gì comment bên dưới nhé. Nguồn: tùm lum hết không nhớ...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ Meta SEO Open Graph & Twitter Cards Chuẩn SEO Open Graph Meta <!-- Open Graph Meta --> <meta property="og:title" content="NGUYỄN NGỌC QUÍ ĐZ | Thủ Thuật Blog & Thủ Thuật Facebook" /> <meta property="og:description" content="Quí Đz" /> <meta property="og:url" content="https://www.nguyenngocquidz.tk/" /> <meta property="og:image" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioMMiLU2aoUMbmC3E5Y-Kj_6JYOnk5oHKH1VI8vFcZA-02zFzQp5ls32DJ6jG-IzgwZUzU1VfEJAIw-qmTYrbXSQLPv8XWyRWDEW7Zq7xYlD7MOrmGiBmtjtZLnSod7YPoP2GbjgmcRB4/s1600/Logo.png"/> Twitter Cards <!-- Twitter Cards --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@nguyenngocquiTK"> <meta name="twitter:creator...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách khắc phục không hiển thị thống kê (Stats1) Cách thực hiện Bước 1: Truy cập Blog ==> Chủ đề ==> Chỉnh sửa HTML Bước 2: Ctrl + F ==> tìm đoạn code &lt;!--</body>--&gt; &lt;/body&gt; Bước 3: thay đoạn code trên thành </body>

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách làm phân trang dạng Load More cho Blog với Ajax Jquery Version 3.1.1.             Cách làm phân trang dạng Load More CÁCH THỰC HIỆN Bước 1: Truy Cập Blogger ==> Bố cục ==> Thêm tiện ích (để tiện ích đấy dưới phần "Bài đăng trên blog") ==> HTML/JavaScript Bước 2: Sap chép Code bên dưới dán vào khung HTML/JavaScript <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script><script type='text/javascript'> (function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách Tạo Widgets Bài VIết Ngẫu Nhiên Cho Blogspot Bước 1: Truy cập blog ==> Bố cục ==> Thêm tiện ích ==> HTML/JavaScript ==> Dán đoạn code bên dưới vào khung HTML <style> /*random posts*/ #random-posts img{float:left;margin-right:10px; background:#FFF;width:50px;height:50px; border-radius: 50%} .li_rd_post_tkn {margin-bottom: 7px!important; list-style: none; line-height: 23px; padding: 0!important; margin-top: 0!important; margin-left: 0!important; margin-right: 0!important} .a_rd_post_tkn { color: #000!important; text-decoration: none!important; font-family: Roboto; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .svc_rd_post { font-size: 14px; font-family: Roboto; font-weight: 400; color: #878787; padding-top: 3px } .rcs_tkn1 { background: #f4f4f4; padding: 2px; padding-left: 10px; padding-right: 10px; border-rad...

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách trang báo lỗi error giống Nguyễn Ngọc Quí Đz, cực ngầu và độc. Bước 1: Chèn đoạn code bên dưới sau thẻ <body> HTML/ CSS <b:if cond='data:blog.pageType == &quot;error_page&quot;'><style>body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;font-family:&quot;Bad Script&quot;,cursive;font-size:16px;background:#f2f2f2} .wrap-404{overflow:hidden;padding:2rem 1rem} .label{text-align:center;font-size:.75em} .numbers{padding:2rem 0 0;text-align:center} .number{position:relative;display:inline-block;width:150px;-webkit-transform:translateX(60%);transform:translateX(60%)} .four{position:relative;width:30px;height:150px;border:1px solid #000} .four::before,.four::after{content:&#39;&#39;;position:absolute;...

Xin chào các bạn mình đã quay lại rồi đây đã lâu rồi mình không đăng bài thì hôm nay mình xin chia sẻ chút thủ thuật nhỏ, tạo nút button với hiệu ứng hover cực đẹp cho blogger Tạo Button Hiệu Ứng Hover Cực Đẹp Bước 1: thêm CSS trước thẻ ]]></b:skin> CSS /* Hover Button */ .btn-quidz { display: flex; height: 100%; justify-content: center; align-items: center; } .btn-quidz { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hover-button { color: white; font-family: 'Roboto', helvetica; background-color: dodgerblue; border: 0; border-radius: 0.5rem; padding: 1rem 2rem; font-size: 1rem; cursor: pointer; letter-spacing: 4px; font-weight: 100; text-transform: uppercase; -webkit-box-shadow: 16px 26px 35px 0px rgba(0, 0, 0, 0.3); ...