Tiện ích blogspot

Gia Bảo

Gia Bảo Blog nơi chia sẻ tổng hợp các tiện ích blogspot phổ biến, code web gọn nhẹ, cực hay, độc đáo, hữu ích, được viết bằng code javascript  + Css + Html sau đó tải lên host dạng file .css và .js rút gọn dễ sử dụng chỉ cần copy, dán lưu lại và xem kết  quả.

Bạn muốn thiết kế blogspot của mình thành trang web cá nhân độc đáo, web bán hàng kinh doanh trực tuyến, web giới thiệu sản phẩm dịch vụ, quảng bá thương hiệu cho doanh nghiệp, nhà tài trợ, web chia sẻ mã giảm giá, website viết blog kiếm tiền online từ google... ngoài việc sở hữu template blogspot chuẩn seo, giao diện đẹp, nội dung hấp dẫn, chắc chắn không thể thiếu các tiện ích blogspot hay ho, hỗ trợ người dùng, độc giả, người xem nội dung trên blog/web của chính bạn.  

Hình ảnh minh họa tiện ích blogspot trang chủ Blog Gia Bảo

Tương tự như Plugin Wordpress, tiện ích blogspot là một hoặc nhiều đoạn code được bổ sung vào mã nguồn website Blogspot. Tiện ích Blogspot được cộng đồng blogspot viết code và chia sẻ bạn chỉ cần tải về làm theo hướng dẫn và sử dụng,  mã code này  còn được gọi là phần mở rộng website giúp bạn tùy chỉnh và bổ sung chức năng cho website blogspot của mình.    

Tin Hot
Loading...
< /link>

Có những tiện ích blogspot nào : Tuy không mạnh mẽ và nhiều tính năng như Plugin wordpress, nhưng những tiện ích blogger hỗ trợ, giúp bạn trong việc thiết kế blogspot cũng không hề thua kém và khá phong phú & đa dạng bao gồm các tính năng hỗ trợ blogger người viết blog trong việc tạo thanh menu, chèn quảng cáo thân thiện với người dùng, vào giữa trang bài viết, hiển thị quảng cáo chân trang, popup thông báo, intro, thêm form liên hệ, thống kê blog, bổ sung thanh tìm kiếm mở rộng, sitemap sơ đồ blog, bài viết liên quan, bài viết ngẫu nhiên, tính năng hỗ trợ ẩn hiện widget, tạo thông báo đẩy, chèn fanpage, like, share, subcribe, chèn video youtube,... Chúng không những giúp chủ blog trang trí làm đẹp blog/web của mình mà còn hỗ trợ thao tác người dùng, độc giả, khách hàng và những người truy cập vào trang web của bạn.        

Tiện ích Blogspot Nổi bật  :

💥 Button Ads : Quảng Cáo Sản Phẩm Dịch Vụ Thương Hiệu Cho Nhà Tài Trợ, Điều Hướng Đến Trang Landing Page Review Mặt Hàng Bán Chạy Giúp Kiếm Tiền, Hưởng Hoa Hồng Bằng Cách Tiếp Thị, giới thiệu Link Liên Kết Tới Trang Bán Hàng Của Nhà Quảng Cáo ( Advertiser )

 Hình ảnh minh họa tiện ích blogspot Button Ads

Hướng dẫn thủ thuật blogspot tạo button ads trên blogspot của bạn : 

Rất đơn giản chỉ cần Bạn copy code sau đây, chỉnh sửa lại nội dung quảng cáo phù hợp với yêu cầu sau đó dán vào vị trí cần hiển thị thế là xong :

<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/2027/2569/files/tien-ich-blogspot-button-ads-GEPVRD-7518.css?v=1635818640"/> 

<!-- Khu vực Button QC Giới thiệu nhà tài trợ Blog Gia Bảo -->  
<!--Html Xem Nhà Tài Trợ Số 1  -->     
<!--Khung Thông Báo Nhà Tài Trợ -->      
<!--Button Nhà Tài Trợ--> 
<div align='center'>
<!--  <br/><br/><br/><br/>-->
 <br/>
<a class='buttonNhaTaiTroSo1' href='#loginScreenNhaTaiTroSo1' style='color:black;font-size:12px;background-color: #99FF33;'>
<center>  Công Ty Sản Xuất Thớt Gỗ, Gia Công Sấy Gỗ Thuê </center>
 </a> 
<!--End Button Nhà Tài Trợ--> 
   
<!--Thông Tin Nhà Tài Trợ-->
</div>   
 
