Bài đăng

Hiển thị các bài đăng có nhãn Thủ thuật Blogger

Tạo Sitemap đẹp cho blogspot

Hình ảnh
Bài viết hướng dẫn các bạn tạo sitemap cho blogspot. Lưu ý là sitemap này khác với sitemap mà bạn tạo để gửi trên Google master tool nhé. Đây là dạng sơ đồ web/blog động nó cập nhật bài viết liên tục trên blog của bạn. Nó giúp cho người đọc có một cái nhìn tổng thể về trang Blog đang truy cập... Nhờ có sơ đồ, người đọc dễ dàng tìm đến các chuyên mục và bài viết chứa những thông tin cần tìm kiếm. Live Demo:   Sitemap Cách tiến hành: -  Đầu tiên bạn vào Blog => Trang => Trang mới => Chọn HTML và dán đoạn mã code dưới đây vào. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 <div id="tabbed-toc"> <span class="loading">Loading...</span></div> <script type="text/javascript"> var tabbedTOC = { blogUrl: " https://thamvandao.blogspot.com ", // Blog URL containerId: "tabbed-toc", // Container ID activeTab: 1, // The default act

Hướng dẫn leech bài đăng cho blogspot và cách bảo vệ blog của mình

Hình ảnh
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 đó? Dưới đây là câu trả lời: Bước 1 : Xác định tổng số bài viết của blog muốn lấy dữ liệu! Truy cập  https://thamvandao.blogspot.com/p/thu-ma-html-javascript.html Copy đoạn code sau, paste vào "Khung nhập mã" rồi ấn "Xem trước nhanh"  <script style="text/javascript"> function showpostcount(json) { document.write('<center>Tổng số bài: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b></center>');}</script> <script src="http:// diachi.blogspot.com /feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Tha

[ Blogger ] Tạo Buttons Phản Ứng Trong Bài Viết Cho Blogger

Hình ảnh
                                                                                                                                                                  Buttons phản ứng cho Blogger  - đây là một buttons blogger  rất hữu ích.  Bạn có thể hiển thị các nút phản ứng trong bài viết  của bạn.  Phản ứng này giống với Facebook giúp cho đọc giả của bạn để lại phản hồi dễ ràng nhất . Hôm nay mình xin hướng dẫn các bạn tạo button này. XEM DEMO Cách Thực Hiện: B1. Vào đây để đăng kí tài khoản mới  vicomi.com đăng kí như trong hình nhé. B2. chọn button mà bạn thích, ở đây mình chọn như hình, sau đó kéo xuống phía dưới và ấn DONE B3. đợi một lúc các bạn sẽ nhận được một code, coppy code đó và dán vào sau  <data:post.body/>. B4. lưu mẫu lại và tận hưởng thành quả nhé :D Chúc các bạn thành công ^^                                                                                                                                                     hoanhihiblog.blogspot.com

Chia sẻ template BMAG tối ưu bởi Admin Hiếu

Hình ảnh
Chào các bạn, BMAG - Magazine responsive blogger template là mẫu giao diện hot nhất trong thời gian qua và được một số Admin khác tối ưu và chia sẻ. Và mình cũng vậy, hôm nay mình sẽ chia sẻ template BMAG tối ưu bởi mình, nếu các bạn thích thì hãy nhanh tay download nhé. Chia sẻ template BMAG tối ưu bởi Admin Hiếu Một số hình ảnh về giao diện Responsive với mọi thiết bị Bố cục giao diện BMAG Phần footer đẹp và thân thiện  Chia Sẻ Giao Diện Để được sở hữu giao diện các bạn làm theo các bước sau: 1. Chia sẻ bài viết này lên Facebook của bạn. 2. Quay lại Blog và xuống khung Bình luận đăng nội dung sau: Link share: ...(url khi bạn đã chia sẻ)... Email: ...(email của bạn)... 3. Sau khi đã comments các bạn kiểm tra hộp thư email để mình gửi tem nhá. Lưu Ý Mình cho phép các bạn chia sẻ lại bài viết sau 2 tuần kể từ khi mình đăng bài này. Khi chia sẻ lại temp mong các bạn để nguồn . Chúc các bạn có một ngày tốt lành.

Tạo nút gọi điện nhanh (Quick alo phone) cho Blogspot

Hình ảnh
Hôm nay mình sẽ chia sẻ các bạn cách Tạo nút gọi điện nhanh (Quick alo phone) cho Blogspot cực kì đẹp và hữu ích.  Quick alo phone có thể hiểu là một nút kêu gọi, khi khách truy cập nhấn vào nút đó sẽ dẫn tới một liên kết mà bạn muốn. Ok, bây giờ chúng ta bắt đầu thủ thuật nhé 😉 Tạo nút gọi điện nhanh (Quick alo phone) cho Blogspot - DEMO - Tạo nút gọi điện nhanh (Quick alo phone) cho Blogspot 1. Các bạn vào Bố Cục >> Thêm tiện ích >> HTML/Javascript >> Thêm toàn bộ code sau vào nhé. <div class="quick-alo-phone quick-alo-green quick-alo-show" id="quick-alo-phoneIcon" style="right: 10px; top: 20%;"> <a href=" https://adminhieu.blogspot.com/p/blog-page_80.html " title=" Liên hệ nhanh "> <div class="quick-alo-ph-circle"></div> <div class="quick-alo-ph-circle-fill"></div> <div class="quick-alo-ph-img-circle"></div> </a> </d

[ Blogger ] Tạo Recent Post Có Thumbnails Cho Blogger / Blogspot

Hình ảnh
XEM DEMO   Để tạo được Recent Posts bài viết mới nhất có Thumbnails ảnh cho Blogspot các bạn làm theo các bước:  B1:   Đăng Nhập Blogspot   /  Bố Cục (Layout)   / Thêm Tiện Ích /  HTML/Javascript B2: Vào trang này B3: Copy Và Dán Đoạn Code Có Trong Trang Vào Lưu ý: - W idth:60px;height:60px;  : là kích thước ảnh hiển thị Rất đơn giản, chúc các bạn thành công !

Extra News Responsive Template Blogger - Giao diện tin tức đẹp cho Blogger

Hình ảnh
Chào các bạn, hôm nay mình sẽ chia sẻ giao diện Blogger  Extra News ResponsiveTemplate Blogger cực đẹp và phù hợp cho blog tin tức hoặc blog cá nhân. Ở hiện tại, thif temp nay minh đang sử dụng, nếu các bạn thích template này thì nhanh tay tải về nhé =)) Extra News ResponsiveTemplate Blogger - Giao diện tin tức đẹp cho Blogger Tính năng Phong cách Tạp chí, tin tức Giao diện 3 cột Có sẵn các vị trí đặt quảng cáo Bài viết liên quan Tối ưu hóa công cụ tìm kiếm Thiết kế hoàn toàn Responsive Đăng ký nhận tin mới 2 cột sidebar bên phải Footer 4 cột Tương thích với các trình duyệt phổ biến Các button theo dõi và chia sẻ mạng xã hội Trang 404 tùy chỉnh Hộp tìm kiếm Màu chủ đạo: Đỏ, xanh Extra News ResponsiveTemplate Blogger Demo Download

