Hướng dẫn Chỉnh sửa Blogger Template SoraSoft thành giao diện DigitalNomad.vn
🔥 Hot Topics :
Giao diện Blog viết bài content marketing tên miền DigitalNomad.vn được thiết kế từ nền tảng Blogspot, template hiện đang sử dụng là template "TextTrim Blogger template được thiết kế đơn giản gọn nhẹ trang chủ chỉ bao gồm text không sử dụng hình ảnh" các template cũ được cài trước đó bao gồm : Piki Job Alert, Mirror, SoraSoft, Textrim tương ứng với các trang blogspot Demo sau :
- https://dulichkythuatso.blogspot.com
- https://chuyendoisoplus.blogspot.com
- https://digitalnomadplus.blogspot.com
- https://dumuckythuatso.blogspot.com
List contents of Code Html, CSS, Javascript Blogger Template SoraSoft
Bước 1 : đánh dấu vị trí :
<div id='Vitridautrangnhan'> </div>
<div id='Vitridautrangtinh'> </div>
<div id='Read-and-share'> </div>
Tạo link đi đến vị trí đầu bài viết : Link + #Vitridaubaiviet
Tạo link đi đến vị trí đầu trang nhãn : Link + #Vitridautrangnhan
Tạo link đi đến vị trí đầu trang tĩnh : Link + #Vitridautrangtinh
Tạo link đi đến vị trí share bài viết : Link + #Read-and-share
Chỉnh sửa đi nhanh đến vị trí đầu bài viết trong "bài viết liên quan kèm quảng cáo" được chèn thêm vào đầu bài viết :
<script>/*<![CDATA[*/ var uri = window.location.toString(); if (uri.indexOf("%3D","%3D") > 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("%3D%3D","%3D%3D") > 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("&m=1","&m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("&m=1")); window.history.replaceState({}, document.title, clean_uri); } var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri);}; var protocol=window.location.protocol.replace(/:/g,''); if(protocol=='http'){ var url=window.location.href.replace('http','https'); window.location.replace(url);} /*]]>*/</script>
3. Cách chèn quảng cáo AdSense vào Blogspot hiển thị tại các phần khác nhau
- https://www.ketnoi89.com/2020/04/cach-chen-quang-cao-adsense-vao.html
4. Liên kết Mẹo vặt thủ thuật hay dành cho :
- Tạo trang chờ get link thay thế cho link rút gọn : [https://www.bietko.com/2019/07/tao-trang-cho-get-link-thay-cho-link-rut-gon.html]
- Cách tạo trang chuyển hướng nhanh chóng cho blogger : [https://www.bietko.com/2019/06/cach-tao-trang-chuyen-huong-nhanh-chong.html]
- Code liên hệ cho blogspot hiển thị chính giữa bên trái màn hình : [https://www.thietkeblogspot.com/2020/03/code-lien-he-cho-blogspot-hien-thi-chinh-giua-ben-trai-man-hinh.html]
- Slideout Menu For Blogger Mobile Site With Social Buttons ( menu 101helper): [http://tutorialcops.blogspot.com/2015/12/slideout-menu-for-blogger-mobile-site.html]
- https://www.ketnoi89.com/2014/02/tong-hop-code-popup-javascripts-quang.html
- https://sherpablog.marketingsherpa.com/marketing/101-what-is-a-sticky-footer
- http://christoffriedmann.blogspot.com/2015/03/how-to-add-floating-sticky-footer-bar.html
- http://www.matrudev.com/post/add-floating-ads-mobile-phone
- Tạo quảng cáo sticky ở chân trang website giống AdSense Page-Level Ads : [https://iris-tips.blogspot.com/2017/08/tao-quang-cao-sticky-o-chan-trang-giong-AdSense-Page-Level-Ads.html | http://4tipsvn-hungcoder.blogspot.com/2017/12/tao-quang-cao-sticky-o-chan-trang.html]
- Sticky Floating Bottom Ads In Blogger Site : [https://thepssaini.com/sticky-floating-bottom-ads-in-blogger-site]
- Sticky Ad To The Top Of Blogger Mobile View : [https://www.ogbongeblog.com/add-sticky-ad-to-top-of-blogger-mobile-view.html]
- Code Info đẹp cho blogger/blogspot : [https://www.tips24h.net/2014/01/code-info-dep-cho-blogger-blogspot.html]
- Tạo Intro tuyệt đẹp cho Blogspot chỉ từ CSS và HTML : [http://themehomeblogger.blogspot.com/2017/11/tao-intro-tuyet-ep-cho-blogspot-chi-tu.html]
TẠO INTRO POST CHO BÀI VIẾT VÀ TRANG TĨNH : [https://starhuyshare.blogspot.com/2017/11/tao-intro-post-cho-bai-viet-va-trang.html] - Quảng cáo giữa màn hình khi click vào link cụ thể
THAM KHẢO :
Danh sách tiện ích & thủ thuật Blogspot :
Thủ thuật Bài viết quan :
- Bài viết liên quan tích hợp quảng cáo cho blogspot
Tiện ích Bài viết ngẫu nhiên - random post :
- Tiện ích bài viết ngẫu nhiên tốc độ cao [ đang sử dụng ]
- Tiện ích bài viết ngẫu nhiên theo nhãn cho blogspot
Thủ thuật AMP cho blogspot :
- Thêm tiện ích bài viết liên quan theo nhãn cho blogspot AMP
Thủ thuật tạo hiệu ứng trên blogspot :
- Hiệu ứng ruồi bò trên blog
Tạo list danh sách bài viết nổi bật, link liên kết….
- Link List (Danh sách liên kết) : Danh sách những địa chỉ hay, những trang web thường xuyên truy cập bạn có thể cho vào đây.
Thêm tin tức, video nguồn cấp vào blogspot :
- Video Bar (Thanh video) : Tương tự như Newsreel nhưng ở đây lấy video từ http://video.google.com. Người đọc click vào video sẽ hiển thị phía trên main-wrapper.
- NewsReel : Newsreel lấy những tin ngắn được cập nhật từ http://news.google.com theo từ khóa.
- Feed
Thủ thuật tổng hợp :
- Cách chèn banner quảng cáo ngay sau dấu ngắt nhẩy tự động trên blogspot
- Cách chèn quảng cáo AdSense vào Blogspot hiển thị tại các phần khác nhau
- Hướng dẫn tạo mục lục tự động cho bài viết
- Cách ghim một bài viết bất kỳ cố định đầu tiên tại trang chủ
- Tạo footer 4 cột cuối trang
- Hiển thị danh sách bài viết theo nhãn cho blogspot ( ứng dụng tạo nhãn bài viết nổi bật - dùng hiển thị list danh sách lên trên đầu bài viết )
- Hướng Dẫn Chi Tiết Cách Tạo Blog Với Blogger và Sử Dụng Domain và Subdomain riêng
- Code Hỗ trợ trực tuyến cho blogspot
- Code ý kiến khách hàng cho blogspot
- Cách chèn tiện ích chia sẻ Addthis vào blog, website
- Hướng dẫn chèn quảng cáo Adsense vào vị trí bất kỳ trong bài viết
- Tổng hợp các thẻ điều kiện Blogspot
- Nút hỗ trợ bên trái blog
- Nút thông báo bên trái blog
- Push notifications
- Code thanh menu liên hệ (contact bar) trên mobile bằng HTML vs CSS
- CTA là gì? 12 loại nút Call To Action cần nắm rõ!
Blog Tải Template :
- https://gooyaabitemplates.com
- https://copybloggerthemes.com
Blog tool Template :
- https://feedburner.google.com
- https://www.addthis.com
Blog chuyên đề Blogspot :
- https://iris-tips.blogspot.com
- https://blog.doisong24.com
- http://tutorialcops.blogspot.com
- https://www.mybloggertricks.com
- https://www.allbloggertricks.com
- https://www.ketnoi89.com
- https://www.tips24h.net
- https://trinhdinhlinh.com
- https://helplogger.blogspot.com
- https://f4vnn.com
- https://sneeit.com
Link bài viết chuyên đề Blogspot :
- Mẫu Javascript sử dụng if kết hợp toán tử Or và sử dụng document.write - Link bài viết : https://www.ivietpr.com/2019/02/mau-javascript-su-dung-if-ket-hop-toan-tu-or-va-su-dung-document-write.html
- Danh sách tóm tắt nội dung Cú pháp CSS - Link bài viết : https://www.ivietpr.com/2019/02/danh-sach-tom-tat-noi-dung-cu-phap-css.html
- Code blogger làm đẹp giao diện trang bài viết - Link bài viết : https://www.ivietpr.com/2019/03/code-blogger-lam-dep-giao-dien-trang-bai-viet.html
