Nên cài cái gì trên blogger của bạn để trở thành sói già blogspot ? ( trong mớ bòng bong Tiện ích - widget & soucre code css & javascript + html được chia sẻ bởi bên thứ 3 )

Bạn là người mới gia nhập cộng đồng website nền tảng blogspot ? Sau một thời gian vọc code & bắt đầu cảm thấy mê món thiết kế website bằng blogspot và muốn trở thành sói già trong số những blogger nổi tiếng kiếm tiền từ blogspot…

Danh sách List contents of "old wolf blogspot"

Thiết kế giao diện - Blogspot design

Thiết kế làm đẹp web biến chúng trở nên chuyên nghiệp hơn, ngầu hơn ? Các blogger thường tìm tòi Trong mê cung thế giới blogspot đủ thứ được chia sẻ online bao gồm các chủng loại code, widget, thủ thuật blogspot  và đem về sào nấu thành món đồ trang bị và biến blog của mình trở nên khác biệt - giao diện nhìn rất " xịn xò con bò " khiến nhiều chủ blog khác khi truy cập phải trầm trồ thán phục và tự hỏi " nó làm cái quái gì trên blog vậy nhỉ "....

Top Tips Blogspot
  • Sticky Ads, Sticky Div với nút tắt ( close ) xem thủ thuật tại đây
  • Tạo Popup Slide down khung thông báo trượt xuống phía dưới Web xem thủ thuật tại đây
  • Slide dính lề trái phải trên dưới Website xem thủ thuật tại đây
  • Popup Sale quảng cáo sản phẩm tự động cuối trang bên trái bên phải ( có nút tắt ) xem thủ thuật tại đây
  • Quảng cáo dạng Text xem thủ thuật tại đây
  • Recent Post theo nhãn dạng danh sách (List) - dạng lưới (Grid) có hình và không có hình xem thủ thuật tại đây
  • Thủ thuật tạo Form đăng ký, thu thập thông tin khách hàng, khảo sát, trắc nghiệm, cách tạo Form submit, subscribe, like share,Form thông báo... bằng cách kết nối các ứng dụng - chèn code vào blogspot của bạn : xem thủ thuật tại đây
  • Thủ thuật Blogger giúp bạn chèn quảng cáo vào giữa bài viết MultiAds, Ngắt Nhảy, chèn quảng cáo Thủ Công vào vị trí tự chọn giữa bài viết ,... : xem thủ thuật tại đây
  • Thủ thuật đặt quảng cáo phía trên thẻ Header & Ads phía dưới thanh Navigation menu bar ( tham khảo Advertise on the Top of a Blogger Header, Add Banner Adsense Above Blogger Header,put adsense ads under navigation menu bar, Slide Down & Slide Up, Slide Out Menu & kiểu đặt quảng cáo đẩy tự động hiển thị trượt xuống ngay phía Dưới thanh menu bar, Navigation ) : xem thủ thuật tại đây
  • Thủ thuật đặt quảng cáo chân Trang có nút ẩn hiện : xem thủ thuật tại đây
  • Kỹ thuật fade in / fade out / slide in / slide out / SlideUp() | slideDown() | slideToggle() / Full Page Overlay thủ thuật khá hay giúp chúng ta chèn form các kiểu bao gồm form thông báo Feedback, submit, subscribe, like share,form đăng ký cập nhật thông tin khách hàng,... chèn code quảng cáo bán sản phẩm tiếp thị liên kết. : xem thủ thuật tại đây
Lưu ý : Chọn thủ thuật blogspot đặt quảng cáo thông minh, hướng dẫn bố trí ads thân thiện với người dùng phù hợp với tiêu chí tạo quảng cáo thân thiện với thuật toán Gấu Trúc ( Panda friendly google dsense layout ), giúp tránh tối đa việc bị xếp vào danh sách những trang web có chất lượng thấp và bị loại ra khỏi kết quả tìm kiếm của Google, do dính thuật toán Panda của Google

