Khai thác tính năng đăng bài dạng Bbcode thiết kế shop bán hàng, kiếm tiền tại nhà với Affiliate trên nền tảng Blogspot
Trong các bài viết chia sẻ lần trước Gia Bảo đã giới thiệu với quý độc giả là các blogger viết lách, thích vọc code muốn tự tay thiết kế web bán hàng, tuỳ biến bài đăng sản phẩm, tin tức theo ý muốn. Dạng shop sử dụng nền tảng blogspot hỗ trợ việc kinh doanh online, có thể dễ dàng chuyển đổi sang dạng bài đăng bán hàng tiếp thị liên kết không cần sử dụng cấu trúc code khi đăng bài, các thông số, link hình ảnh, link affiliate được chèn vào phần liên kết tiêu đề & liên kết đính kèm.
Các template blogspot đăng bài dạng Bbcode được Gia Bảo ngâm cứu bao gồm các mẫu giao diện sau Evo, TramDeCor, SunMax,...
Ví dụ mẫu cấu trúc đăng bài template blogspot Evo dành cho shop kinh doanh & bán đồ nội thất :
BBcode đăng bài dạng tin tức :
- [tintuc] Nội dung [/tintuc]
BBcode đăng sản phẩm :
- [giaban] Giá bán (ví dụ 65,000đ) số tiền sử dụng dấu phẩy[/giaban]
- [giacu] Giá cũ nếu có (ví dụ 80,000đ) giá cũ phải lớn hơn giá bán để tạo % giảm giá [/giacu]
- [chitiet] Nội dung sản phẩm[/chitiet]
- [aff] Link liên kết / Link chuyển hướng tới gian hàng / Liên hệ mua sản phẩm [/aff]
Sau đây là code minh hoạ được trích từ template Evo bạn có thể tham khảo web thực tế : noithat.khoz. vn đây là dạng shop bán hàng blogspot kết hợp với nền tảng thiết kế web Ladipage.
<b:if cond='data:view.isPost'>
<script>//<![CDATA[
function chitietsp(e, t, n) {
var r = e.substring(7);
e = document.getElementById(e);
var i = ""
, s = e.getElementsByTagName("img");
1 <= s.length && (i = '<img src="' + s[0].src + '"/>');
var giacu = e.innerHTML.substring(e.innerHTML.indexOf("[giacu]") + 7, e.innerHTML.indexOf("[/giacu]"))
, giaban = e.innerHTML.substring(e.innerHTML.indexOf("[giaban]") + 8, e.innerHTML.indexOf("[/giaban]"));
giacuvalue = giacu.replace(/,/gi, ".");
giagocvalue = giaban.replace(/,/gi, ".");
giaban = " " + giaban + "";
if (-1 != e.innerHTML.indexOf("[giacu]")) var h = "Gi\u00e1 g\u1ed1c: ",
giacu = '<span class="old-price">Giá thị trường: <del class="price product-price-old">'+giacu+'</del></span>',
pp = parseInt(giacuvalue) - parseInt(giagocvalue),
p = '<span class="save-price hidden">Tiết kiệm: <span class="price product-price-save">'+pp+'</span>';
else giacu = h = "", p = "";
var chitiet = e.innerHTML.substring(e.innerHTML.indexOf("[chitiet]") + 9, e.innerHTML.indexOf("[/chitiet]"));
tintuc = e.innerHTML.substring(e.innerHTML.indexOf("[tintuc]") + 8, e.innerHTML.indexOf("[/tintuc]"));
tomtat = e.innerHTML.substring(e.innerHTML.indexOf("[tomtat]") + 8, e.innerHTML.indexOf("[/tomtat]"));
masp = -1 != e.innerHTML.indexOf("[masp]") ? e.innerHTML.substring(e.innerHTML.indexOf("[masp]") + 6, e.innerHTML.indexOf("[/masp]")) : "Affiliate Marketing";
ttrang = -1 != e.innerHTML.indexOf("[tinhtrang]") ? e.innerHTML.substring(e.innerHTML.indexOf("[tinhtrang]") + 11, e.innerHTML.indexOf("[/tinhtrang]")) : "Affiliate Marketing";
luachon = -1 != e.innerHTML.indexOf("[luachon]") ? e.innerHTML.substring(e.innerHTML.indexOf("[luachon]") + 9, e.innerHTML.indexOf("[/luachon]")) : "";
link = -1 != e.innerHTML.indexOf("[link]") ? e.innerHTML.substring(e.innerHTML.indexOf("[link]") + 6, e.innerHTML.indexOf("[/link]")) : "/p/lien-he.html";
aff = -1 != e.innerHTML.indexOf("[aff]") ? e.innerHTML.substring(e.innerHTML.indexOf("[aff]") + 5, e.innerHTML.indexOf("[/aff]")) : "";
var buttonbuy ='<button type="submit" data-role="addtocart" class="btn btn-lg btn-gray btn-cart btn_buy add_to_cart item_add"> <span class="txt-main"><i class="fa fa-cart-arrow-down padding-right-10"></i> Tới Nơi Bán</span> <span class="text-add">Uy Tín / Chất Lượng</span> </button>';
if (-1 != e.innerHTML.indexOf("[aff]")) {
var afflink = "window.open('" + aff + "', '_blank'); return false;";
var buttonbuy = '<button type="submit" onclick="'+afflink+'" class="btn btn-lg btn-gray btn-cart btn_buy add_to_cart item_add"> <span class="txt-main"><i class="fa fa-cart-arrow-down padding-right-10"></i> Tới Nơi Bán</span> <span class="text-add">Uy Tín / Chất Lượng</span> </button>';
}
shopnoithat4 = '<div><h3><strong>Kênh bán hàng ứng dụng công nghệ 4.0 trên Internet, tự động kết nối tới các gian hàng chuyên cung cấp sản phẩm nội thất, mua nhiều bán chạy, nơi giúp khách hàng chọn lựa đúng loại sản phẩm, đúng chất lượng, đúng giá & đúng yêu cầu</strong></h3><p>Showroom Online giới thiệu hàng loạt các sản phẩm với thiết kế theo xu hướng mới nhất trên thị trường nội thất hiện nay với kiểu dáng tinh tế, hiện đại, mang tính thẩm mỹ cao như: bàn ghế sofa, bàn ăn, thảm trang trí, thiết bị vệ sinh mạ vàng đèn trang trí, giấy dán tường, tranh treo tường, hoa và những phụ kiện trang trí...</p></div><div><h3><strong>Niềm tin được đặt đúng chỗ khi đến với noithat.khoz.vn</strong></h3><p>Siêu thị nội thất Online Nơi giới thiệu những sản phẩm chất lượng tốt nhất, luôn cập nhật mặt hàng nội thất theo kiểu dáng, mẫu mã và thiết kế mới nhất, nắm bắt nhanh và theo kịp những xu hướng trang trí nội thất mới nhất.</p></div>';
gioithieu = '<div><h3><strong>Noithat.khoz.vn shop kinh doanh nội thất, bán hàng online theo mô hình Affiliate Marketing</strong></h3><p>Cách thức kiếm tiền tại nhà hiệu quả ứng dụng công nghệ 4.0</p></div><div><h3><strong>Giúp kết nối người mua với người bán hàng trực tuyến thông qua phương thức, cách làm marketing online</strong></h3><p>Sử dụng kỹ năng viết content, seo web kết hợp kỹ thuật và công nghệ thiết kế web hỗ trợ mở shop có tính năng kép giúp chủ blog/shop vừa có thể kinh doanh bằng cách bán sản phẩm của mình, lại vừa có thể bán các sản phẩm làm tiếp thị, kiếm tiền online trên thế giới mạng.</p></div>';
clickok = "var result = document.getElementById('qty'); var qty = result.value; if( !isNaN(qty)) result.value++;return false;";
clickokk = "var result = document.getElementById('qty'); var qty = result.value; if( !isNaN(qty) & qty > 1 ) result.value--;return false;";
var hinh = e.getElementsByTagName("img").length,
himg = '<div class="fixs"><img src="' + s[0].src + '" data-image="' + s[0].src + '" alt="'+t+'" class="item_thumb"></div>';
hinh > 1 && (himg += '<div class="fixs"><img src="' + s[1].src + '" data-image="' + s[1].src + '" alt="'+t+'"></div>');
hinh > 2 && (himg += '<div class="fixs"><img src="' + s[2].src + '" data-image="' + s[2].src + '" alt="'+t+'"></div>');
hinh > 3 && (himg += '<div class="fixs"><img src="' + s[3].src + '" data-image="' + s[3].src + '" alt="'+t+'"></div>');
hinh > 4 && (himg += '<div class="fixs"><img src="' + s[4].src + '" data-image="' + s[4].src + '" alt="'+t+'"></div>');
hinh > 5 && (himg += '<div class="fixs"><img src="' + s[5].src + '" data-image="' + s[5].src + '" alt="'+t+'"></div>');
hinh > 6 && (himg += '<div class="fixs"><img src="' + s[6].src + '" data-image="' + s[6].src + '" alt="'+t+'"></div>');
var slide = '<a href="'+s[0].src+'" title="'+t+'"><img src="'+s[0].src+'" data-image="' + s[0].src + '" class="img-responsive center-block" alt="'+t+'"/></a>';
hinh > 1 && (slide += '<a href="'+s[1].src+'" title="'+t+'"><img src="'+s[1].src+'" data-image="' + s[1].src + '" class="img-responsive center-block" alt="'+t+'"/></a>');
hinh > 2 && (slide += '<a href="'+s[2].src+'" title="'+t+'"><img src="'+s[2].src+'" data-image="' + s[2].src + '" class="img-responsive center-block" alt="'+t+'"/></a>');
hinh > 3 && (slide += '<<a href="'+s[3].src+'" title="'+t+'"><img src="'+s[3].src+'" data-image="' + s[3].src + '" class="img-responsive center-block" alt="'+t+'"/></a>');
hinh > 4 && (slide += '<a href="'+s[4].src+'" title="'+t+'"><img src="'+s[4].src+'" data-image="' + s[4].src + '" class="img-responsive center-block" alt="'+t+'"/></a>');
hinh > 5 && (slide += '<a href="'+s[5].src+'" title="'+t+'"><img src="'+s[5].src+'" data-image="' + s[5].src + '" class="img-responsive center-block" alt="'+t+'"/></a>');
hinh > 6 && (slide += '<a href="'+s[6].src+'" title="'+t+'"><img src="'+s[6].src+'" data-image="' + s[6].src + '" class="img-responsive center-block" alt="'+t+'"/></a>');
e.innerHTML = -1 != e.innerHTML.indexOf("[tintuc]") ? '<div class="col-xs-12 col-sm-8 col-lg-9 col-md-9 evo-article margin-bottom-10"> <article> <div class="article-main"> <h1 class="title-head">'+t+'</h1> <div class="head-info-article postby"> <div class="social_share_article"> <div class="share"> <div class="fb-like" data-layout="button_count" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div> </div> </div> </div> <div class="article-details"> <div class="article-content" itemprop="description"> <div class="rte"> '+tintuc+' </div> '+fbcm+' </div> </div> </div> </article> </div>' : '<div class="simpleCart_shelfItem row"> <div class="col-xs-12 col-sm-12 col-lg-12 col-md-12 details-pro"> <div class="product-top clearfix"> <h1 class="title-head item_name" id="doititle">'+t+'</h1> <div class="sku-product"> Shop Nội Thất 4.0 : <span class="variant-sku">'+masp+'</span> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-lg-6 col-md-6"> <div class="relative product-image-block"> <div class="slider-big-video clearfix margin-bottom-10"> <div class="slider slider-for">'+slide+'</div> </div> <div class="slider-has-video clearfix"><div class="slider slider-nav"> '+himg+' </div> </div> </div> </div> <div class="col-xs-12 col-sm-6 details-pro"> <div> <div class="price-box clearfix"> <div class="special-price"> <span id="doigia" class="price product-price item_price">'+giaban+'</span>'+giacu+' '+p+'</div> </div> </div> <div class="evo-product-summary product_description margin-bottom-10 margin-top-20"> <div class="rte description">'+removeHtmlTag(chitiet, 250)+'</div> </div> <div class="form-product"> <form action="javascript:void(0);" id="add-to-cart-form" class="clearfix form-inline has-validation-callback"> <div class="clearfix form-group "> <div class="qty-ant clearfix custom-btn-number"> <label>Số lượng</label> <div class="custom custom-btn-numbers form-control"> <button onclick="'+clickokk+'" class="btn-minus btn-cts" type="button">–</button> <input type="text" maxlength="3" class="qty input-text item_quantity" id="qty" name="quantity" size="4" value="1"><button onclick="'+clickok+'" class="btn-plus btn-cts" type="button">+</button> </div> </div> <div class="btn-mua"> '+buttonbuy+' </div> </div> </form> </div> <div class="clearfix"></div> <div class="call-and-payment"> <div class="hotline_products"> Blog : <a href="#" title="">digitalnomad.vn </a> </div> <div class="payment_product"> <span class="payment_product_text">Hình Thức thanh toán phổ biến khi mua bán Online : </span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbYtXa6xRsCQdk4psf6of9d1Anmiw_Vy4B2bvzmm2i2YgkCkL-2JR159sjcbiNcWQLASS9VnH6gab-0QgqrmGH2eoq27wUSbMwIZIgQyauTC4HfOSqUJzmtnJP-2RlD7owFB28aIub-Cs2/s200/payment-1.png" > <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwrudMDpewKQvWEuVJSc2dU4hB1yv_MpreHG1EaLPO7n8AYFs-2XseqTwGvehMHPNQ2ZKma1y4EHmLLW0K6YHwSpjXmdr6rOHNPG9HJDMzeGsBq4njKFRZrN1F6ejpMXCue10bNeF5jjHs/s200/payment-2.png" > <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNKjyllnz7p9tJbnmrrzZqd6S2yDA0dWEm8G-eV8Iy5TNR-uc9_UOPqBctEb6me_OUr0pwj8jRrqrOY6R_Y9NkidHDemXDdhZIsYPyFVh1SrQcfv7VFhkA5ej8t2vgbwYWT3Xfz0YEcx0Z/s200/payment-3.png" > </div> </div> <div class="size-guide"> <button class="size-title" data-toggle="modal" data-target="#mySize" title="Kết Nối Cung Cầu"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDFnvUhjwrD1159IxyOcZsgVyAWW-aoPXgxSyBb86tYo8zl2WKNsXc6D7ufYDGbsVfhJSomkhlum51ALuqM7J9hK0a8DeMJ-M9nGnQ-gTsep-0WOTbN1_bcb9Gf14IAKl0dXJXp3WIWBZH/s320/hd.PNG" alt="Kết Nối Cung Cầu"> Kết Nối Cung Cầu</button> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDFnvUhjwrD1159IxyOcZsgVyAWW-aoPXgxSyBb86tYo8zl2WKNsXc6D7ufYDGbsVfhJSomkhlum51ALuqM7J9hK0a8DeMJ-M9nGnQ-gTsep-0WOTbN1_bcb9Gf14IAKl0dXJXp3WIWBZH/s25/hd.PNG" alt="Gỗ ghép phủ laminate"><a href="https://noithat.khoz.vn/2022/01/go-ghep-phu-laminateSNo785.html">Gỗ Ghép Phủ Laminate</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDFnvUhjwrD1159IxyOcZsgVyAWW-aoPXgxSyBb86tYo8zl2WKNsXc6D7ufYDGbsVfhJSomkhlum51ALuqM7J9hK0a8DeMJ-M9nGnQ-gTsep-0WOTbN1_bcb9Gf14IAKl0dXJXp3WIWBZH/s25/hd.PNG" alt="Chi Tiết Gỗ"><a href="https://noithat.khoz.vn/search/label/0-chi-tiet-go">Chi Tiết Gỗ</a> </div> </div> </div> <div class="col-xs-12 col-sm-8 col-lg-9 col-md-9 margin-top-20"> <div class="product-tab e-tabs padding-bottom-10"> <div class="border-ghghg margin-bottom-10"> <ul class="tabs tabs-title clearfix"> <li class="tab-link" data-tab="tab-1"> <h3><span>Shop Nội Thất 4.0</span></h3> </li> <li class="tab-link" data-tab="tab-2"> <h3>Giới thiệu</h3> </li> </ul> </div> <div id="tab-1" class="tab-content"> <div class="rte"> <p>'+shopnoithat4+chitiet+'</p> '+fbcm+'</div> </div> <div id="tab-2" class="tab-content"> <div class="rte">'+gioithieu+'</div> </div> </div> </div> </div> ';
}
function relatedproduct(e) {
j = showRandomImg ? Math.floor((imgr.length + 1) * Math.random()) : 0;
img = [];
for (var t = 0; t < e.feed.entry.length; t++) var n = e.feed.entry[t].content.$t;
for (n = 0; n < e.feed.entry.length; n++) {
var r = e.feed.entry[n],
i = r.title.$t,
o;
var plabel = ' <a class="label-link" href="/search/label/'+r.category[0].term+'">'+r.category[0].term+'</a> ';
if (n == e.feed.entry.length) break;
for (var u = 0; u < r.link.length; u++) if ("alternate" == r.link[u].rel) {
o = r.link[u].href;
break
}
for (u = 0; u < r.link.length; u++) if ("replies" == r.link[u].rel && "text/html" == r.link[u].type) {
r.link[u].title.split(" ");
break
}
var t = "content" in r ? r.content.$t: "summary" in r ? r.summary.$t: "";
var giacu = -1 != t.indexOf("[giacu]") ? t.substring(t.indexOf("[giacu]") + 7, t.indexOf("[/giacu]")) : "";
var giaban = -1 != t.indexOf("[giaban]") ? t.substring(t.indexOf("[giaban]") + 8, t.indexOf("[/giaban]")) : "";
giacuvalue = giacu.replace(/,/gi, "");
giabanvalue = giaban.replace(/,/gi, "");
giaban = " " + giaban + "";
if (-1 != t.indexOf("[giacu]"))
var qq = parseInt(giacuvalue) - parseInt(giabanvalue),
ww = qq/parseInt(giacuvalue),
ee = ww * 100,
rr = ee.toFixed(0) + "%",
tt = '<span class="discount-label discount-label--green">-'+rr+'</span>';
else tt = "";
postdate = r.published.$t;
j > imgr.length - 1 && (j = 0);
img[n] = imgr[j];
s = t;
a = s.indexOf("<img");
b = s.indexOf('src="', a);
c = s.indexOf('"', b + 5);
d = s.substr(b + 5, c - b - 5); - 1 != a && -1 != b && -1 != c && "" != d && (img[n] = d);
r = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
postdate.split("-")[2].substring(0, 2);
u = postdate.split("-")[1];
postdate.split("-");
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["01","02","03","04","05","06","07","08","09","10","11","12"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ '/' + m + '/' + y;
for (var f = t.substring(t.indexOf("[giaban]") + 8, t.indexOf("[/giaban]")), l = 0; l < r.length && parseInt(u) != r[l]; l++); - 1 != t.indexOf("[tintuc]") ? document.write('<div class="evo-product-slide-item simpleCart_shelfItem"> <div class="product-img"> <a href="'+o+'" title="'+i+'" class="image-resize"><img class="lazy" alt="'+i+'" data-src="' + img[n] + '" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"/></a> </div> <div class="product-detail clearfix"> <h3 class="pro-name"> <a href="'+o+'" title="'+i+'" class="item_name">'+i+'</a></h3> </div> </div>') : document.write('<div class="evo-product-slide-item simpleCart_shelfItem"> <div class="product-img"> <a href="'+o+'" title="'+i+'" class="image-resize"><img class="lazy item_thumb" alt="'+i+'" data-src="' + img[n] + '" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"/></a> </div> <div class="product-detail clearfix"> <h3 class="pro-name"> <a href="'+o+'" title="'+i+'" class="item_name">'+i+'</a></h3> <div class="box-pro-prices"> <p class="pro-price"><span class="price item_price">'+f+'</span> <span class="pro-price-del"><del class="compare-price">'+giacu+'</del> </span> </p> </div> </div> </div>');
j++
}
}
function labelbanthich(e) {
j = showRandomImg ? Math.floor((imgr.length + 1) * Math.random()) : 0;
img = [];
for (var t = 0; t < e.feed.entry.length; t++) {
if(t == 0){
document.write('');
}
var n = e.feed.entry[t]
, r = n.title.$t
, i, o = n.id.$t.split("post-");
if (t == e.feed.entry.length) break;
for (var u = 0; u < n.link.length; u++)
if ("alternate" == n.link[u].rel) {
i = n.link[u].href;
break
}
for (u = 0; u < n.link.length; u++)
if ("replies" == n.link[u].rel && "text/html" == n.link[u].type) {
n.link[u].title.split(" ");
break
}
u = "content" in n ? n.content.$t : "summary" in n ? n.summary.$t : "";
var giacu = -1 != u.indexOf("[giacu]") ? u.substring(u.indexOf("[giacu]") + 7, u.indexOf("[/giacu]")) : "";
var giaban = -1 != u.indexOf("[giaban]") ? u.substring(u.indexOf("[giaban]") + 8, u.indexOf("[/giaban]")) : "";
postdate = n.published.$t;
j > imgr.length - 1 && (j = 0);
img[t] = imgr[j];
s = u;
a = s.indexOf("<img");
b = s.indexOf('src="', a);
c = s.indexOf('"', b + 5);
d = s.substr(b + 5, c - b - 5); - 1 != a && -1 != b && -1 != c && "" != d && (img[t] = d);
n = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
postdate.split("-")[2].substring(0, 2);
u = postdate.split("-")[1];
postdate.split("-");
for (var f = 0; f < n.length && parseInt(u) != n[f]; f++);
r = '<div class="list-bestsell-item"> <div class="thumbnail-container clearfix"> <div class="product-image"> <a href="'+i+'" title="'+r+'"><img class="img-responsive" src="//cdn.jsdelivr.net/gh/minhkhoi2001/style/loading.svg" data-lazyload="' + img[t] + '" alt="'+r+'"></a> </div> <div class="product-meta"> <h3><a href="'+i+'" title="'+r+'">'+r+'</a></h3> <div class="bizweb-product-reviews-badge" style="color: #feb10d !important;"> <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i> </div> <div class="product-price-and-shipping"><span class="price">'+giaban+'</span><span class="regular-price">'+giacu+'</span></div> </div> </div> </div>';
document.write(r);
j++
}
}
function labelhuongdan(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
if (numposts5 <= json.feed.entry.length) {
maxpost = numposts1;
}
else
{
maxpost=json.feed.entry.length;
}
for (var i = 0; i < maxpost; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ;
tintuc = -1 != s.indexOf("[tintuc]") ? s.substring(s.indexOf("[tintuc]") + 8, s.indexOf("[/tintuc]")) : "";
a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var plabel = ' <a class="label-link" href="/search/label/'+entry.category[0].term+'">'+entry.category[0].term+'</a> ';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["1","2","3","4","5","6","7","8","9","10","11","12"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ '/' + m + '/' + y ;
var trtd = '<li><i class="fa fa-angle-right" aria-hidden="true"></i> <a href="'+posturl+'" title="'+posttitle+'">'+posttitle+'</a></li>';
document.write(trtd);
j++
}
}
//]]></script></b:if>
Bạn có thể tối giản chỉnh sửa lại đoạn code giúp bạn có thể sử dụng để tuỳ biến Blog/Web của mình.
Nội dung đang được cập nhật,...
Cách Sử dụng :
Nội dung đang được cập nhật,...
Kết luận : Nếu bạn am hiểu, rành code web có thể ứng dụng kiểu đăng bài dạng Bbcode, so với dạng bài đăng sử dụng các thông số, dữ liệu sản phẩm từ liên kết tiêu đề & đính kèm. Kiểu bài đăng dạng BBcode dễ dàng chỉnh sửa nội dung đăng bài, xuất bản sản phẩm một cách nhanh chóng & thuận tiện. Tuy nhiên lưu ý khi thay thế template cần tuỳ biến lại code hiển thị cho phù hợp.
Ghi chú :
BBCode là các mã bổ sung cho HTML có cấu trúc chung dạng :
- [ Ký hiệu code ] nội dung [ / Ký hiệu code ]
Được dùng tương tự cấu trúc ShortCode, giúp rút gọn tối giản code khi đăng bài, giúp tự động hóa, giản tiện, công việc viết code dạng html khi soạn thảo nội dung trên trang đăng bài trên blogspot.