<div id='loginScreenNhaTaiTroSo1'>
  <a class='cancelNhaTaiTroSo1' href='#'>
    <b style='color:black'>  Tắt Ads Nhà Tài Trợ </b>
  
  </a>
<br/> 
<!--Nội Dung -->
<!--Giới Thiệu -->
<div style='font-size: 18.5px;margin-top: 25px;background: white;padding-top: 20px;padding-right: 10px;padding-left: 10px;border-radius: 4px;border: 1px solid #000000;border-radius: 3px;text-align: justify;line-height: 1.4;'>
Code Nội Dung Nhà Tài Trợ Số 1       
</div>
<!--End Giới Thiệu -->
<!--End Nội Dung -->
</div> 
<div id='coverNhaTaiTroSo1'>
</div>           
<!--End Thông Tin Nhà Tài Trợ-->
<!--Css và Html Xem Nhà Tài Trợ Số 1  -->             
<!--End Html Xem Nhà Tài Trợ Số 1  -->   
 
<!--Khung Thông Báo Nhà Tài Trợ -->      
<!--Button Nhà Tài Trợ--> 
<div align='center'>
<!--  <br/><br/><br/><br/>-->
  <a class='buttonNhaTaiTroSo2' href='#loginScreenNhaTaiTroSo2' style='color:black;font-size:12px;background-color:#FFFF66'>
  <center>  Công ty Bán Gỗ ghép, ván Mdf &amp; Plywood </center>
 </a> 
<!--End Button Nhà Tài Trợ--> 
   
<!--Thông Tin Nhà Tài Trợ-->
</div>   
 
<div id='loginScreenNhaTaiTroSo2'>
  <a class='cancelNhaTaiTroSo2' href='#'>
    <b style='color:black'>  Tắt Ads Nhà Tài Trợ </b>
  
  </a>
<br/> 
<!--Nội Dung -->
<!--Giới Thiệu -->
<div style='font-size: 18.5px;margin-top: 25px;background: white;padding-top: 20px;padding-right: 10px;padding-left: 10px;border-radius: 4px;border: 1px solid #000000;border-radius: 3px;text-align: justify;line-height: 1.4;'>
Code Nội Dung Nhà Tài Trợ Số 2     
</div>  
<!--End Giới Thiệu -->
<!--End Nội Dung -->
</div> 
<!--End Thông Tin Nhà Tài Trợ-->
<!--Css và Html Xem Nhà Tài Trợ Số 2  --> 
           
           
<!--End Css và Html Xem Nhà Tài Trợ Số 2  -->   
 
 
<!--Html Xem Nhà Tài Trợ Số 3  -->   
<!--Khung Thông Báo Nhà Tài Trợ -->      
<!--Button Nhà Tài Trợ--> 
<div align='center'>
<!--  <br/><br/><br/><br/>-->
  <a class='buttonNhaTaiTroSo3' href='#loginScreenNhaTaiTroSo3' style='color:black;font-size:12px;background-color:#FFFFCC;'>
  <center>  Kế Toán Chuyên Nghiệp, Hơn 15 Năm Kinh Nghiệm  </center>
 </a> 
<!--End Button Nhà Tài Trợ--> 
   
<!--Thông Tin Nhà Tài Trợ-->
</div>   
 
<div id='loginScreenNhaTaiTroSo3'>
  <a class='cancelNhaTaiTroSo3' href='#'>
    <b style='color:black'>  Tắt Ads Nhà Tài Trợ </b>
  
  </a>
<br/> 
<!--Nội Dung -->
<!--Giới Thiệu -->
<div style='font-size: 18.5px;margin-top: 25px;background: white;padding-top: 20px;padding-right: 10px;padding-left: 10px;border-radius: 4px;border: 1px solid #000000;border-radius: 3px;text-align: justify;line-height: 1.4;'>
Code Nội Dung Nhà Tài Trợ Số 3 
</div>
 
<!--End Giới Thiệu -->
<!--End Nội Dung -->
</div> 
<!--End Thông Tin Nhà Tài Trợ-->
<!--End Html Xem Nhà Tài Trợ Số 3  -->   
<div style='clear: both;'/>           
<!-- End Khu vực Button QC Giới thiệu nhà tài trợ Blog Gia Bảo -->   
 

💥 :

Xem trang demo : https://www.digitalnomad.vn/2021/10/the-gioi-xe-dienGASZLI-7112.html

<!-- bootstrap css -->
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-bootstrap.min.css?v=1634789009' rel='stylesheet' type='text/css'/>
<!-- style css -->
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-style.css?v=1634789009' rel='stylesheet' type='text/css'/>
<!-- Responsive-->
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-responsive.css?v=1634789009' rel='stylesheet'/>
<link href='https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
 