Gợi ý Ads Blogspot thân thiện bạn nên sử dụng cho trang blogger nếu muốn kiếm thêm thu nhập từ quảng cáo :
➠ Thủ thuật đặt quảng cáo phía trên thẻ header - Add Google Adsense to Blogger Header (Above the Title | Advertise on the Top of a Blogger Header.
➠ Đặt quảng cáo đẩy tự động hiển thị trượt xuống ngay phía Dưới thanh menu bar, Navigation mà không làm che mất thanh menu (Put Adsense Ads Under Navigation Menu Bar )
Xem thủ thuật tại đây

Và dĩ nhiên trong thế giới code phong phú và đa dạng của dân chuyên viết blog ?

sau khi chọn cho mình một template blogger chuẩn đẹp độc lạ 

Nhiều blogger lại tiếp tục băn khoăn tự hỏi ?

Nên cài cái gì trong mớ bòng bong Tiện ích - widget & soucre code css & javascript + html được chia sẻ bởi bên thứ 3  vào blogger của mình để trở thành sói già blogspot ?

Quan điểm của Gia Bảo về vấn đề này như sau

Đối với các bác mới vọc code sài template miễn phí cứ cài thoải đủ thứ vào trang blogspot để xem nó hoạt động thế nào , xung đột lỗi và hiệu ứng tác động ảnh hưởng của các đoạn code css, javascript, html và tiện ích widget sưu tầm đưa vào như thế nào sau đó rút ra kinh nghiệm,...

Cứ làm, cứ thử vì có ra sao cũng chẳng sao !

Link tham khảo các thủ thuật hay ho nên cài vào Blogspot của ( lưu ý bạn có thể tìm bài viết tương tự dựa vào từ khóa bài viết có link được liệt kê bên dưới trong trường hợp code không phù hợp với Web Blogspot của bạn - nếu là trùm code thì có thể mày mò chỉnh sửa code cho phù hợp ).

Multiple Tab Bộ Sưu Tập Code / Thủ Thuật Blogger

Widget Tab Blogger | Widget Tab Blogspot | Tab Menu | Tab comment facebook | multiple tab blogspot | css multiple tab | tab css color | Tabbed Interfaces Without JavaScript - Level Up Coding :
  • [*] 36 mẫu Tab cực đẹp : https://uicookies.com/css-tabs
  • [ Multiple Tab sử dụng chèn vào nội dung bài viết * sử dụng trên trang này ] Tab https://codepen.io/mikestreety/pen/yVNNNm
  • https://codepen.io/ekscentrysytet/pen/QbNdEB
  • [ CSS Tabbed Interface with 3D Cube ] https://codepen.io/vavik96/pen/QjPVRL
  • [Recipe card with css tabs] https://codepen.io/gk/pen/xqLzKa
  • [ Multiple màu nổi bật ] https://codepen.io/igloude/pen/pnzjc
  • [ Multiple Tab dọc thiết kế lạ mắt ] https://codepen.io/juliepark/pen/pLMxoP
  • [ Multiple Tab Scrolling ] https://codepen.io/onlyveen/pen/EXpEqP
  • [ Tab menu dạng nổi ] https://codepen.io/OperaRock/pen/jOMJWbK
  • [ Tab - Table of Content ] https://codepen.io/griffininsight/pen/yLVBmmb
  • https://www.vietmkt360.com/2014/02/gop-nhieu-widget-tren-cung-mot-thanh.html
  • https://www.mybloggerguides.com/tabbed-table-of-contents-sitemap-widget-for-blogger/
  • https://kienthucthuongngayedu.blogspot.com/2019/09/noi-dung-bai-viet-dang-tab-cho-blogspot.html
  • https://www.sidobey.com/2019/10/cara-memasang-multi-tab-di-widget-blog.html?m=1
  • https://codepen.io/anhnhim/pen/NAvKkG
  • https://www.ketoanthanhtu.com/2016/11/huong-dan-tao-tab-comment-facebook.html?m=1
  • https://megacode.vn/files/view/huong-dan-tao-tab-comment-facebook-va-comment-blogspot-dep-va-chuyen-nghiep-4444.html
  • https://css-tricks.com/css3-tabs/
  • https://dhtmlx.com/blog/dhtmlxtabbar-form-scand-creating-dynamic-tabbed-interface-has-never-been-easier/
  • https://wittysparks.com/26-best-ways-to-implement-ajax-css-and-javascript-based-tabs/
  • https://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/amp/
  • https://uicookies.com/css-tabs/
  • https://csshint.com/css-tabs/
Grid Tab Menu
  • https://webseo.com.vn/huong-dan-tao-slider-anh-blogspot-chuan-responsive-bang-bootstrap [ Thủ thuật Slider ảnh ]
  • https://taunieverett.com/blogger-horizontal-featured-post-widget [ Horizontal featured post widget : bài viết nổi bật ngang ]
  • https://bazzhood.blogspot.com/2020/09/add-recent-posts-widget-in-blogger.html [ Khung bài viết gần đâu có nút di chuyển Next - Previous ]
  • https://www.mybloggertricks.com/2016/08/blogger-carousel-responsive-dynamic.html : [ Sidebar bên phải : Slider trượt bài viết theo chiều dọc và theo chiều ngang bài viết gần đây ]
  • [*] https://dagruel.com/random-post-dengan-slider-blogger [ Bài viết ngẫu nhiên dạng Slider ]
  • https://www.exeideas.com/2013/07/automatic-blog-label-thumbnail-slider.html [ Slider bài viết theo Nhãn ]
  • https://taunieverett.com/blogger-horizontal-featured-post-widget
  • https://www.bloggerspice.com/2013/07/add-amazing-css3-carousel-slider-in.html [ Keyword : random post blogspot slider ]
  • Next
Dạng tổng hợp [ Dynamic Blogger Recent Posts With Carousel Sliding Widget]
  • https://m21love.blogspot.com/2012/07/recent-posts-ep-cho-blogger-kieu.html : [ Recent posts đẹp cho Blogger ( kiểu Zingnew ) ]
  • https://www.tips24h.net/2016/01/tao-recent-post-theo-label-style-tin-tuc.html [ Recent Post dạng tin tức ]
  • [*] https://bazzhood.blogspot.com/2020/01/new-recent-post-widget-for-blogger.html : [ 10 Best Stylish Recent Posts Widget For Blogger (BlogSpot) - kết hợp với Tab Multi ]
  • [*] https://dagruel.com/random-post-simple-image [ Random Post Simple Image : Sử dụng hiển thị bài ngẫu nhiên cuối bài viết Digitalnomad.Vn ]
  • http://vnblogers.blogspot.com/2014/01/tao-slider-bai-viet-moi-nhat-cho.html
  • http://www.bloggerheroe.com/2013/04/tooltips-recent-post-for-blogger
Dạng Image Gallery : [ Customizable Recent Post Image Gallery for Blogger Blogs ]
  • https://www.blogs911.com/2013/09/customizable-recent-post-image-gallery.html
  • https://dagruel.com/random-post-simple-image
Dạng Featured - Banner [ Featured post blogspot ] :
  • https://blog.doisong24.com/2019/05/random-posts-dang-featured-ngoai-trang.html
  • https://shoutdemy.blogspot.com/2015/04/posts-slider-widget-for-blogger.html
Tab - Multi :
  • [*] https://www.bloggertipandtrick.net/awesome-multi-tabbed-widget-blogger
  • https://www.yingvn.com/2016/07/recent-post-cho-label-voi-chuc-nang-tab.html
  • https://dvdthuchanh.blogspot.com/2018/05/tien-ich-tao-multi-tabbed-widget-cho.html
Dạng Carousel : [ Recent Post | Random Post ]
  • https://webseo.com.vn/tao-slider-bai-viet-moi-nhat-theo-nhan-trong-blogspot/
  • https://www.allbloggertricks.com/2021/01/blogger-carousel-recent-posts-slider.html
Dạng Slider : [ bài viết mới nhất | bài viết ngẫu nhiên ] :
  • https://www.windows2it.com/2016/02/them-tien-ich-bai-viet-gan-day-recent-posts-dang-truot-ngang-cho-blogspot-version-1.html
  • http://vnblogers.blogspot.com/2014/01/tao-slider-bai-viet-moi-nhat-cho.html
  • https://www.windows2it.com/2016/02/them-tien-ich-bai-viet-gan-day-recent-posts-dang-truot-ngang-cho-blogspot-version-1.html
  • https://www.share123.vn/2013/05/huong-dan-tao-slider-recent-posts-cho.html
  • https://khanh98.blogspot.com/2014/09/wiget-reccent-post-on-gian-cho-blog.html
Dạng by labels - theo nhãn : [ Recent posts by labels | Random posts by labels ] :
  • https://blog.phattrien.net/2018/08/code-hien-thi-bai-ang-theo-nhan-co-anh.html
Dạng Post - bài viết cơ bản : [ Bài viết gần đây [ Recent post blogspot ] | Bài Viết xem nhiều - phổ biến [ Popular post ] | Bài Viết liên quan [ Related Posts ] | Bài Viết Ngẫu Nhiên [random post blogspot] | Bài đăng nổi bật | First post ] :
  • http://videothuthuatblog.blogspot.com/2018/09/bai-viet-ngau-nhien-random-post-co-anh-cho-blogspot.html [ Random Post có ảnh ]
  • https://tqvn1.blogspot.com/2018/12/huong-dan-them-widget-random-post-ep.html
  • https://m21love.blogspot.com/2021/01/them-tien-ich-bai-ang-gan-ayrecent-post.html
  • https://www.son.pro.vn/2020/03/tao-bai-viet-lien-quan-related-posts.html [ Related Posts ]
  • https://www.landgonow.com/2011/01/bai-viet-lien-quan-theo-nhieu-label-cho.html [ Related Posts by Label ]
  • https://www.taoanhdep.com/2016/06/bai-viet-lien-quan-ep-cho-blogspot.html [ Bài viết liên quan tích hợp quảng cáo ]
  • https://www.tips24h.net/2014/11/them-bai-viet-pho-bien-dep-cho-blogspot.html [ Bài viết phổ biến ]

Cấu hình Vị trí cài Ứng dụng tiện ích web / blog dạng Blog Content & Landing Page. ( Chọn tiện ích và code html, css & javascript tạo hiệu ứng và hỗ trợ bổ sung tính năng, làm đẹp web của bạn việc chọn chèn code ở đâu cũng không kém phần quan trọng phải không các chuyên gia nhà blogger )

❂ Dạng Blog Content / Tin tức :
  • Random post Blogger : https://www.uviet.net/2017/10/code-hien-bai-viet-ngau-nhien-random.html [ Random Post theo chiều dọc - vị trí cài side bar ]
  • [ Random post theo chiều ngang - vị trí cài cuối bài viết
  • [Random post dạng text link - vị trí cài đầu bài viết / giữa bài viết / cuối bài viết ] : tương tự
  • Menu & text box, button điều hướng vị trí chèn đầu trang & cuối trang
  • Intro hiển thị giữa trang
  • Popup hiển thị dạng bài viết, hiển thị góc trái, góc phải, ẩn hiện cuối trang
  • Float ads , sidebar vị trí cạnh trái, cạnh phải blogspot
  • Bài liên quan 3 cột ( 3 tab Lablel ) theo nhãn cho blogspot - Bài Viết liên quan theo nhãn : https://www.landgonow.com/2011/01/bai-viet-lien-quan-theo-nhieu-label-cho.html
  • Multi Recent Post blogspot - Bài viết gần đây theo nhãn : https://khanh98.blogspot.com/2015/05/recent-post-theo-tung-nhan-cho-blog-tren-trang-tinh.html
  • Slider bài viết mới nhất theo nhãn : https://webseo.com.vn/tao-slider-bai-viet-moi-nhat-theo-nhan-trong-blogspot
  • Multi Tabbed Widget For Blogger : https://dvdthuchanh.blogspot.com/2018/05/tien-ich-tao-multi-tabbed-widget-cho.html
  • https://webseo.com.vn/tao-slider-bai-viet-moi-nhat-theo-nhan-trong-blogspot
  • https://www.exeideas.com/2013/07/automatic-blog-label-thumbnail-slider.html
  • https://taunieverett.com/blogger-horizontal-featured-post-widget
  • https://dte.web.id/teknis/widget-blogger-untuk-menampilkan-daftar
  • Next...
❂ Dạng Landing page :
  • Popup vị trí cuối trang bên trái, bên phải
  • Intro giữa trang khi truy cập trang đích
  • Hộp thông báo, fanpage, form hiển thị khi click vào nút hành động, vào trang mua hàng.
Đang cập nhật
Còn các bác có thâm niên chuyên sào nấu,  vọc code đủ kiểu, cảm thấy đủ độ chín để có thể lựa chọn cho mình một tên miền riêng cùng với phong cách, chủ đề phù hợp với giao diện blogspot trả phí hay template do chính tay tự thiết kế.

Code blogspot thì có thể viết, chèn thoải mái , nhưng không gian web hiển thị lại không nhiều phụ thuộc vào thiết bị - đặc biệt trong thời đại công nghệ 4.0 người dùng chủ yếu truy cập lướt web & làm đủ mọi thứ trên thiết bị cầm tay bằng chiếc điện thoại thông - vật dụng bất ly thân của nhiều cá nhân làm công việc trực tuyến liên quan đến internet.

Theo ý kiến cá nhân của riêng Gia Bảo sau khi chọn cho mình một template phù hợp ,   phụ thuộc vào nội dung và ý đồ phát triển website của mỗi người cách bổ sung widget code tự viết thêm sẽ khác nhau.

Phù hợp nhất là xem cấu trúc giao diện thực thế để chèn thêm code hiển thị trên trang blogspot theo xu hướng thiết kế theo chuẩn UI / UX tương thích trải nghiệm người dùng.

Ví dụ cụ thể trên blog digitalnomad.vn lựa chọn phát triển xây dựng nội dung trên template Median Ui mua trả phí được thiết kế bởi Jago Desain ( Web : jagodesain.com ), là giao diện blogspot phù hợp với việc viết blog content marketing, tiếp thị nội dung & seo content cho đối tác  với mục tiêu kiếm tiền từ nội dung website bằng cách cho thuê không gian quảng cáo, đăng ký google adsene và tiếp thị liên kết với các chủ đề chính như sau :

Nội dung trên trang blogspot du mục kỹ thuật số - Content on blogspot digitalnomad.vn

Chủ đề phát triển nội dung trên trang digitalnomad.vn như sau : 

Giới thiệu , Pr, quảng cáo sản phẩm, dịch vụ, thương hiệu cá nhân công ty

  • Báo giá sàn nhựa hèm khóa thiết kế thông minh, sàn nhựa giả gỗ cao cấp, an toàn, chống trượt, mẫu mã đẹp, chất lượng tốt, giá cả cạnh tranh, công nghệ vượt trội.
  • Thớt gỗ cao cấp, tiêu chuẩn & thớt gỗ giá rẻ
  • Ván ghép giá rẻ, phổ thông & gỗ ghép tiêu chuẩn xuất khẩu là gì ? Mua ván gỗ ghép ở đâu giá tốt, chất lượng đảm bảo, giao hàng đúng hẹn ?

Chia sẻ kinh nghiệm, giải pháp hữu ích

  • Bán hàng online, cách kiếm tiền an toàn hiệu quả tại nhà trong mùa dịch
  • Làm gì ? Ở nhà vẫn có thu nhập, chia sẻ cách kiếm tiền tại nhà, nhận việc làm online, tìm việc làm thêm Ở Nhà kiếm tiền trong Mùa Dịch
  • Kiếm tiền online bằng cách nào ? Bạn chọn cách kiếm tiền trực tuyến, trên mạng thụ động hay chủ động ?

Thủ thuật blogspot

  • Tổng hợp Thủ thuật code web giúp bạn thiết kế giao diện đẹp, đạt chuẩn Ui/Ux biến web, blog của bạn thành công cụ kiếm tiền cực kỳ hiệu quả
  • Kết hợp Script thủ thuật blogspot với biến data có sẵn trên blogger
  • Thủ thuật code web ẩn hiện (show/hide) đối tượng menu, box, widget, tab... tại vị trí xác định khi scroll chuột

Bếp gia đình, nhãn chuyên đề Ẩm thực : Viết bài chia sẻ nấu món ăn cho gia đình với một số bài viết nổi bật như sau :

  • Giò Thủ Nhà làm ngon, sạch chuẩn vị, thịt dai giòn ngọt, càng ăn càng mê
  • Cơm tấm đùi gà chiên nước mắm, cơm Tấm Sài Gòn - Xà Bì Chưởng tuyệt ngon bằng nồi chiên không dầu
  • Đãi cả nhà món sò điệp nướng phô mai bằng nồi chiên không dầu ngon bá cháy, bọ chét

Và các dạng bài viết Review, đánh giá 

Cụ thể :

Du lịch : Viết bài review đánh giá địa điểm du lịch 

Địa điểm ăn uống : viết bài review địa điểm ăn uống trở thành thánh riviu

Ngẫu hứng, nghệ thuật ngôn từ độc đáo & sức mạnh của ngôn từ.

Du mục kỹ thuật số : Viết bài sưu tầm và tìm hiểu về lối sống Digitalnomad Life Stye 

Tiện ích - Digitalnomad blogspot widget

Còn về tiện ích và code bổ sung vào blog digitalnomad chấm di en như sau :

Chèn thêm vào thanh menu gồm có :

  • Banner quảng cáo  
  • Button giới thiệu sản phẩm 
  • Link tiếp thị liên kết chân menu kết hợp thủ thuật quảng cáo ngữ cảnh theo keyword quy định trong bài viết & biến thể quảng cáo ngẫu nhiên - làm đẹp button bằng mã code css button được chia sẻ trên codepen.io cụ thể theo link sau https://codepen.io/deineko/pen/jrmmoQ

Hướng dẫn cụ thể thiết lập cơ bản trên template giao diện Median Ui Final phiên bản trả phí

  :

=========== $$$ ===========

Bao gồm 3 bước cơ bản :


2. <data:post.body/>


3. Table of Content

=========== $$$ ===========

Hướng dẫn chi tiết  :

1. Menu PC & Mobile :

* Chèn hình ảnh quảng cáo vào thanh menu PC & Mobile :
Tìm code :
<!-- Ini adalah kode Menu Navigasi: Anda bisa mengedit/menambahkan/menghapus menu dibagian ini  -->
<ul class='navMenu' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>

Chèn Code sau ( bạn có thể thay đổi hình ảnh quảng cáo phù hợp với blog/web của bạn ) :

<center>
<a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBHJaEteBoavBUKpAudcwNuy_iWy0EQ9Xw3oCtJaCYwIJ1Gc2zB3FI7Hy-ZUrepXwOaMhZG8V4RGKIyO9j0caAHj0v2Yr0wv3sXlCnHpE_DkbsKstZNdryuN7-psbQFjtRZaQCObq-QV0/s16000/Marketing-InfoGrahphic-digitalnomad.png'>
<img alt='Marketing InfoGrahphic digitalnomad' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBHJaEteBoavBUKpAudcwNuy_iWy0EQ9Xw3oCtJaCYwIJ1Gc2zB3FI7Hy-ZUrepXwOaMhZG8V4RGKIyO9j0caAHj0v2Yr0wv3sXlCnHpE_DkbsKstZNdryuN7-psbQFjtRZaQCObq-QV0/s16000/Marketing-InfoGrahphic-digitalnomad.png' style='margin-top: 5px;box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.2);width: 100%;margin-bottom: 10px;border: 1px dotted #ccc;'/>
</a>
</center>

* Link liên kết thanh menu :
Chuyên Mục :
<li itemprop='name'><a href='https://www.digitalnomad.vn/p/sitemap-digitalnomadvn.html' itemprop='url'>Sơ đồ điều hướng Html</a></li>
<li itemprop='name'><a href='https://www.digitalnomad.vn/search/label/S%E1%BA%A3n%20ph%E1%BA%A9m%20%26%20d%E1%BB%8Bch%20v%E1%BB%A5%20n%E1%BB%95i%20b%E1%BA%ADt%20-%20xem%20nhi%E1%BB%81u' itemprop='url'>Sp - Dv nổi bật xem nhiều</a></li>
<li itemprop='name'><a href='https://www.digitalnomad.vn/search/label/B%E1%BA%BFp%20gia%20%C4%91%C3%ACnh' itemprop='url'>Bếp gia đình</a></li>
<li itemprop='name'><a href='https://www.digitalnomad.vn/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Blogspot' itemprop='url'>Thủ thuật Blogspot</a></li>
<li itemprop='name'><a href='https://www.digitalnomad.vn/search/label/Series%20Content' itemprop='url'>Series Content</a></li>

Link khác :
<a class='link' href='https://www.digitalnomad.vn/2021/02/danh-sach-template-blogger-dep-dung-viet-blog-content-marketing6o4Y.html' itemprop='url'>              
Template Blogspot

<a class='link' href='https://www.digitalnomad.vn/p/sitemap-digitalnomadvn.html' itemprop='url'>
SiteMap {Html}

<a class='link' href='https://www.digitalnomad.vn/sitemap.xml' itemprop='url'>
Sitemap {Xml}

<a class='link' href='https://search.google.com/search-console' itemprop='url'>
Search console Index - Submit

<a class='link' href='https://www.digitalnomad.vn/search/label/S%E1%BA%A3n%20ph%E1%BA%A9m%20%26%20d%E1%BB%8Bch%20v%E1%BB%A5%20n%E1%BB%95i%20b%E1%BA%ADt%20-%20xem%20nhi%E1%BB%81u' itemprop='url'>
Hot

Chèn thêm text "Shop" trên thanh menu chân trang mobile :
Tìm đoạn code sau :
</ul>
<label class='full-close nav-close' for='offnav-menu'/>

Chèn trên </ul>  đoạn code shop ngẫu nhiên sau :

<!-- RANDOM QUOTES SHOP-->
<script type='text/javascript'>
quotes2shop = new Array()
quotes2shop[0] = &quot;<a href='https://shorten.asia/9GaJfUMm'>Shop</a><!--Trang trí nhà cửa-->&quot;
quotes2shop[1] = &quot;<a href='https://shorten.asia/Ee4cccHG'>Shop</a><!--Nồi chiên không dầu-->&quot;
quotes2shop[2] = &quot;<a href='https://shorten.asia/4sJjN1Yh'>Shop</a><!--Thớt gỗ-->&quot;
randomquote2shop = Math.random() * (quotes2shop.length)
randomquote2shop = Math.floor(randomquote2shop)
document.write(quotes2shop[randomquote2shop])
</script>
<!-- END RANDOM QUOTES SHOP-->

=======End Chèn Code Menu PC - Mobile ====


2. Chèn quảng cáo trước và sau  <data:post.body/> 

* Chèn hình ảnh quảng cáo ngẫu nhiên phía trên <data:post.body/>
Tìm code <data:post.body/> :
Chèn code quảng cáo ngẫu nhiên sau lên phía trên nó :

<!--Quang cao ngau nhien dau bai viet-->
<!-- RANDOM QUOTES -->
<script type='text/javascript'>
quotes2head = new Array()
quotes2head[0] = &quot;<a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBGW-EGCxhIfwzc0Vn228ZVJ0MNYgP_D-z8jV-FioLGZ2C0mN-x8FGjzljW7TTGl8ClhfupkR7dc_qBzhOzRctm0qM7qFgLd3OjkrjQMzSqpmEnvZat9UMaGr0D3yq8kwfmZdh4fB-MIQ/s1600/Mat-ban-ghe-hoc-sinh-ban-ghe-cafe-ban-ghe-lam-viecOsE858.png'><img alt='Bàn ghế học sinh,bàn ghế cafe' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBGW-EGCxhIfwzc0Vn228ZVJ0MNYgP_D-z8jV-FioLGZ2C0mN-x8FGjzljW7TTGl8ClhfupkR7dc_qBzhOzRctm0qM7qFgLd3OjkrjQMzSqpmEnvZat9UMaGr0D3yq8kwfmZdh4fB-MIQ/s1600/Mat-ban-ghe-hoc-sinh-ban-ghe-cafe-ban-ghe-lam-viecOsE858.png' style='margin-top: 5px;box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.2);width: 100%;margin-bottom: 10px;border: 1px dotted #ccc;'/></a>&quot;
quotes2head[1] = &quot;<a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcamAFSlWHQXt1cFaMCqpE276VGWq9ztK0P9wNhcD-iKeozSZ_uU2OCs7biHmri50HEmvyGJmoZGrtkztVKfM8aZji4hd3m7itgmGtPjs6Xscp0S9WoEC8nwmwf8IRoztkoAweog9HdM/s16000/Marketing-banghe-thotgo-remcua.png'><img alt='Bàn ghế, thớt gỗ, rèm cửa marketing online' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcamAFSlWHQXt1cFaMCqpE276VGWq9ztK0P9wNhcD-iKeozSZ_uU2OCs7biHmri50HEmvyGJmoZGrtkztVKfM8aZji4hd3m7itgmGtPjs6Xscp0S9WoEC8nwmwf8IRoztkoAweog9HdM/s16000/Marketing-banghe-thotgo-remcua.png' style='margin-top: 5px;box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.2);width: 100%;margin-bottom: 10px;border: 1px dotted #ccc;'/></a>&quot;
randomquote2head = Math.random() * (quotes2head.length)
randomquote2head = Math.floor(randomquote2head)
document.write(quotes2head[randomquote2head])
</script>
<!-- RANDOM QUOTES -->
<!--End Quang cao ngau nhien dau bai viet-->                                 

* Chèn quảng cáo theo ngữ cảnh bằng hashtag keyword chèn vào bài viết :

Tìm code <data:post.body/> :
Bạn chèn code cần hiện thị cuối bài  vào phía dưới nó  <data:post.body/> :

<!--Code của bạn -->


3. Table of Content :
* Khắc phục Lỗi Tiếng Việt Ở Table Of Content Template Median UI :
Tìm Script :
<script>/*<![CDATA[*/ function medianTOC(){var a=1,b=0,c=""; document.getElementById("post-body").innerHTML=document.getElementById("post-body").innerHTML.replace(/<h([\d]).*?>(\n.*?|.*?)<\/h([\d]).*?>/gi,function(d,e,f,g){return e!=g?d:(e>a?c+=new Array(e-a+1).join("<ol class='point"+a+"'>"):e<a&&(c+=new Array(a-e+1).join("</ol></li>")),b+=1,c+='<li><a href="#'+f.replace(/[^a-z0-9]/gi," ").trim().replace(/\s/g,"")+'" title="'+f+'">'+f.replace(/[^a-z0-9]/gi," ")+"</a>",a=parseInt(e),"<h"+e+" id='"+f.replace(/[^a-z0-9]/gi," ").trim().replace(/\s/g,"")+"'>"+f+"</h"+g+">")}),a&&(c+=new Array(a+1).join("</ol>")),document.getElementById("post-tocContent").innerHTML+=c} /*]]>*/</script>

Thay thế bằng Script sau :
<script>/*<![CDATA[*/ function medianTOC(){var a=1,b=0,c=""; document.getElementById("post-body").innerHTML=document.getElementById("post-body").innerHTML.replace(/<h([\d]).*?>(\n.*?|.*?)<\/h([\d]).*?>/gi,function(d,e,f,g){return e!=g?d:(e>a?c+=new Array(e-a+1).join("<ol class='point"+a+"'>"):e<a&&(c+=new Array(a-e+1).join("</ol></li>")),b+=1,c+='<li><a href="#'+f.replace(/[^a-z]/gi," ").trim().replace(/\s/g,"_")+'" title="'+f+'">'+f+"</a>",a=parseInt(e),"<h"+e+" id='"+f.replace(/[^a-z]/gi," ").trim().replace(/\s/g,"_")+"'>"+f+"</h"+g+">")}),a&&(c+=new Array(a+1).join("</ol>")),document.getElementById("post-tocContent").innerHTML+=c} /*]]>*/</script>


Chèn thêm link bài viết nổi bật vào Table of content :
Chèn code hiện thị phía trước table of content - tìm đoạn code sau :
<!-- Judul Toc -->
<span class='title'>Table of contents</span>
<svg class='line drop' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'/></svg>
</label>
</div>

Chèn code sau :

<!--Chen them Linh bai viet-->
Sản phẩm - Dịch vụ xem nhiều nổi bật :           
<li>
  <a href='https://www.digitalnomad.vn/2021/01/gia-cong-go-oem-thot-go-khay-go-do-choi-thanh-rut-go-ban-ghe-cafe-ban-ghe-hoc-sinh-giuong-go-cau-thang-go-xu-huong-hop-tac-quoc-te-trong-thoi-dai-cong-nghiep-4.0-N5X2.html'>Gia công gỗ Oem Thớt gỗ / khay gỗ / thanh đồ chơi rút gỗ / bàn ghế cafe / bàn ghế học sinh </a> 
</li>          
<!--End Chen them Linh bai viet-->
Di chuyển nhanh đến nội dung trên bài viết :

Chèn code hiện thị phía sau table of content tìm đoạn code :
<div class='post-tocContent' id='post-tocContent'/>
</div>
Chèn code của bạn phía dưới nó :
<!-- Code của bạn -->

Trong trường hợp template sử dụng giao diện Fletro / SimpleOn /  SoraSoft.

Nên Cài cái gì trên Blogspot để trở thành Sói Già Kiếm Tiền Online 

Cấu Hình Cài Đặt Thêm Tiện Ích Trên Website Digitalnomad.Vn - Gia Bảo Blog

Sidebar :

  • Left Sidebar : Chỉ hiển thị trên trang bài viết ( Xem code Left SideBar )
  • Right Sidebar [ mẫu 1 ẩn hiện box nội dung ] : Cài thủ công trên từng bài viết, vừa tránh xung đột code vừa mang tính tùy biến cao, điều hướng phù hợp với nội dung. ( Xem code Right Sidebar
  • Right Sidebar [ mẫu đơn giản link cố định trên blog ] phù hợp với bài viết liên kết đến 1 bài viết thông qua link text hoặc hình ảnh bám lề bên phải ( xem code Right Sidebar đơn giản )   

Quảng cáo :

  • Bổ sung thêm code quảng cáo tự động  giữa nội dung bài viết của Iginel ( code hiển thị quảng cáo bao gồm Left Sidebar, Tab nội dung 
  • Popup cài thủ công vào nội dung bài viết cấu hình phù hợp với mỗi dạng sản phẩm & bài viết quảng cáo. 
  • List post  ( dạng theo nhãn cố định / theo nhãn random ) : Vị trí chèn vào bài viết, trang chủ,... 
  • Grid post  ( dạng theo nhãn cố định / theo nhãn random ) : Vị trí chèn vào bài viết, trang chủ,...

Tiện Ích & code web khác trên Digitalnomad.Vn :

  • Đang cập nhật...

Tham khảo thêm hướng dẫn code web  biến web/blog bạn thành công cụ kiếm tiền tại nhà tạo nguồn thu nhập thụ động ổn định :

  • [ Tổng hợp các thủ thuật Blogspot & code web thường dùng ] : https://www.digitalnomad.vn/2021/07/tong-hop-thu-thuat-code-web-giup-ban-thiet-ke-giao-dien-website-kiem-tien-dep-chuan-ui-uxBris526.html