Vì nhiều lí do bạn muốn hạn chế người xem Nội dung một bài viết nào đó và chỉ cho phép người dùng có password mới xem được, thì ta sẽ cài ...
Vì nhiều lí do bạn muốn hạn chế người xem
Nội dung một bài viết nào đó và chỉ cho phép người dùng có password mới xem được, thì ta sẽ cài đặt password cho bài viết đó. |
| Tạo mật khẩu bảo vệ Nội dung bài viết |
filter_1 Khóa liên kết
Đầu tiên bạnĐăng nhập Blogger > Chủ để > Tùy chỉnh > Chỉnh sửa HTML.Sau đó dán đoạn
CSS dưới đây vào trước thẻ ]]></b:skin>.lock{position:relative;width:50px;height:50px;border:8px solid #E3A11E;border-color:#999 #999 #ccc;border-radius:50%;background-color:#ccc;color:#555}
.lock::before{content:"";display:block;position:absolute;top:-16px;left:-16px;bottom:0;right:0;width:50px;height:50px;border-radius:50%;border:8px solid #000;border-color:#fff #555 #555 #555}
.lock i{display:block;position:absolute;top:25%;left:0;right:0;bottom:25%;margin:auto;transition:0s}
.lock i:first-child{opacity:1}
.lock i:last-child{opacity:0}
.lock:hover{transform:rotate(495deg);transition:0.8s}
.lock:hover i{transform:rotate(-495deg);transition:transform 0.8s,opacity 0s 1.8s}
.lock:hover i:first-child{opacity:0}
.lock:hover i:last-child{opacity:1}
.lock:hover::before{transform:rotate(-900deg);transition:0.8s 0.8s}jQuery này vào trước thẻ </b:skin> nếu như Blogger bạn chưa có. <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>Chế độ xem HTML và dán lần lượt 2 đoạn code HTML và Javarscript dưới đây vào. <center>
<button class="lock" onClick="passWord()">
<i class="fa fa-lock fa-2x" aria-hidden="true"></i>
<i class="fa fa-unlock-alt fa-2x" aria-hidden="true"></i>
</button>
</center><script type='text/javascript'>
function passWord() {
var testV = 1;
var pass1 = prompt('Vui lòng nhập mật khẩu',' ');
while (testV < 3) {
if (!pass1)
location.reload(true);
if (pass1.toLowerCase() == "qrviet") {
window.open('https://qrviet.blogspot.com');
break;
}
testV+=1;
var pass1 =
prompt('Truy cập bị từ chối - Mật khẩu không chính xác. Vui lòng nhập lại.','Nhập mật khẩu tại đây');
}
if (pass1.toLowerCase()!="password" & testV ==3)
location.reload(true);
return " ";
}
</script>Note: ✔ Sửa lại
qrviet thành mật khẩu của bạn.✔ Sửa lại
https://qrviet.blogspot.com thành liên kết của bạn cần ẩn. filter_2 Khóa Nội dung tùy chỉnh
 |
| Khóa Nội dung bài viết |
Đăng nhập Blogger > Chủ để > Tùy chỉnh > Chỉnh sửa HTML.Sau đó dán đoạn
CSS dưới đây vào trước thẻ ]]></b:skin>#flippylock {text-align:center;}
#flippylock button {margin:10px auto;cursor:pointer;font-family:'Source Sans Pro',sans-serif;background-color:#18bb8c;font-size:14px;color:#fff;padding:6px 14px!important;text-transform:uppercase;border:none;border-radius:3px;transition:all 0.3s ease-out;}
#flippylock button:hover, #flippylock button:focus {outline:none;background-color:#3b3f48;color:#fff;}
#flippanellock {padding:1px;text-align:left;background:#fafafa;border:1px solid #e3e3e3;}
#flippanellock {padding:24px;display:none;}
#flippanellock img {margin:10px auto;}jQuery này vào trước thẻ </b:skin> nếu như Blogger bạn chưa có. <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>Chế độ xem HTML và dán lần lượt 2 đoạn code HTML và Javarscript dưới đây vào. <center>
<div id="flippylock"><button onClick="passWord()">Nội dung bị khóa</button></div>
<div id="flippanellock">
--- NỘI DUNG BỊ ẨN ĐẶT Ở ĐÂY ---
</div>
</center><script type='text/javascript'>
function passWord() {
var testV = 1;
var pass1 = prompt('Vui lòng nhập mật khẩu',' ');
while (testV < 3) {
if (!pass1)
location.reload(true);
if (pass1.toLowerCase() == "qrviet") {
$("#flippanellock").slideToggle("normal");
break;
}
testV+=1;
var pass1 =
prompt('Truy cập bị từ chối - Mật khẩu không chính xác. Vui lòng nhập lại.','Nhập mật khẩu tại đây');
}
if (pass1.toLowerCase()!="password" & testV ==3)
location.reload(true);
return " ";
}
</script>Note :✔ Sửa lại
qrviet thành mật khẩu của bạn và Nội dung cần ẩn.
CHIA SẺ CHO BẠN BÈ
