Hướng dẫn làm trang tiếp thị liên kết xe đạp thể thao bằng template blogspot New Maggner

Hôm nay Gia Bảo chia sẻ với các bạn hướng dẫn làm trang tiếp thị liên kết xe đạp thể thao bằng template blogspot New Maggner, đáp ứng nhu cầu của các bạn muốn kiếm tiền tại nhà bằng cách tự mình quản lý và thiết kế web cá nhân trên nền tảng Blogger.       

Đầu tiên bạn cần tham khảo thông tin về template blogspot New Maggner  :

  1. Link Trang Demo :  template blogspot New Maggner 
  2. Link Download miễn phí : https://gooyaabitemplates.com/download/New-Maggner-Free-Version-3.0.zip

Bạn tải link về và làm theo hướng dẫn của mình nhé :

Đầu tiên bạn tạo trang blogspot có tên miền do bạn " nghĩ ra " .

Như trong ví dụ này trang của mình tạo có tên miền .blogspot.com như sau :

  • https://xedapthethaoplus.blogspot.com

Sau khi hoàn tất công việc khởi tạo trang có tên miền blogspot theo ý của bạn. Để tạo trang tương tự như trên, giúp bạn kiếm tiền online theo mô hình " tiếp thị liên kết các loại xe đạp thể thao " các bạn làm như sau :

Sau đó bạn vào trang quản trị blogspot .

Chọn chủ đề :


 Chọn tiếp tùy chỉnh / chỉnh sửa Html :


Giải nén file template blogspot vừa tải về :



 Mở file New Maggner Free Version 3.0.xml bằng Notepad


Copy toàn bộ nội dung sau đó trở về trang chỉnh sửa Html , dán đè lên nội dung đang có.


 Lưu lại.

Sau đó trở về trang quản trị blogspot , click chọn tạo bài mới. Xuất bản lên Blog của bạn

Ví dụ mẫu bài đăng đầu tiên trên : https://xedapthethaoplus.blogspot.com


Sau đó ở trang quản trị blogspot bạn chọn chủ đề / Tùy chỉnh / Chỉnh sửa Html 

Tìm đoạn code sau :

            <b:includable id='postHeader' var='post'>
              <b:include cond='data:view.isSingleItem' data='post' name='postBreadcrumbs'/>
              <b:include data='post' name='postTitle'/>
              <b:include cond='!data:view.isPage' data='post' name='headerByline'/>
            </b:includable>
            <b:includable id='postJumpLink' var='post'>
              <b:if cond='data:blog.jumpLinkMessage != &quot;hide&quot;'>
                <a class='read-more' expr:href='data:post.url'><data:blog.jumpLinkMessage/></a>
              </b:if>
            </b:includable>

Chú ý dòng code bôi đỏ, chúng ta sẽ sửa đoạn code này thành :

         <b:if cond='data:post.link'>                       
                 <a class='read-more' expr:href='data:post.link'>Tới Nơi Bán</a>                      
            <b:else/>
                <a class='read-more' expr:href='data:post.url'><data:blog.jumpLinkMessage/></a>                      
          </b:if>               

Giải thích : Code này sẽ giúp bạn tự động gán link được nhập vào ô liên kết tiêu đề hiển thị trên trang chủ & trang nhãn.

Hình ảnh minh họa


Nếu bạn muốn thêm dòng giá bán thì chèn tiếp code sau, liền kề ngay phía dưới code trên :

<!--Gia Ban --> 
<!--Chạy vòng lặp kiểm tra liên kết đính kèm đăng giá bán -->
                 
<b:loop index='i' values='data:post.enclosures' var='enclosure'> 
<b:if cond='data:enclosure.url == &quot;http://giaban.com&quot;'>
       
<center>   
<b style='box-shadow: 3px 4px 0px 0px #8a2a21;background:linear-gradient(to bottom, #44c767 5%, #44c767 100%);background-color:#c62d1f;border-radius:18px;border:1px solid #d02718;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:17px;padding:7px 25px;text-decoration:none;text-shadow:0px 1px 0px #810e05;margin-top:10px'>
  Giá Tham Khảo :  <data:enclosure.mimeType/>
</b> 
</center> 
           
</b:if>     
 
</b:loop>
               
<!--Kết thúc Chạy vòng lặp kiểm tra liên kết đính kèm -->                                       
<!--End Gia Ban-->                

 