<!-- header section start -->
 
<div class='header_section header_bg'>

<!-- banner section start -->
<div class='banner_section layout_padding'>
<div class='carousel slide' data-ride='carousel' id='main_slider'>
<div class='carousel-inner'>
<div class='carousel-item active'>
<div class='container'>
<div class='row'>
<div class='col-md-7'>
<!--https://html.design/demo/cycle/images/img-1.png-->
<div class='best_text'>Best</div>
<div class='image_1'><img src='https://xedientot.vn/images/product/xe-may-dien-honda-vsun-v2_efae0cc9.jpeg'/></div>
</div>
<div class='col-md-5'>
<h1 class='banner_taital'>VSUN V2 </h1>
<p class='banner_text' style='text-align: justify;'>
Xe Máy Điện VSUN V2 có kiểu dáng đẹp và chất, thiết kế tương tự mẫu  chiếc xe tay ga.
                  Xe điện Honda Vsun V2 được kiến tạo đậm nét, cá tính độc đáo, xe điện Vsun V2 nổi bật với tấm mặt nạ chắn gió trong suốt vô cùng bắt mắt.                                                                                                                                                                                                                                             
                             </p>
<div class='contact_bt'><a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://xedientot.vn/xe-may-dien-honda-vsun-v2'>Xem Ngay</a></div>
</div>
</div>
</div>
</div>
<div class='carousel-item'>
<div class='container'>
<div class='row'>
<div class='col-md-7'>
<div class='best_text'>Best</div>
<div class='image_1'><img src='https://cf.shopee.vn/file/a8b07c2050ead59917be830e10c6751c'/></div>
</div>
<div class='col-md-5'>
<h1 class='banner_taital'>VinFast Klara S</h1>
<p class='banner_text' style='text-align: justify;'>                                                                                 
                                
                                TINH HOA THIẾT KẾ Ý<br/>
Kế thừa những ưu điểm vốn có của VinFast Klara, KlaraS có kiểu dáng thanh lịch, lấy cảm hứng từ những viên kim cương lấp lánh, trường tồn. Các tính năng được thiết kế, nâng cấp phù hợp với thói quen sử dụng, thể trạng người Việt, đáp ứng tốt điều kiện đặc thù của giao thông đô thị và khí hậu Việt Nam.
                                                                                                            
                            
                             </p>
<div class='contact_bt'><a href='https://shorten.asia/kGsdAnYY'>
                                Xem Ngay</a></div>
</div>
</div>
</div>
</div>
<div class='carousel-item'>
<div class='container'>
<div class='row'>
<div class='col-md-7'>
<div class='best_text'>Best</div>
<div class='image_1'><img src='https://cf.shopee.vn/file/a8b07c2050ead59917be830e10c6751c'/></div>
</div>
<div class='col-md-5'>
<h1 class='banner_taital'>Xe Máy Điện VinFast Klara S</h1>
<p class='banner_text' style='text-align: justify;'>
TINH HOA THIẾT KẾ Ý<br/>
Kế thừa những ưu điểm vốn có của VinFast Klara, KlaraS có kiểu dáng thanh lịch, lấy cảm hứng từ những viên kim cương lấp lánh, trường tồn. Các tính năng được thiết kế, nâng cấp phù hợp với thói quen sử dụng, thể trạng người Việt, đáp ứng tốt điều kiện đặc thù của giao thông đô thị và khí hậu Việt Nam
                            
                             </p>
<div class='contact_bt'><a href='https://shorten.asia/kGsdAnYY'>Xem Ngay</a></div>
</div>
</div>
</div>
</div>
</div>
<a class='carousel-control-prev' data-slide='prev' href='#main_slider' role='button'>
<i class='fa fa-angle-left'></i>
</a>
<a class='carousel-control-next' data-slide='next' href='#main_slider' role='button'>
<i class='fa fa-angle-right'></i>
</a>
</div>
</div>
<!-- banner section end -->
</div>
<!-- header section end --> 
 
<!-- Javascript files-->
 
<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-jquery.min.js?v=1634789009'></script>  
<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-popper.min.js?v=1634789009'></script>  
<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-bootstrap.bundle.min.js?v=1634789009'></script>


💥 :

<!--Slider Thời Trang-->
 
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/ThoitrangBif1-bootstrap.min.css?v=1634287162' rel='stylesheet'/>
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/ThoitrangBif1-font-awesome.min.css?v=1634287162' rel='stylesheet'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css' rel='stylesheet'/> 
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/ThoitrangBif1-main.css?v=1634287162' rel='stylesheet'/>
 
