Cách tạo bảng giới thiệu sản phẩm tiếp thị liên kết sử dụng công cụ Generator responsivegridsystem.com

Đầu tiên chúng ta vào trang : http://www.responsivegridsystem.com/calculator/

Tạo code chèn 3 cột Responsive vào Blog/web :

 <!--Bắt đầu Code 3 cột -->

<style>
/*  SECTIONS  */
.sectionAds {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.colAds {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.colAds:first-child { margin-left: 0; }

/*  GROUPING  */
.groupAds:before,
.groupAds:after { content:""; display:table; }
.groupAds:after { clear:both;}
.groupAds { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3Ads { width: 100%; }
.span_2_of_3Ads { width: 66.13%; }
.span_1_of_3Ads { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    .colAds {  margin: 1% 0 1% 0%; }
    .span_3_of_3Ads, .span_2_of_3Ads, .span_1_of_3Ads { width: 100%; }
}
 
</style>
 
 
<div class="sectionAds groupAds">
    <div class="colAds span_1_of_3Ads">
    This is column 1
    </div>
    <div class="colAds span_1_of_3Ads">
    This is column 2
    </div>
    <div class="colAds span_1_of_3Ads">
    This is column 3
    </div>
</div>

<!--End Code 3 cột -->
 

 Kết đến thay thế 

This is column 1 / This is column 2 / This is column 3 bằng nội dung code của bạn.

Ví Dụ thêm sản phẩm vào code :

 <!--test code -->
 
<style>
.single .tags p { color: #666666; font-size: 12px; font-weight: bold; }
.single .tags p .tags-title-post{padding: 3px 8px;text-transform: uppercase; background-color: #111; color: #fff;  margin: 0 4px 8px 0; display: inline-block; }
.single .tags p a { color: #666666; font-size: 12px;border: 1px solid #ddd;padding: 2px 8px; margin: 0 4px 8px 0; display: inline-block; }    
 .single .full_width .single_custom_bottom .rehub_chimp, .single .full_width .tags, .single .full_width .author_detail_box, .full_width .related_articles, .full_width #comments, .full_width #review_form{max-width: 900px;margin: 25px auto; }
.compact_rel_grid .medianews-body{width: calc(100% - 100px);}   
    
/* Titlebox
================================================== */
.wpsm-titlebox { margin: 0 0 31px 0; padding: 18px 26px; position: relative; }
.wpsm-titlebox > strong:first-child { background: none repeat scroll 0 0 white; float: left; font-size: 17px; font-weight: 600; left: 11px; line-height: 18px; margin: 0 0 -9px !important; padding: 0 10px; position: absolute; text-transform: uppercase; top: -10px; }
.wpsm-titlebox.wpsm_style_1 { border: 3px solid #E7E4DF; }
.wpsm-titlebox.wpsm_style_1 > strong:first-child { color: #c0c0c0; }
.wpsm-titlebox.wpsm_style_main, .wpsm-titlebox.wpsm_style_secondary{border-width: 3px; border-style: solid;}
.wpsm-titlebox p:last-child{margin: 0}
.post .wpsm-titlebox .autocontent{margin-bottom:0;}    
    
/****************************************************************************
    *-*-*-* HOME GRID *-*-*-*
****************************************************************************/
.masonry_grid_fullwidth { margin-bottom: 20px }
.small_post { padding: 20px 25px;position: relative; float: left; background-color: #fff; overflow: hidden;  }
.masonry_grid_fullwidth .small_post { border: 1px solid #e3e3e3; /*box-shadow: 0 1px 1px #EDEDED;*/    }
.masonry_grid_fullwidth.loaded .small_post { display: block; }
.masonry_grid_fullwidth { min-height: 600px; }
.masonry_grid_fullwidth.loaded { background: none transparent; min-height: 10px; padding-bottom: 20px }
.small_post > p { font-size: 14px; color: #666; margin-bottom: 15px; line-height: 18px }
.small_post .top { margin-bottom: 8px; height: 25px; position: relative; }
.small_post h2 { margin: 0 0 10px 0; font-size: 22px; line-height: 22px; }
.small_post .meta, .small_post h2 { clear: both }
.small_post .cats_def { float: left; padding-right: 34px}
.small_post a.comment_two { position: absolute; top: 0; right: -1px; padding: 2px; line-height: 12px; font-size: 12px}
.small_post figure { width: 100%; margin-bottom: 20px; position: relative;  }
.small_post figure > a { width: 100%; }
.small_post figure > a img { width: 100%; height: auto; }
.more_post a {cursor:pointer; background: #f2f2f2; color: #111111; display: block; font-size: 14px; font-weight: bold; margin: 10px 1.5% 20px 1.5%; line-height: 48px; text-align: center; }
.more_post a:hover { background-color: #111; color: #fff }
.more_post { display: none; }
.more_post.onclick { display: block !important }
.re_ajax_pagination{clear: both; text-align: center; padding: 15px 0}
.re_ajax_pagination .def_btn {font-size: 15px;padding: 7px 50px;}
.def_btn.active_ajax_pagination:before{ font-weight: normal; display: inline-block; font-size:17px; content: "\f021"; -webkit-animation: fa-spin 1s linear infinite;  animation: fa-spin 1s linear infinite; margin-right: 5px }
.no_more_posts{text-align: center; clear: both; display: block;margin: 20px 0;width: 100%;flex-basis: 100%;}
.masonry_grid_fullwidth .re_ajax_pagination, .masonry_grid_fullwidth .no_more_posts{top:100%; position: absolute; width: 100%;}
ul.postpagination { display: block; height: 24px; margin-left: -5px; }
ul.postpagination li { float: left; display: block; color: #666; font-size: 14px; margin-left: 5px; line-height: 14px; }
ul.postpagination li a { display: block; padding: 5px 8px; color: #111; text-decoration: none; }
ul.postpagination li:hover a, ul.postpagination li a:focus, ul.postpagination li.active a { color: #fff; }
ul.postpagination li.active a {font-weight: bold; cursor: default; }
ul.postpagination li.active a:hover, ul.postpagination li.active a:focus { background: #111; }
div.pagination-centered { text-align: center; }
div.pagination-centered ul>li { float: none; display: inline-block; }
#login-form ul li, #user-login ul li { list-style: none; margin: 0; }


/****************************************************************************
    *-*-*-* TOP RATING *-*-*-*
****************************************************************************/
/* Columns */
.col_item{ position: relative;}
.col_wrap_two{margin: 0 -2.5% 20px;}
.col_wrap_two .col_item {width: 45%; margin: 0 2.5% 30px; float: left;}
.col_wrap_three{margin: 0 -1.5% 20px;}
.col_wrap_three .col_item {width: 30.33%; margin: 0 1.5% 25px; float: left;}
.col_wrap_three .col_item:nth-child(3n+1) { clear: both;}
.col_wrap_two .col_item:nth-child(2n+1) { clear: both;}
.col_wrap_fourth{margin: 0 -1% 15px;}
.col_wrap_fifth, .col_wrap_six{margin: 0 -1% 15px;}
.col_wrap_fourth .col_item {width: 23%; margin: 0 1% 25px; float: left;}
.col_wrap_fourth .col_item:nth-child(4n+1) { clear: both;}
.col_wrap_fifth .col_item {width: 18%; margin: 0 1% 25px; float: left;}
.col_wrap_fifth .col_item:nth-child(5n+1) { clear: both;}
.col_wrap_six .col_item {width: 15.26%; margin: 0 0.7% 25px; float: left;}
.col_wrap_six .col_item:nth-child(6n+1) { clear: both;}
.rh-flex-columns{display: -webkit-flex; -webkit-flex-wrap:wrap;-webkit-justify-content: space-between;display: -ms-flexbox; -ms-flex-wrap:wrap;-ms-justify-content: space-between;-ms-flex-pack: justify;display: flex; flex-wrap: wrap;justify-content: space-between; flex-direction: row; }
.rh-flex-eq-height{display: -webkit-flex; -webkit-flex-wrap:wrap;display: -ms-flexbox; -ms-flex-wrap:wrap;display: flex; flex-wrap: wrap;flex-direction: row; }
.rh-flex-eq-height .pagination, .rh-flex-eq-height .re_ajax_pagination, .rh-flex-eq-height .woocommerce-pagination{width: 100%;flex-basis: 100%;}
.rh-flex-eq-height .re_ajax_pagination{margin: -1px; }
.rh-flex-center-align{display: -webkit-flex;-webkit-align-items: center;align-items: center;display: -ms-flexbox; display: flex; -ms-flex-align: center;-webkit-box-align: center; flex-direction: row;}
.rh-flex-space-between{align-content: space-between;}
.rh-flex-right-align{margin-left: auto}.flexbasisclear{flex-basis: 100%}
.rh-flex-justify-center{justify-content: center;}.rh-flex-justify-start{justify-content: flex-start;}.rh-flex-justify-end{justify-content: flex-end;}
.img-centered-flex > img {max-height: 100%; border-radius: 4px; object-fit:scale-down;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.rh-flex-column{flex-direction: column;}.rh-flex-nowrap{-webkit-flex-wrap:nowrap;flex-wrap: nowrap;}.rh-flex-grow1{flex-grow: 1; flex-basis: 0}
.flex-3col-1{margin-right: auto;-webkit-order: 1;-ms-flex-order: 1;order: 1;-webkit-flex: 1 1 0;-ms-flex: 1 1 0;flex: 1 1 0;}
.flex-3col-2{-webkit-order: 2;-ms-flex-order: 2;order: 2;}
.flex-3col-3{-webkit-order: 3;-ms-flex-order: 3;order: 3;-webkit-flex: 1 1 0;-ms-flex: 1 1 0;flex: 1 1 0;margin-left: auto;}
.no_padding_wrap .col_wrap_three .col_item, .no_padding_wrap .col_wrap_fourth .col_item, .no_padding_wrap .col_wrap_fifth .col_item, .no_padding_wrap .col_wrap_six .col_item{margin: 0;}
.no_padding_wrap .col_wrap_three .col_item{width: 33.33%}
.no_padding_wrap .col_wrap_fourth .col_item{width: 25%}
.no_padding_wrap .col_wrap_fifth .col_item{width: 20%}
.no_padding_wrap .col_wrap_six .col_item{width: 16.66%}
@media (max-width: 1024px) and (min-width: 768px) {
.col_wrap_fourth, .col_wrap_fifth, .col_wrap_six{margin: 0 -1.5% 20px; overflow: hidden;}
.col_wrap_fourth .col_item, .col_wrap_fifth .col_item, .col_wrap_six .col_item {width: 30.33%; margin: 0 1.5% 15px; float: left;}
.no_padding_wrap .col_wrap_fourth .col_item, .no_padding_wrap .col_wrap_fifth .col_item, .no_padding_wrap .col_wrap_six .col_item{width: 33%; margin: 0}
.col_wrap_fourth .col_item:nth-child(3n+1), .col_wrap_fifth .col_item:nth-child(3n+1), .col_wrap_six .col_item:nth-child(3n+1){ clear: both;}
.col_wrap_fourth .col_item:nth-child(4n+1), .col_wrap_fifth .col_item:nth-child(5n+1), .col_wrap_six .col_item:nth-child(6n+1) { clear: none;}
}
@media (max-width: 767px) {
.mobflexbasisclear{flex-basis: 100%; width: 100%}
.col_wrap_two, .col_wrap_three, .col_wrap_fourth, .col_wrap_fifth, .col_wrap_six{margin: 0 0 20px 0;}
.col_wrap_three .col_item, .col_wrap_fourth .col_item, .col_wrap_fifth .col_item, .col_wrap_six .col_item {width: 47%; margin: 0 1.5% 15px 1.5%;}
.no_padding_wrap .col_wrap_three .col_item, .no_padding_wrap .col_wrap_fourth .col_item, .no_padding_wrap .col_wrap_fifth .col_item, .no_padding_wrap .col_wrap_six .col_item{width: 50%; margin: 0}
.col_wrap_three .col_item:nth-child(3n+1), .col_wrap_fifth .col_item:nth-child(5n+1) { clear: none;}
.col_wrap_three .col_item:nth-child(2n+1), .col_wrap_fourth .col_item:nth-child(2n+1), .col_wrap_fifth .col_item:nth-child(2n+1), .col_wrap_six .col_item:nth-child(2n+1) { clear: both;}
}
@media (max-width: 479px) {
.col_item{width: 100% !important; margin: 0 0 14px 0 !important}
.col_item.two_column_mobile{width: 48% !important; margin: 0 1% 25px 1% !important;}
.no_padding_wrap.col_item.two_column_mobile{width: 50% !important; margin: 0 !important;}
.owl-item .col_item.two_column_mobile{width: 100% !important; margin: 0 auto 12px auto !important}
}
    
/* Post */    
.post_eq_grid{padding-top: 5px}
.no_padding_wrap .eq_grid .col_item{border: 1px solid #eee; border-top: none; border-left: none}
.no_padding_wrap .eq_grid{border: 1px solid #eee; border-right: none; border-bottom: none; padding: 0}

.categoriesbox { overflow: hidden;margin: 0 auto 15px auto !important;  max-width: 500px;}
.categoriesbox .categoriesbox-content { padding: 20px 20px 25px 20px }
.categoriesbox h3 {padding: 0; position: relative; }
.categoriesbox:hover h3 i{ transform: rotate(360deg); transition: transform 0.5s ease}
.categoriesbox h3 a { text-decoration: none; }
.categoriesbox .categoriesbox-content p { margin-bottom: 0; }
.categoriesbox-bg { height: 175px; background-size: cover;background-position: center; background-repeat: no-repeat; position: relative; transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; z-index: 1 }
.categoriesbox-bg a, .rh-transition-box a { width: 100%; height: 100%; display: block; position: absolute; z-index: 3 }
.categoriesbox:hover .categoriesbox-bg { opacity: 0.8 }
.rh-transition-box {position: relative;overflow: hidden;}
.rh-transition-box:hover .categoriesbox-bg{ transform: scale(1.25); }
.rh-cbox-left{min-width: 50px}
/* Score box in widget */
.wpsm_score_box{background-color: #fff; border: 1px solid #eee; color: #111;box-shadow: 0 0 28px #eaeaea;}
.wpsm_inside_scorebox{ padding: 20px }
.wpsm_score_box .rate_bar_wrap{ background-color: transparent; padding: 0; border: none; box-shadow: none; margin: 0}
.wpsm_score_title{ background-color: #f1f1f1; padding: 14px 20px; font-size: 21px; line-height: 24px}
.wpsm_score_title .overall-score{font-weight: bold; font-size: 24px; float: right;}
.wpsm_inside_scorebox .rate_bar_wrap .review-criteria{ border: none !important; margin-top: 0;  padding: 25px 0 0 0;}
.wpsm_score_box .rehub_offer_coupon, .wpsm_score_box .priced_block .btn_offer_block, .wpsm_score_box .priced_block .single_add_to_cart_button{ font-size: 17px; line-height: 19px; text-align: center;display: block;padding: 0.8em; width: 100% }
.wpsm_score_box .rate-bar, .wpsm_score_box .rate-bar-bar, .cmp_crt_block .rate-bar, .cmp_crt_block .rate-bar-bar{ height: 9px}
.cmp_crt_block .rate_bar_wrap .review-criteria, .cmp_crt_block .rate_bar_wrap{box-shadow:none; background:transparent; padding: 0; margin: 0; border:none;}
.centered_brand_logo img{max-width: 72px; margin: 0 auto 10px auto; display: block;}
.favour_in_row {display:inline-block; margin: 0 6px 6px 0}
.small_post:hover .social_icon_inimage{ right: 10px; opacity: 1}
.small_post:hover .favour_in_image{opacity: 1}
.column_grid .favour_in_image{ right: 10px; opacity: 1; bottom: 10px; left: auto; top: auto;}
.favour_in_image{ position: absolute; z-index: 9; bottom:auto; opacity: 0; left: 0; right: 0; top:50%; transition: all 0.4s ease; margin-top: -15px}
.favour_btn_red .heart_thumb_wrap{display: inline-block;background-color: #b1141a;color: #fff;font-size:15px;padding: 2px 7px 3px 7px; position: relative;}
.favour_btn_red .heart_thumb_wrap .heartplus, .favour_btn_red .heart_thumb_wrap .heartplus.alreadywish:before{color: #fff}
.favour_btn_red .heart_thumb_wrap .thumbscount{position: absolute;top: -5px;right: -10px;border-radius: 10px;display: inline-block;font-size: 9px;line-height: 16px;padding: 0 6px;text-align: center;vertical-align: middle;background: #fff; color: #cc0000}
.post-meta-left .favour_btn_red .heart_thumb_wrap{display: block;}
.post-meta-left .favour_in_row{margin: 0 0 10px 0; display: block; width: 100%}
.loading .top_chart_first, .loading .top_chart_controls, .loading .top_chart_wrap{opacity: 0}
.loading.table_view_charts{ text-align: center; padding-top: 40px; border: 1px solid #f9f9f9; background-color: #f9f9f9}
.loading .re-icon-compare:before, .loading.table_view_charts:before, .post_carousel_block.loading:before, .woo_carousel_block.loading:before{content: "\f021" !important;display: inline-block; animation: fa-spin 1s linear infinite;}
.loading.table_view_charts:before{ font-size: 45px; color: #ccc}
.small_post .wprc-container{position: absolute; z-index: 999; bottom:0; left: 0; opacity: 0; transition: all 0.4s ease; margin: 0 !important}
.small_post:hover .wprc-container{opacity: 1}
.small_post .wprc-container .wprc-switch{ float: left;}
.small_post .wprc-content img.loading-img{width: auto !important; height: auto !important;}

.egg-wrap .media{ border-bottom: 1px solid #E7E7E7; padding: 0 0 10px 0; margin-bottom: 20px}
.wpsm-titlebox .egg-wrap .media:last-child, .wpsm-tabs .single_product_egg{ margin: 0; border: none;}
.wpsm-titlebox .egg-wrap .media:first-child{ margin-top: 20px; border: none;}
.egg-wrap .media-left, .egg-wrap .media-right, .egg-wrap .media-body{display: table-cell;vertical-align: top;}
.egg-wrap .media-left {padding-right: 20px;padding-bottom: 10px; }
.egg-wrap .media-body {width: 10000px;}
.egg-wrap .media-object {display: block;}
.egg-wrap h4.media-heading{ margin: 0 0 10px 0}
.egg-wrap small.text-meta{ font-size: 85%; color: #888; display: block; margin-bottom: 10px}
.egg-wrap .thumbnail {display: block;padding: 4px;margin-bottom: 20px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;}
.egg-wrap .media, .egg-wrap .media-body {overflow: hidden;}
.wcv_shop_wrap h3{ margin-top: 0}    

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }    
  </style>     
 
<style>
/*  SECTIONS  */
.sectionAds {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.colAds {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.colAds:first-child { margin-left: 0; }

/*  GROUPING  */
.groupAds:before,
.groupAds:after { content:""; display:table; }
.groupAds:after { clear:both;}
.groupAds { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3Ads { width: 100%; }
.span_2_of_3Ads { width: 66.13%; }
.span_1_of_3Ads { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    .colAds {  margin: 1% 0 1% 0%; }
    .span_3_of_3Ads, .span_2_of_3Ads, .span_1_of_3Ads { width: 100%; }
}

</style>


<div class="sectionAds groupAds">
    <div class="colAds span_1_of_3Ads">
    This is column 1
  <!--Doan 1-->  
    
 
    <div>
            <figure>
                                    <span class="sale_a_proc">Review</span>              
                                                
                <a rel="nofollow sponsored" target="_blank" class="re_track_btn" href="https://go.isclix.com/deep_link/4442979790914282835?url=https%3A%2F%2Ftiki.vn%2Fdac-nhan-tam-kho-lon-p480040.html">
                    <img class=" lazyloaded" data-src="https://salt.tikicdn.com/cache/280x280/ts/product/df/7d/da/d340edda2b0eacb7ddc47537cddb5e08.jpg" alt="Đắc Nhân Tâm (Khổ Lớn)" src="https://salt.tikicdn.com/cache/280x280/ts/product/df/7d/da/d340edda2b0eacb7ddc47537cddb5e08.jpg" width="336">                                    
                </a>
            </figure>
            <div class="affegg_grid_title">
                <a rel="nofollow sponsored" target="_blank" href="https://go.isclix.com/deep_link/4442979790914282835?url=https%3A%2F%2Ftiki.vn%2Fdac-nhan-tam-kho-lon-p480040.html">
                    Đắc Nhân Tâm (Khổ Lớn)                </a>
            </div>
   
            <div class="buttons_col">
                <div class="priced_block clearfix">
                                            <div class="rh_price_wrapper">
                        </div>
 
                  <div>
                        <a class="re_track_btn btn_offer_block" href="https://go.isclix.com/deep_link/4442979790914282835?url=https%3A%2F%2Ftiki.vn%2Fdac-nhan-tam-kho-lon-p480040.html" target="_blank" rel="nofollow sponsored">
                            TỚI NƠI BÁN                        </a>
                                                                         
                        <div class="aff_tag mt10 small_size"><img src="https://phongreviews.com/wp-content/uploads/2021/05/tiki.png" alt="tiki" height="16" width="16"> tiki.vn</div>                            
                    </div>
                  
                </div>
              
            </div>
      
        </div>
  <!--End Doan 1-->  
     
    </div>
    <div class="colAds span_1_of_3Ads">
    This is column 2
 <!--Doan 1-->  
    
 
    <div>
            <figure>
                                    <span class="sale_a_proc">Review</span>              
                                                
                <a rel="nofollow sponsored" target="_blank" class="re_track_btn" href="https://go.isclix.com/deep_link/4442979790914282835?url=https%3A%2F%2Ftiki.vn%2Fdac-nhan-tam-kho-lon-p480040.html">
                    <img class=" lazyloaded" data-src="https://salt.tikicdn.com/cache/280x280/ts/product/df/7d/da/d340edda2b0eacb7ddc47537cddb5e08.jpg" alt="Đắc Nhân Tâm (Khổ Lớn)" src="https://salt.tikicdn.com/cache/280x280/ts/product/df/7d/da/d340edda2b0eacb7ddc47537cddb5e08.jpg" width="336">                                    
                </a>
            </figure>
            <div class="affegg_grid_title">
                <a rel="nofollow sponsored" target="_blank" href="https://go.isclix.com/deep_link/4442979790914282835?url=https%3A%2F%2Ftiki.vn%2Fdac-nhan-tam-kho-lon-p480040.html">
                    Đắc Nhân Tâm (Khổ Lớn)                </a>
            </div>
   
            <div class="buttons_col">
                <div class="priced_block clearfix">
                                            <div class="rh_price_wrapper">
                        </div>
 
                  <div>
                        <a class="re_track_btn btn_offer_block" href="https://go.isclix.com/deep_link/4442979790914282835?url=https%3A%2F%2Ftiki.vn%2Fdac-nhan-tam-kho-lon-p480040.html" target="_blank" rel="nofollow sponsored">
                            TỚI NƠI BÁN                        </a>
                                                                         
                        <div class="aff_tag mt10 small_size"><img src="https://phongreviews.com/wp-content/uploads/2021/05/tiki.png" alt="tiki" height="16" width="16"> tiki.vn</div>                            
                    </div>
                  
                </div>
              
            </div>
      
        </div>
  <!--End Doan 1-->  
      
    </div>
    <div class="colAds span_1_of_3Ads">
    This is column 3
   <!--Doan 1-->  
    
 
    <div>
            <figure>
                                    <span class="sale_a_proc">Review</span>              
                                                
                <a rel="nofollow sponsored" target="_blank" class="re_track_btn" href="https://go.isclix.com/deep_link/4442979790914282835?url=https%3A%2F%2Ftiki.vn%2Fdac-nhan-tam-kho-lon-p480040.html">
                    <img class=" lazyloaded" data-src="https://salt.tikicdn.com/cache/280x280/ts/product/df/7d/da/d340edda2b0eacb7ddc47537cddb5e08.jpg" alt="Đắc Nhân Tâm (Khổ Lớn)" src="https://salt.tikicdn.com/cache/280x280/ts/product/df/7d/da/d340edda2b0eacb7ddc47537cddb5e08.jpg" width="336">                                    
                </a>
            </figure>
            <div class="affegg_grid_title">
                <a rel="nofollow sponsored" target="_blank" href="https://go.isclix.com/deep_link/4442979790914282835?url=https%3A%2F%2Ftiki.vn%2Fdac-nhan-tam-kho-lon-p480040.html">
                    Đắc Nhân Tâm (Khổ Lớn)                </a>
            </div>
   
            <div class="buttons_col">
                <div class="priced_block clearfix">
                                            <div class="rh_price_wrapper">
                        </div>
 
                  <div>
                        <a class="re_track_btn btn_offer_block" href="https://go.isclix.com/deep_link/4442979790914282835?url=https%3A%2F%2Ftiki.vn%2Fdac-nhan-tam-kho-lon-p480040.html" target="_blank" rel="nofollow sponsored">
                            TỚI NƠI BÁN                        </a>
                                                                         
                        <div class="aff_tag mt10 small_size"><img src="https://phongreviews.com/wp-content/uploads/2021/05/tiki.png" alt="tiki" height="16" width="16"> tiki.vn</div>                            
                    </div>
                  
                </div>
            </div>      
        </div>
  <!--End Doan 1-->  
    
    </div>
</div>  
 
<!--End test code -->