Tạo trang lấy mã màu màu sắc cực đẹp cho Blogger (Blogspot)

Hình ảnh
Công cụ lấy mã màu - hay còn gọi là Color Picker là công cụ có sự kết hợp giữa HTML và CSS tạo nên một bảng mã màu rất có ích cho các lập trình web. Nào, giờ chúng ta bắt đầu tạo nó nhé. Tạo trang lấy mã màu màu sắc cực đẹp cho Blogger (Blogspot) - DEMO - Tạo trang lấy mã màu màu sắc cực đẹp cho Blogger Tiến hành 1. Các bạn vào Blogger >> Trang >> Trang mới >> Nhập tiêu đề >> Chuyển sang tab HTML >> thêm toàn bộ code sau vào: <h2 style="text-align: center;">Responsive <span style="font-weight:700">Flat UI</span> Color Picker</h2> <div id="flatuanhnhim"> <ul class="flatui"> <li style="background: #5C97BF;"><span class="largecode"><span class="smallcode">Mã Màu</span> #5C97BF</span> </li> <li style="background: #4B77BE;"><span class="largecode"><span class

Trọn bộ code chống chuột trái, chuột phải, F12 xem mã nguồn cho Blogger

Hình ảnh
Bởi nhiều lí do khác nhau nên bạn không cho người đọc xem mã nguồn để copy code của bạn, hay cố ý bôi đen bài viết để copy gây ảnh hưởng đến quyền tác giả của các bạn. Ok, bây giờ chúng ta bắt đầu nhé. Trọn bộ code chống chuột trái, chuột phải, F12 xem mã nguồn cho Blogger - DEMO - 1. Trước tiên các bạn vào Blogger >> Mẫu >> Chỉnh sửa HTML >> Thêm các code dưới đây vào trước thẻ đóng </head> . Code chống chuột trái <style type='text/css'> body{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} </style> Code chống chuột phải <script type='text/javascript'> //<![CDATA[ // JavaScript Document var message="NoRightClicking"; function defeatIE() {if (document.all) {(message);return false;}} function defeatNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);retu