<!--slider--> 
<section id='slider'>
<div class='container'>
<div class='row'>
<div class='col-sm-12'>
<div class='carousel slide' data-ride='carousel' id='slider-carousel'>
<ol class='carousel-indicators'>
<li class='active' data-slide-to='0' data-target='#slider-carousel'/>
<li data-slide-to='1' data-target='#slider-carousel'/>
<li data-slide-to='2' data-target='#slider-carousel'/>
</ol>
<!--Code hiển thị nội dung trên desktop, Pc, Laptop-->
<div class='carousel-inner'>
 
 
<!--Slide 1--> 
<div class='item active'>
 
 
<div class='col-sm-6'>
<h1><span>Thời Trang</span>-Nữ</h1>
<h2>Thế Giới Thời Trang</h2>
<p>
                                
Chia sẻ xu hướng thời trang cực HOT, cập nhật phong cách, mốt, mẫu mới, món đồ thời trang HOT trend.
                                 
                                  </p>
<a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://shopee.vn/Xiaozhainv-%C3%81o-thun-d%C3%A1ng-su%C3%B4ng-tay-d%C3%A0i-m%C3%A0u-tr%C6%A1n-th%E1%BB%9Di-trang-cho-n%E1%BB%AF-i.64595367.3158490604'>
<button class='btn btn-default get' type='button'>Xem Ngay</button>
</a>
</div>
 
<div class='col-sm-6'>
<!--https://www.free-css.com/assets/files/free-css-templates/preview/page203/e-shopper/assets/images/home/girl1.jpg--> 
<img alt='' class='girl img-responsive' src='https://cf.shopee.vn/file/3f57e3187ff582db312ffb4c626db2c0'/>
<!-- <img alt='' class='pricing' src='https://www.free-css.com/assets/files/free-css-templates/preview/page203/e-shopper/assets/images/home/pricing.png'/> -->
</div>
 
 
<!-- https://www.free-css.com/assets/files/free-css-templates/preview/page203/e-shopper/assets/images/home/pricing.png -->
</div>
<!--End Slide 1--> 
 
<!--Slide 2-->
<div class='item'>
<div class='col-sm-6'>
<h1><span>Thời Trang</span>-Nữ</h1>
<h2>Thế Giới Thời Trang</h2>
<p>
Chia sẻ xu hướng thời trang cực HOT, cập nhật phong cách, mốt, mẫu mới, món đồ thời trang HOT trend.

                                  </p>
<a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://shopee.vn/-M%C3%A3-1010FASHIONSALE143-gi%E1%BA%A3m-10K-%C4%91%C6%A1n-50K-%C3%81o-kho%C3%A1c-len-cadigan-Forgirl-m%C3%B9a-thu-%C4%91%C3%B4ng-d%C3%A0y-d%E1%BA%B7n-i.184689832.3605358431'>
<button class='btn btn-default get' type='button'>Xem Ngay</button>
</a>
</div>
<div class='col-sm-6'>
<!--https://www.free-css.com/assets/files/free-css-templates/preview/page203/e-shopper/assets/images/home/girl2.jpg--> 
<img alt='' class='girl img-responsive' src='https://cf.shopee.vn/file/5e9a9408fac9e6d361f2c2eff66573c0'/>
<!-- <img alt='' class='pricing' src='https://www.free-css.com/assets/files/free-css-templates/preview/page203/e-shopper/assets/images/home/pricing.png'/> -->
</div>
</div>
<!--End Slide 2-->
 
<!--Slide 3--> 
<div class='item'>
<div class='col-sm-6'>
<h1><span>Thời Trang</span>-Nam</h1>
<h2>Thế Giới Thời Trang</h2>
<p>
Chia sẻ xu hướng thời trang cực HOT, cập nhật phong cách, mốt, mẫu mới, món đồ thời trang HOT trend.
  </p>