Nếu muốn hiển thị Tới nơi bán & giá bán tự động trên trang bài viết bạn tìm dòng code <data:post.body/>

Sau đó sửa lại thành :

<!--Danh mục xe đạp -->               
                <data:post.body/>
<!--Link tiep thi lien ket -->     

<b:if cond='data:post.link'>  
 
<center>          
<a expr:href='data:post.link' style="box-shadow: 3px 4px 0px 0px #8a2a21;background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);background-color:#c62d1f;border-radius:18px;border:1px solid #d02718;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:17px;padding:7px 25px;text-decoration:none;text-shadow:0px 1px 0px #810e05;">
  Tới Nơi Bán
</a>
</center>          
           <!--
                 <a class='read-more' expr:href='data:post.link'>Tới Nơi Bán</a> 
           -->
          
<b:else/>
                <a class='read-more' expr:href='data:post.url'><data:blog.jumpLinkMessage/></a>                      
</b:if>                              
<!--End Link tiep thi lien ket -->                    
 

Nếu muốn thêm giá bán chèn thêm code sau :

<!--Gia Ban --> 
<!--Chạy vòng lặp kiểm tra liên kết đính kèm đăng giá bán -->
                 
<b:loop index='i' values='data:post.enclosures' var='enclosure'> 
<b:if cond='data:enclosure.url == &quot;http://giaban.com&quot;'>
       
<center>   
<b style='box-shadow: 3px 4px 0px 0px #8a2a21;background:linear-gradient(to bottom, #44c767 5%, #44c767 100%);background-color:#c62d1f;border-radius:18px;border:1px solid #d02718;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:17px;padding:7px 25px;text-decoration:none;text-shadow:0px 1px 0px #810e05;margin-top:10px'>
  Giá Tham Khảo :  <data:enclosure.mimeType/>
</b> 
</center> 
           
</b:if>     
 
</b:loop>
               
<!--Kết thúc Chạy vòng lặp kiểm tra liên kết đính kèm -->                                       
<!--End Gia Ban-->                

 Lưu lại và kiểm tra kết quả.

Hướng dẫn đăng bài dạng tiếp thị liên kết trên blogspot :

Sau khi cài đặt xong phần code web, chúng ta sẽ kiểm tra xem chúng có hoạt động hay không bằng cách :

Bước 1 : Bật / kích hoạt tính năng " Đường liên kết tiêu đề và đính kèm "


 Đăng bài viết theo mẫu :

  • Gán link tiếp thị liên kết dưới dòng : Liên kết tiêu đề 
  • Dưới dòng Liên kết đính kèm 
  1. giaban.com
  2. Số tiền cần hiển thị : Ví dụ  : 15.990.000 đ


 Xuất bản bài đăng và xem kết quả.

Phần tùy chỉnh mở rộng :

Xóa bỏ ?m=1 :

<!--Xoa bo m=1-->
 
<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> 
 
<!--End Xoa bo m=1-->

Thêm Popup Sale :

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'/>  
 
