Chi tiết
Liên quan
Nhận xét
Tác giả
Hướng dẫn
Xem toàn trang
Thủ thuật này rất có ích cho ai viết blog chuyên chia sẻ link tải phần mềm, link tải game, hoặc là muốn chèn một nội dung trong bài viết cố định mà không phải viết thủ công bằng tay.
Chỉ với vài đoạn code ngắn ngủi, bạn đã có thể làm được điều đó nhanh chóng, tuy nhiên thủ thuật này khi xem nguồn trang thì nó sẽ chỉ hiển thị đoạn short code chứ nó không ẩn đi.
Ví dụ bạn muốn tạo một đoạn shortcode để nó tự tạo một nút Download , bạn ghi như thế này chẳng hạn
Chúc các bạn thành công
Đầu tiên bạn truy cập vào một link 123link. Khi bạn truy cập xong thì nội dung bạn thấy sẽ tựa như hình ở dưới.
Đánh dấu check vào vô “I’m not a robot”. Sau đó sẽ có một bảng captcha hiện ra. Bạn trả lời theo câu hỏi của captcha rồi bấm Verify để xác nhận.
Sau khi xác nhận captcha thành công thì bấm chọn nút “Click here to continue” để sang bước tiếp theo.
Ở trang tiếp theo, bạn sẽ thấy một đồng hồ đếm ngược, thường thì nhiều nhất sẽ là 7 giây. Bạn đợi cho thời gian đếm ngược chạy hết.
Khi thời gian đếm ngược chạy hết, bạn sẽ thấy nút Get Link hiện ra. Bạn bấm vào nút đó để truy cập đến đường link đã được rút gọn bởi 123link.
Bạn cứ yên tâm là link từ 123link sẽ không có ẩn chứa những mối nguy hiểm như virus, các pop-up quảng cáo không lành mạnh và phiền toái khi bạn đang thao tác các bước để tới link đích.
 |
| Hướng dẫn tự tạo shortcode để hiển thị nội dung trong blogspot bằng javascript |
Ví dụ bạn muốn tạo một đoạn shortcode để nó tự tạo một nút Download , bạn ghi như thế này chẳng hạn
[ download ] https://ductranspot.blogspot.com/ [ /download ]
Trong đó
- Download : Là tên thẻ
- https://ductranspot.blogspot.com/ : Là nội dung trong thẻ cần xuất
Sau khi nhập như vậy và xuất bản bài viết, bạn sẽ thấy cái đoạn đó nó sẽ trở thành một cái nút download như thế này:
Và ở bài viết này, mình sẽ hướng dẫn các bạn tự tạo cho mình shortcut để thuận tiện hơn trong việc viết bài và nhiều việc khác nữa Các bước thực hiện
Bước 1: Chỉnh sửa HTML
Bấm tổ hợp phím CTRL + F rồi tìm từ khóa "post-body" nó sẽ tìm đến thẻ div với class là post-body và thêm đằng trước từ khóa đó là "post-body-extend" nhớ tạo một khoảng trống giữa hai class nhé
 |
| Tìm thẻ div có class post-body |
 |
| Thêm class cho thẻ div đó |
Bước 2: Thêm javascript
các bạn chỉ cần chèn đoạn code này ở trên thẻ </body> và chỉnh sửa theo ý thích(function(win,doc){
"use strict"
var scanner = document.querySelector('.post-body-extend');
var $expr1 = /\[(.*)\](.*?)\[\/\1\]/g;
var content = scanner.innerHTML;
content = content.replace($expr1,function(full,name,value){
// Các bạn có thể xài nhiều kiểu shortcode ở đây mình sẽ ví dụ shortcode tạo nút download
var results = ""
if(name === "download"){
// Nếu tên thẻ là download
// Mình sẽ thay thế đoạn short code đó bằng một thẻ liên kết tới link download
results = "<a id='download' href='"+ value + /* Value là link bên trong cặp thẻ đó nhé */"'>Download</a>";
}else if(name === "demo"){
// bạn có thể đặt nhiều điều kiện bằng cách thêm else if(điều kiện){ Nội dung code }
// Ở đây mình sẽ tiếp một nút demo nữa
results = "<a id='demo' href='"+ value +"'>Demo</a>";
}
return results
})
scanner.innerHTML = content
})(window,document)Chúc các bạn thành công
Live Demo
[download]https://ductranspot.blogspot.com/2019/07/faststone-capture-9-0-full-active-phan-mem-quay-video-man-hinh-cuc-tot.html[/download] [demo]https://ductranspot.blogspot.com/2019/07/faststone-capture-9-0-full-active-phan-mem-quay-video-man-hinh-cuc-tot.html[/demo]Mục Lục Nội Dung
Pass giải nén mặc định: truongblogger
Chắc bạn cũng đã nhiều lần gặp những link của 123link dạng 123link.co tại những trang web chia sẻ nội dung số. Nhưng bạn không biết cách nào để truy cập vào đúng link gốc của nội dung mà mình muốn truy cập. Bài viết này sẽ giúp bạn làm điều đó.Đầu tiên bạn truy cập vào một link 123link. Khi bạn truy cập xong thì nội dung bạn thấy sẽ tựa như hình ở dưới.
 |
| Trang 123link |
 |
| I’m not a robot |
 |
| Verify |
 |
| Click here to continue |
 |
| Bạn đợi cho thời gian đếm ngược chạy hết |
 |
| Get Link |