<a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://shopee.vn/-M%C3%A3-SKAMPUSH10-gi%E1%BA%A3m-10-%C4%91%C6%A1n-200K-%C3%81o-Len-Nam-c%E1%BB%95-l%E1%BB%8D-d%C3%A0i-tay-%C4%91%E1%BA%B9p-th%E1%BB%9Di-trang-nam-cao-c%E1%BA%A5p-FAVITI-AL59-i.38003654.1589295236'>
<button class='btn btn-default get' type='button'>Xem Ngay</button>
</a>
</div>
<div class='col-sm-6'>
<!--https://www.free-css.com/assets/files/free-css-templates/preview/page203/e-shopper/assets/images/home/girl3.jpg--> 
<img alt='' class='girl img-responsive' src='https://cf.shopee.vn/file/1cd3edab1620f58956785cbc742c6031'/>
<!-- <img alt='' class='pricing' src='https://www.free-css.com/assets/files/free-css-templates/preview/page203/e-shopper/assets/images/home/pricing.png'/> -->
</div>
</div>
<!--End Slide 3-->
 
 
</div>
<a class='left control-carousel hidden-xs' data-slide='prev' href='#slider-carousel'>
<!--<i class='fa fa-angle-left'/>-->
                          &#11077;
                        </a>
<a class='right control-carousel hidden-xs' data-slide='next' href='#slider-carousel'>
<!-- <i class='fa fa-angle-right'/>-->
                          &#11078;
                        </a>
</div>
</div>
</div>
</div>
</section>
<!--/slider--> 
 
<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/ThoitrangBif1-jquery.js?v=1634287162'/>
<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/ThoitrangBif1-bootstrap.min.js?v=1634287162'/> 
<!--End Slider Thời Trang-->  

Minh họa Tiện ích Blogspot slider Thời Trang : < /link> < /link> < /link> < /link>


💥 Banner quảng cáo Nồi chiên không dầu, điện thoại,.... :

<!--Slider Nồi Chiên Không Dầu - Điện Thoại  -->
 
<!-- bootstrap css -->
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-bootstrap.min.css?v=1634789009' rel='stylesheet' type='text/css'/>
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-style.css?v=1634789009' rel='stylesheet' type='text/css'/>
<link href='https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-responsive.css?v=1634789009' rel='stylesheet'/>
 
<!-- client section start -->
<div class='client_section layout_padding'>
<div class='carousel slide' data-ride='carousel' id='my_slider'>
<div class='carousel-inner'>
<div class='carousel-item active'>
<div class='container'>
<div class='client_main'>
<h1 class='client_taital'>
 <!--Tiêu Đề Nổi Bật-->  
</h1>
<div class='client_section_2'>
<div class='client_left'>
<div><img class='client_img' src='https://cf.shopee.vn/file/46b1bc605044dd5a3ad5ec90d89d2745'/></div>
</div>
<div class='client_right'>
<div class='quote_icon'><img src='https://html.design/demo/cycle/images/quote-icon.png'/></div>
<p class='client_text' style='text-align: justify;'>
  <!--Mô tả sản phẩm -->   
  NỒI CHIÊN KHÔNG DẦU LOCK&amp;LOCK ĐIỆN TỬ 5,2l EJF351BLK
 
                             </p>
<center> 
<a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://shopee.vn/p-i.9049159.1109404247'>
<h3 class='client_name'>Xem Ngay</h3>
</a>
</center>
 
</div>
</div>
</div>
</div>
</div>
<div class='carousel-item'>
<div class='container'>
<div class='client_main'>
<h1 class='client_taital'>
<!--Tiêu Đề Nổi Bật-->
  </h1>
<div class='client_section_2'>
<div class='client_left'>
<div><img class='client_img' src='https://cf.shopee.vn/file/192dbd94a8bbdc4929d859f60d856a63'/></div>
</div>
<div class='client_right'>
<div class='quote_icon'><img src='https://html.design/demo/cycle/images/quote-icon.png'/></div>
<p class='client_text' style='text-align: justify;'>                               
 <!--Mô tả sản phẩm -->
Xe đạp gấp đa năng | Xe điện mini gấp gọn Lihaze 
</p>
 
<center>   
<a href='https://shorten.asia/EfXJKT1v'>
<h3 class='client_name'>Xem Ngay</h3></a>
</center> 
 
</div>
</div>
</div>
</div>
</div>
 
 
 
<div class='carousel-item'>
<div class='container'>
<div class='client_main'>
<h1 class='client_taital'>
<!--Tiêu Đề Nổi Bật--> 
</h1>
 
<div class='client_section_2'>
<div class='client_left'>
<div><img class='client_img' src='https://cf.shopee.vn/file/30d6fd3ee54b95f4a6dd95322acdff81'/></div>
</div>
<div class='client_right'>
<div class='quote_icon'><img src='https://html.design/demo/cycle/images/quote-icon.png'/></div>
<p class='client_text' style='text-align: justify;'>
 <!--Mô tả sản phẩm -->
Xe đạp điện gấp Qili - Theli                            
                             </p>
 