<style>
.jas-sale-pop{background:#fff;bottom:-100%;left:20px;right:20px;padding:10px 30px 10px 10px;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:3px;opacity:0;visibility:hidden;transition:all 2s;z-index:9999;position:fixed;right:auto;top:initial!important}@media (max-width:480px){.jas-sale-pop{left:10px;right:10px;max-width:300px}.jas-sale-pop .jas-sale-pop-content{max-width:180px}}.jas-sale-pop .mr__20{margin-right:10px}.jas-sale-pop h4,.jas-sale-pop .h4{color:#222;margin:0;font-size:14px;font-weight:normal;margin-bottom:5px}.jas-sale-pop h3,.jas-sale-pop .h3{margin:0;font-size:15px;max-width:255px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jas-sale-pop h3 a,.jas-sale-pop .h3 a{color:#222;margin:0;font-size:14px}.jas-sale-pop .jas-sale-pop-timeago{color:#878787;font-size:12px}.jas-sale-pop .pe-7s-close{right:5px;top:0;cursor:pointer;position:absolute;font-weight:bold;font-family:&quot;Font Awesome 5 Free&quot;}.jas-sale-pop .pe-7s-close:before{content:&quot;\f00d&quot;}.jas-sale-pop.slideUp{bottom:20px;opacity:1;visibility:visible}.jas-sale-pop.middle-xs{-webkit-box-align:center;-ms-flex-align:center}.jas-sale-pop.flex{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex} 
</style> 
 
<!--Quang cao sale popup --> 
<div class='jas-sale-pop flex pf middle-xs'/>
<script>//<![CDATA[
    $(document).ready(function ($) {
        SalesPop();
    });
    function fisherYates ( myArray ) {
        var i = myArray.length, j, temp;
        if ( i === 0 ) return false;
        while ( --i ) {
            j = Math.floor( Math.random() * ( i + 1 ) );
            temp = myArray[i];
            myArray[i] = myArray[j];
            myArray[j] = temp;
        }
    }
    var collection = new Array();
    collection[1]="<a href='https://shorten.asia/2f9wzQg5' class='jas-sale-pop-img mr__20'><img src='https://pngset.com/images/hands-click-icon-click-icon-svg-label-text-hammer-tool-transparent-png-503660.png' alt='Đặt Vé Máy Bay' width='65' height='84' /></a><div class='jas-sale-pop-content'><h3 class='mg__0 mt__5 mb__5 fs__18'><a href='https://shorten.asia/2f9wzQg5' title='Đặt Vé Máy Bay'>Đặt Vé Máy Bay</a></h3><span class='fs__12 jas-sale-pop-timeago'></span></div><span class='pe-7s-close pa fs__20'></span>";
    collection[2]="<a href='https://shorten.asia/CVrTkgFf' class='jas-sale-pop-img mr__20'><img src='https://pngset.com/images/hands-click-icon-click-icon-svg-label-text-hammer-tool-transparent-png-503660.png' alt='Đặt Tour Du Lịch' width='65' height='84' /></a><div class='jas-sale-pop-content'><h3 class='mg__0 mt__5 mb__5 fs__18'><a href='https://shorten.asia/CVrTkgFf' title='Đặt Tour Du Lịch'>Đặt Tour Du Lịch</a></h3><span class='fs__12 jas-sale-pop-timeago'></span></div><span class='pe-7s-close pa fs__20'></span>";
    collection[3]="<a href='https://shorten.asia/8vnV3BcE' class='jas-sale-pop-img mr__20'><img src='https://pngset.com/images/hands-click-icon-click-icon-svg-label-text-hammer-tool-transparent-png-503660.png' alt='Đặt Vé Xe OnLine' width='65' height='84' /></a><div class='jas-sale-pop-content'><h3 class='mg__0 mt__5 mb__5 fs__18'><a href='https://shorten.asia/8vnV3BcE' title='Đặt Vé Xe OnLine'>Đặt Vé Xe OnLine</a></h3><span class='fs__12 jas-sale-pop-timeago'></span></div><span class='pe-7s-close pa fs__20'></span>";
    collection[4]="<a href='https://shorten.asia/Xf9dSbma' class='jas-sale-pop-img mr__20'><img src='https://pngset.com/images/hands-click-icon-click-icon-svg-label-text-hammer-tool-transparent-png-503660.png' alt='Thuê Xe Tự Lái' width='65' height='84' /></a><div class='jas-sale-pop-content'><h3 class='mg__0 mt__5 mb__5 fs__18'><a href='https://shorten.asia/Xf9dSbma' title='Thuê Xe Tự Lái'>Thuê Xe Tự Lái</a></h3><span class='fs__12 jas-sale-pop-timeago'></span></div><span class='pe-7s-close pa fs__20'></span>";
    collection[5]="<a href='https://shorten.asia/z1nq6wNQ' class='jas-sale-pop-img mr__20'><img src='https://pngset.com/images/hands-click-icon-click-icon-svg-label-text-hammer-tool-transparent-png-503660.png' alt='Đặt Phòng Khách Sạn Toàn Cầu' width='65' height='84' /></a><div class='jas-sale-pop-content'><h3 class='mg__0 mt__5 mb__5 fs__18'><a href='https://shorten.asia/z1nq6wNQ' title='Đặt Phòng Khách Sạn Toàn Cầu'>Đặt Phòng Khách Sạn Toàn Cầu</a></h3><span class='fs__12 jas-sale-pop-timeago'></span></div><span class='pe-7s-close pa fs__20'></span>";
    collection[6]="<a href='https://shorten.asia/2f9wzQg5' class='jas-sale-pop-img mr__20'><img src='https://pngset.com/images/hands-click-icon-click-icon-svg-label-text-hammer-tool-transparent-png-503660.png' alt='Đặt Vé Máy Bay Giá Rẻ' width='65' height='84' /></a><div class='jas-sale-pop-content'><h3 class='mg__0 mt__5 mb__5 fs__18'><a href='https://shorten.asia/2f9wzQg5' title='Đặt Vé Máy Bay Giá Rẻ'>Đặt Vé Máy Bay Giá Rẻ</a></h3><span class='fs__12 jas-sale-pop-timeago'></span></div><span class='pe-7s-close pa fs__20'></span>";
    collection[7]="<a href='https://shorten.asia/DBgqCTj1' class='jas-sale-pop-img mr__20'><img src='https://pngset.com/images/hands-click-icon-click-icon-svg-label-text-hammer-tool-transparent-png-503660.png' alt='Bảo Hiểm Siêu Tốt' width='65' height='84' /></a><div class='jas-sale-pop-content'><h3 class='mg__0 mt__5 mb__5 fs__18'><a href='https://shorten.asia/DBgqCTj1' title='Bảo Hiểm Siêu Tốt'>Bảo Hiểm Siêu Tốt</a></h3><span class='fs__12 jas-sale-pop-timeago'></span></div><span class='pe-7s-close pa fs__20'></span>";
    fisherYates(collection);
    function SalesPop() {
        if ($('.jas-sale-pop').length < 0)
            return;
        setInterval(function() {
            $('.jas-sale-pop').fadeIn(function() {
                $(this).removeClass('slideUp');
            }).delay(10000).fadeIn(function() {
                var randomTime = ['1 phút', '5 phút', '10 phút', '12 phút', '14 phút', '16 phút', '18 phút', '20 phút', '25 phút', '4 phút', '3 phút', '7 phút', '8 phút', '42 phút', '45 phút', '50 phút', '1 giờ', '2 giờ', '3 giờ'],
                    randomTimeAgo = Math.floor(Math.random() * randomTime.length),
                    randomProduct = Math.floor(Math.random() * collection.length),
                    randomShowP = collection[randomProduct],
                    TimeAgo = randomTime[randomTimeAgo];
                $(".jas-sale-pop").html(randomShowP);
                $('.jas-sale-pop-timeago').text('Vừa truy cập cách đây ' + TimeAgo);
                $(this).addClass('slideUp');
                $('.pe-7s-close').on('click', function() {
                    $('.jas-sale-pop').remove();
                });
            }).delay(15000);
        }, 5000);
    }
//]]></script>

<!--End Quang cao sale popup -->   

Nếu bạn muốn thêm mô tả ngắn về xe đạp như Hãng / Kích thước bánh / Chất liệu khung / Số lượng líp / Loại tay thắng / Thương hiệu /,...

Có thể tùy biến từ code giá bán nhé.

Chúc bạn thành công & kiếm được tiền từ việc đam mê & viết content, giới thiệu tiếp thị thu hút độc giả có nhu cầu tìm mua các loại xe đạp thể thao giá rẻ và xe đạp thể thao cao cấp phù hợp với nhu cầu sử dụng.

PS : 

Các template blogspot có cấu trúc tương tự :

  • Loco Blogger Template [ Trang giới thiệu và tiếp thị mẫu Giày Chạy Bộ : giaychayboplus.blogspot.com ]
  • Amalia Blogger Template 
  • Template Blogger MoNo [ Tiếp Thị Smart Phone : dienthoaiplus.blogspot.com ]
  • Aaru Blogger Template
  • Codeify Blogger Template
  • Embe Blogger Template
  • Value Blogger Template

Ý tưởng nghiên cứu kỹ thuật chuyển đổi  :

Chèn nút " tới nơi bán " vào dạng trang blog không thiết kế sẵn nút " Read More "  trang ví dụ điển hình :

  1. GNews Blogger Template
  2. Foodify Blogger Template

& kỹ thuật chuyển đổi sang blog tiếp thị liên kết, dạng blog bán hàng có nút giỏ hàng với trang ví dụ điển hình :

  1. SoraShop Blogger Template 
  2. EasyCart Blogger Template
  3. uBook Blogger Template
  4. Sora Store Blogger Template
  5. Shopingo Blogger Template