<center>   
<a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://shopee.vn/Xe-%C4%91%E1%BA%A1p-%C4%91i%E1%BB%87n-g%E1%BA%A5p-Qili-Theli-Xe-%C4%91%E1%BA%A1p-%C4%91i%E1%BB%87n-g%E1%BA%A5p-g%E1%BB%8Dn-Theli-Pin-Lithium-cao-c%E1%BA%A5p-48V11A-20A-i.190698999.6590328601'>
<h3 class='client_name'>Xem Ngay</h3></a>
</center>   
 
</div>
</div>
</div>
</div>
</div>
</div>
<a class='carousel-control-prev' data-slide='prev' href='#my_slider' role='button'>
<i class='fa fa-angle-left'/>
</a>
<a class='carousel-control-next' data-slide='next' href='#my_slider' role='button'>
<i class='fa fa-angle-right'/>
</a>
</div>
</div>
<!-- client section end -->
  <!-- Javascript files-->
<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-jquery.min.js?v=1634789009'/>
<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/xe-dien-ModernCycle-1-bootstrap.bundle.min.js?v=1634789009'/>
                           
<!--End Slider 2 Nồi Chiên Không Dầu - Điện Thoại  -->


Hình ảnh minh họa banner - slider nồi cơm điện : < /link>< /link> < /link>< /link>< /link>

💥 Hình ảnh xoay vòng 1 2 3 4 : hỗ trợ blogger Ẩm thực

  <!--Css Xoay Vòng -->  
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/review-am-thuc-tastew-style.css?v=1635461717' rel='stylesheet'/>
<!--Css bài viết 2 cột -->
<link href='https://cdn.shopify.com/s/files/1/2027/2569/files/review-am-thuc-tastew-bootstrap.css?v=1635461716' rel='stylesheet' type='text/css'/>

<!-- about section -->
<section class='about_section layout_padding'>
<div class='container  '>
<div class='row'>
<div class='col-md-6 '>
<div class='img-box'>
<img alt='' src='https://cdn.shopify.com/s/files/1/2027/2569/files/review-am-thuc-tastew-about-img.png?v=1635462055'/>
</div>
</div>
<div class='col-md-6'>
<div class='detail-box'>
<div class='heading_container' style='text-align: justify;'>
<h2> Tiêu đề nội dung bài viết  </h2>
</div>
<p style='text-align: justify;'>

Nội dung bài viết
</p>
<a href='#'>
              Ads ivietpr@Gmail.Com
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end about section --> 

Mẫu Minh họa code ẩm thực

 

 

< /link> < /link>

Tiêu đề nội dung bài viết

Nội dung bài viết

Ads ivietpr@Gmail.Com

I. Code copy và chèn nó trước  </body> trong phần chỉnh sửa html blogspot :  

Để sử dụng tiện ích blogspot này, chỉ cần bạn vào phần Chủ Đề ➠ Tùy Chỉnh ➠ Chỉnh Sửa HTML sau đó bấm Ctrl + F tìm dòng lệnh </body> và Copy code được chia sẻ sau đây dán vào phía trên </body> .

❀ Tiện Ích Popup quảng cáo sản phẩm : (cái này dành riêng cho blog của tác giả ) nếu muốn cài trên blogspot của bạn thì sửa lại link sản phẩm trên file .js rồi tải lên host riêng là ok )

Tiện ích Quảng cáo Popup nên hiển thị trên màn hình điện thoại ( phù hợp quảng cáo sản phẩm tiếp thị liên kết, sản phẩm nhà tài trợ ). 

<!--Popup QC Sản Phẩm -->
<!-- Thư Viện jquery -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>  
<!-- Css -->
<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/2027/2569/files/Popup-Sale-Shopify-Goghepsponsor.css?v=1634529917">
<div class='jas-sale-popBlogMarketingGiaBao flex pf middle-xs'></div>
<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/Popup-Sale-Shopify-Goghepsponsor2.js'></script>
<!--End Popup QC Sản Phẩm -->

❀ Tiện Ích Sticky Ads quảng cáo chân trang có nút tắt, loại tiện ích blogspot dạng quảng cáo này mình rất thích vì nó nằm ở chân trang, thiết kế đơn giản bằng Css gọn nhẹ, tạo cảm giác thân thiện, thích hợp với PC và Mobile nếu cảm thấy không cần thiết người dùng có thể tắt nó đi.  

<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/2027/2569/files/sticky-buttonBottomAd-GiaBaoBlog-1.css?v=1634545414">   
<input class='sticky-adBottomAd-GiaBaoBlogInput hidden' id='sticky-adBottomAd-GiaBaoBlogIn' type='checkbox'/>
<div class='sticky-adBottomAd-GiaBaoBlog' id='sticky-adBottomAd-GiaBaoBlog'>
<label class='sticky-adBottomAd-GiaBaoBlogClose' for='sticky-adBottomAd-GiaBaoBlogIn'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'></path></svg></label>
<div class='sticky-adBottomAd-GiaBaoBlogContent'>
<!--<div class='ads-here' style='display:block;height:60px'/>-->
  <center> Sticky Ads có nút tắt  </center>
<!--End Quảng cáo --> 
</div>
</div>

  •  Bạn thay  "Sticky Ads có nút tắt" bằng code quảng cáo của bạn.

II. Code copy và chèn nó trang tĩnh ở chế độ Html . 

Sitemap có link tên miền : Cách tạo thủ thuật blogspot này rất đơn giản, bạn chỉ cần copy code thay đổi link https://www.digitalnomad.vn/ thành tên miền blog/web của bạn vào trang tĩnh trên blog của bạn lưu lại thế là xong : ) 

❀ Sitemap dạng list đơn giản cho Blogspot :

<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/sitemap-blogspot-1.js?v=1634530838'></script>
<ul>
<script src="https://www.digitalnomad.vn/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul> 

Để chèn vào blogspot của bạn chỉ cần thay https://www.digitalnomad.vn bằng tên miền blog của bạn.

❀ Sitemap đẹp nhiều chọn lựa tìm kiếm cho người dùng như sắp xếp theo cập nhật mới nhất, cập nhật mới nhất, xem theo nhãn, tìm kiếm bài viết theo từ khóa cho Blogspot  

Xem DeMo

<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/2027/2569/files/css-sitemap-toilaquantri-1.css?v=1634542916">
<div dir="ltr" style="text-align: left;" trbidi="on"><script type="text/javascript">
    //<![CDATA[
    var tocConfig = {
     url: "https://www.digitalnomad.vn/",
     feedNum: 20,
     labelName: false,
     numChars: 160,
     thumbWidth: 110,
     navText: "Hiển Thị Thêm Bài Viết",
     frontText: "Chọn nhãn",
     resetToc: "Reset",
     noImage: "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg",
     loading: "<span>Đang tải...</span>",
     searching: "<span>Từ khóa...</span>",
     noResult: "Không tìm thấy kết quả cho sự lựa chọn của bạn!"
    };
    //]]>
    </script><br />
    <div id="table-outer"><table border="0"><tbody>
    <tr>                 <td><br />
    <label for="orderFeedBy">Sắp xếp theo:</label></td>                 <td><br />
    <select id="orderFeedBy"> <option selected="" value="published">Bài xuất bản mới nhất</option> <option value="updated">Bài cập nhật mới nhất</option> </select></td>             </tr>
    <tr>                 <td><br />
    <label for="labelSorterSelect">Chọn nhãn muốn xem:</label></td>                 <td><span id="labelSorter"><select disabled="" id="labelSorterSelect"><option selected="">Đang tải...</option></select></span></td>             </tr>
    <tr>                 <td><br />
    <label for="feed-q-box">Tìm theo từ khóa:</label></td>                 <td><br />
    <form id="postSearcher"><input placeholder="Nhập từ khóa cần tìm (có dấu)..." id="feed-q-box" type="text" /><br />
    </form></td>             </tr>
    </tbody>     </table></div><header id="resultDesc"></header><br />
    <ul id="feedContainer"></ul><div id="feedNav"></div>

<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/js-sitemap-toilaquantri-1.js?v=1634542916'></script> 
 <br /> </div>

❀ Chia sẻ link bài viết kèm hình ảnh & tiêu đề dạng Tab 2 cột cực đẹp cho  Blogspot :

<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/2027/2569/files/css-post-tab-bloggiabao-1.css?v=1634540793">
    
<div class="rctab-content">

<!--Link Post --> 
<div class="rctab-item"><div class="rctab-item-inner">
<a href="https://www.digitalnomad.vn/2021/10/suu-tam-cau-truc-bai-viet-hay-top-googleSO3UJ5P5M7R2.html">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjtWoVKZnvW7RawP3WKffw8L9CWPUwijTsHFEgFugjqHGcz_IAp1cif6P8RR3vPNAletwtq1f4J3qTxBgQDwFnFgfZT5somx7d-_QQibpoEPvEVuIgc4sVAG2WGxFxSL8XiiED835teVLTvV9uhM_AgNEf9sHjgHiSn7rDsTgcDhR-q_JsgVqjFQtvl=s72-w640-h192-c">
</a>
<h3>
<a href="https://www.digitalnomad.vn/2021/10/suu-tam-cau-truc-bai-viet-hay-top-googleSO3UJ5P5M7R2.html">
Sưu tầm Cấu Trúc Bài Viết Hay Top Google Làm Tài Liệu Nâng Cao Kỹ Năng Viết Lách
</a>
</h3>
<div style="clear:both"></div></div></div>
<!--End Link Post --> 
 
<!--Link Post --> 
<div class="rctab-item"><div class="rctab-item-inner">
<a href="https://www.digitalnomad.vn/2021/03/mmo-kiem-tien-online-tu-website-khong-kho-nhung-phai-biet-cachVoi297.html">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjtWoVKZnvW7RawP3WKffw8L9CWPUwijTsHFEgFugjqHGcz_IAp1cif6P8RR3vPNAletwtq1f4J3qTxBgQDwFnFgfZT5somx7d-_QQibpoEPvEVuIgc4sVAG2WGxFxSL8XiiED835teVLTvV9uhM_AgNEf9sHjgHiSn7rDsTgcDhR-q_JsgVqjFQtvl=s72-w640-h192-c">
</a>
<h3>
<a href="https://www.digitalnomad.vn/2021/03/mmo-kiem-tien-online-tu-website-khong-kho-nhung-phai-biet-cachVoi297.html">
MMO, Kiếm tiền online từ website không khó, nhưng phải biết cách,...
</a>
</h3>
<div style="clear:both"></div></div></div>
<!--End Link Post --> 


<!--Link Post --> 
<div class="rctab-item"><div class="rctab-item-inner">
<a href="https://www.digitalnomad.vn/2021/03/thot-go-cao-cap-tieu-chuan-thot-go-gia-reUUKlai7i1.html">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjtWoVKZnvW7RawP3WKffw8L9CWPUwijTsHFEgFugjqHGcz_IAp1cif6P8RR3vPNAletwtq1f4J3qTxBgQDwFnFgfZT5somx7d-_QQibpoEPvEVuIgc4sVAG2WGxFxSL8XiiED835teVLTvV9uhM_AgNEf9sHjgHiSn7rDsTgcDhR-q_JsgVqjFQtvl=s72-w640-h192-c">
</a>
<h3>
<a href="https://www.digitalnomad.vn/2021/03/thot-go-cao-cap-tieu-chuan-thot-go-gia-reUUKlai7i1.html">
Thớt gỗ cao cấp, tiêu chuẩn & thớt gỗ giá rẻ
</a>
</h3>
<div style="clear:both"></div></div></div>
<!--End Link Post --> 
 
<!--Link Post --> 
<div class="rctab-item"><div class="rctab-item-inner">
<a href="https://www.digitalnomad.vn/2021/03/van-ghep-gia-re-pho-thong-go-ghep-tieu-chuan-xuat-khau-la-giU9p3e3.html">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjtWoVKZnvW7RawP3WKffw8L9CWPUwijTsHFEgFugjqHGcz_IAp1cif6P8RR3vPNAletwtq1f4J3qTxBgQDwFnFgfZT5somx7d-_QQibpoEPvEVuIgc4sVAG2WGxFxSL8XiiED835teVLTvV9uhM_AgNEf9sHjgHiSn7rDsTgcDhR-q_JsgVqjFQtvl=s72-w640-h192-c">
</a>
<h3>
<a href="https://www.digitalnomad.vn/2021/03/van-ghep-gia-re-pho-thong-go-ghep-tieu-chuan-xuat-khau-la-giU9p3e3.html">
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 ?
</a>
</h3>
<div style="clear:both"></div></div></div>
<!--End Link Post --> 
</div>

III. Code dán vào vị trí cần hiển thị :

Tiện ích Blogspot này rất linh hoạt và uyển chuyển bạn chỉ cần copy code và dán vào nơi cần hiển thị thế là xong. 

❀ Tiện ích Breaking News - Tin Hot - Tin Nóng  

 <!--Breaking News Tin Hot Tin Nóng-->
<div class='AT-news'>
<div id='newshead'><span>Tin Hot</span></div>
<div id='news'>
<div id='news-posts'>Loading...</div>
</div></div>
<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/2027/2569/files/css-breaking-new-bloggiabao-1.css?v=1634546567">   
<!--Thu Vien jquery -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>
<script src='https://cdn.shopify.com/s/files/1/2027/2569/files/js-breaking-new-bloggiabao-1.js?v=1634546567'></script>

Next...

Gia Bảo