Code đăng bài viết Blogspot dạng Post Grid, List kết hợp sidebar ẩn hiện bên trái, sidebar cố định bên phải.
Kiểu đăng bài viết dạng Post Grid, List kết hợp sidebar ẩn hiện bên trái, sidebar cố định bên phải phù hợp dùng quảng bá - bán sản phẩm tiếp thị liên kết có nhiều sản phẩm phong phú & đa dạng.
Đầu tiên là code làm nổi bật tiêu đề - nội dung văn bản :
<div style='margin-bottom:10px;margin-top:10px;font-family: Georgia,serif;font-size: 18px;letter-spacing: 2px;word-spacing: 2px;color: #1A0D00;font-weight: normal;text-decoration: none;font-style: oblique;text-transform: none;background-color: #FFFFE6;text-align: justify'>
Nội dung - tiêu đề nổi bật
</div>
<!--Css sticky sidebar cố định bên phải -->
<style>
.menu-float-right {
width: 100px;
position: fixed;
top: 45%;
right: 0;
z-index: 99999;
}
.menu-float-right #group {
position: absolute;
right: 0px;
}
.menu-float-right ul {
padding: 0;
}
.menu-float-right #group ul li {
background: #5eb509;
position: relative;
border-radius: 3px;
border: 1px solid #fff;
list-style: none;
margin-bottom: 10px;
}
.menu-float-right #group ul li img {
width: 57px;
border-radius: 5px;
}
.menu-float-right #group ul li .mo-ta {
font-size: 9px;
text-align: center;
color: rgb(255, 255, 255);
position: absolute;
width: 90%;
left: 5%;
bottom: 5%;
margin-bottom: 0px;
}
</style>
<!--End Css sticky sidebar cố định bên phải -->
<!--Html sticky sidebar cố định bên phải-->
<div class='menu-float-right'>
<div id='group'>
<ul>
<li class='bang-gia'>
<center>
<!-- Code quảng cáo random -->
<div style='margin-bottom:10px;margin-top:10px;font-family: Georgia,serif;font-size: 10px;letter-spacing: 2px;word-spacing: 2px;color: #1A0D00;font-weight: normal;text-decoration: none;font-style: oblique;text-transform: none;background-color: #FFFFE6;text-align: justify'>
<a href="https://shorten.asia/XZyv8Gdz">
Vay<br/>
Tiêu<br/>
dùng<br/>
</a>
</div>
</center>
</li>
</ul>
</div>
</div>
<!--End Html sticky sidebar cố định bên phải-->
<!--Sidebar ẩn hiện bên trái -->
<style>/* <![CDATA[ */
.flex{display:-ms-flexbox;display:-webkit-flex;display:flex}.align-center{-webkit-align-items:center;align-items:center}
.flex-align{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-center{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center}
.text-center{text-align:center}
.w-50{float:left;width:50%}
.zalo-icon:before,.contact-icon:before{content:"";display:inline-block;vertical-align:middle;width:48px;height:48px;background-position:center center;background-repeat:no-repeat}
.zalo-icon:before{background-color:#018fe5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 97.4 87.2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23fff' d='M78.4,42c-1.4,0-2.4,0.6-3.2,1.7c-0.7,1-1,2.2-1,3.7c0,1.5,0.3,2.7,1,3.7c0.8,1.2,1.8,1.7,3.2,1.7 c1.4,0,2.5-0.6,3.2-1.7c0.7-1,1-2.2,1-3.7c0-1.4-0.3-2.6-1-3.6C80.8,42.6,79.7,42,78.4,42z' fill-rule='evenodd'%3E%3C/path%3E%3Cpath fill='%23fff' d='M48.8,0C21.9,0,0,19.5,0,43.6c0,11.9,5.4,22.7,14,30.6c2.2,2-5.4,10.5-9,11.3c10.4,2.9,20.7-3.4,23.2-2.4 c6.2,2.6,13.2,4,20.5,4c26.9,0,48.7-19.5,48.7-43.6C97.5,19.5,75.7,0,48.8,0z M27.8,58.2H14.6c-3.1,0-4.6-1.1-4.6-3.3 c0-1,0.6-2.4,1.8-4l11.8-15.6h-8.5c-3.1,0-4.7-1-4.7-3c0-2,1.6-3,4.7-3h11.2c3.8,0,5.7,1.1,5.7,3.2c0,1-0.6,2.3-1.9,4L18.5,52.2 h9.3c3.1,0,4.7,1,4.7,3C32.5,57.2,30.9,58.2,27.8,58.2z M54.9,53.8c0,3.1-1.1,4.7-3.2,4.7c-1.4,0-2.4-0.7-3.1-2.2 c-1.3,1.6-3.1,2.4-5.4,2.4c-2.9,0-5.3-1.2-7.2-3.5c-1.7-2.2-2.5-4.8-2.5-7.8c0-3,0.9-5.6,2.7-7.8c1.9-2.3,4.3-3.5,7.3-3.5 c2.2,0,3.9,0.8,5.1,2.3c0.7-1.4,1.8-2,3.1-2c2.1,0,3.2,1.5,3.2,4.6V53.8z M64.7,53.8c0,3.1-1.1,4.7-3.2,4.7c-2.1,0-3.2-1.6-3.2-4.7 V31.9c0-3.1,1.1-4.7,3.2-4.7c2.1,0,3.2,1.6,3.2,4.7V53.8z M78.4,58.9c-3.2,0-5.9-1.1-7.9-3.3c-2-2.2-3-4.9-3-8.1s1-6,3-8.1 c2-2.2,4.7-3.3,7.9-3.3c3.3,0,5.9,1.1,7.9,3.3c1.9,2.1,2.9,4.9,2.9,8.1s-1,6-2.9,8.1C84.2,57.8,81.6,58.9,78.4,58.9z' fill-rule='evenodd'%3E%3C/path%3E%3Cpath fill='%23fff' d='M44.4,42.2c-1.3,0-2.4,0.5-3.1,1.6c-0.7,1-1,2.1-1,3.5c0,1.4,0.3,2.6,1,3.6c0.8,1.1,1.8,1.7,3.2,1.7 c1.3,0,2.4-0.6,3.1-1.7c0.6-1,1-2.2,1-3.6c0-1.4-0.3-2.5-1-3.5C46.7,42.8,45.7,42.2,44.4,42.2z' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");background-size:55%}
.contact-icon:before{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.407%200h-21.1C.586%200%200%20.586%200%201.306v21.1c0%20.72.586%201.306%201.306%201.306h21.1c.72%200%201.306-.586%201.306-1.305V1.297C23.702.587%2023.117%200%2022.407%200zm-9.094%2018.046c0%20.41-.338.737-.738.737H3.9c-.41%200-.738-.337-.738-.737v-1.634c0-.408.337-.737.737-.737h8.675c.41%200%20.738.337.738.737v1.634zm7.246-5.79c0%20.408-.338.737-.738.737H3.89c-.41%200-.737-.338-.737-.737v-1.634c0-.41.337-.737.737-.737h15.923c.41%200%20.738.337.738.737v1.634h.01zm0-5.8c0%20.41-.338.738-.738.738H3.89c-.41%200-.737-.338-.737-.738V4.822c0-.408.337-.737.737-.737h15.923c.41%200%20.738.338.738.737v1.634h.01z%22/%3E%3C/svg%3E);background-color:#00aeef;background-size:43%}
.contact-module{position:fixed;top:50%;left:-450px;transform:translate(-0%,-50%);max-width:480px;z-index:20;transition:left .7s}
.contact-module:hover{left:0}
.contact-module-content{background:#fff;padding:20px;border-radius:0 4px 4px 0;box-shadow:rgba(0,0,0,0.3) 0 0 6px,rgba(0,0,0,0.15) 0 1px 6px}
.contact-module-content>div>div:nth-of-type(1){margin-bottom:20px}
.contact-module-content>div>div:nth-of-type(2){background:#dadce0;opacity:.7;padding:10px;border-radius:4px}
.contact-module-content>div>div:nth-of-type(2)>div:nth-of-type(2){width:2px;background:#00aeef;margin:0 10px}
.contact-text-wrapper h3{line-height:1.5;opacity:.8;text-transform:uppercase;cursor:default}
.contact-module-content a{color:#212529}
.contact-module-title{background:#00aeef;border:1px solid #00aeef;border-radius:0 4px 4px 0;color:#fff;width:30px;height:150px}
.contact-module-title>div{transform:rotate(-90deg);white-space:nowrap;letter-spacing:3px;font-size:90%;font-weight:500}
.contact-module-content .has-icon{width:48px;height:48px;border-radius:50%;overflow:hidden}
.contact-set a>div:nth-of-type(2){line-height:1.4}.contact-set h4{margin-bottom:5px}
.contact-text-wrapper>div:nth-of-type(3){line-height:1.6}
.contact-text-wrapper>div:nth-of-type(3) a{font-size:1.2rem;font-weight:500}
.contact-text-wrapper>div:nth-of-type(3) a+span{font-size:1.4rem;opacity:.7}
.is-divider{display:block;margin: .7em 0 .5em;background:rgba(0,0,0,0.1);width:100%;max-width:50px;height:2px}
/* ]]> */</style>
<!--Chen code sau duoi style nếu không cho hiển thị tren dien thoai
@media(min-width:1025px){.contact-module-title{cursor:pointer}}
@media(max-width:480px){.contact-module{display:none!important}}
-->
<div class='contact-module flex'>
<div class='flex-align'>
<div class='contact-module-content flex'>
<div>
<div class='contact-title'>
<div class='contact-text-wrapper'>
<div>
<h3 class='text-center'>
An tâm mua sắm tại nhà - giao hàng tận nơi - chẳng lo về giá </h3>
</div>
<div class='flex-center'>
<div class='is-divider'/>
</div>
<div class='text-center'>
<!--
<div><a href='tel:-' rel='nofollow'>-1-</a><span> | </span><a href='tel:-' rel='nofollow'>-2-</a></div>
<div><span>Email: Freelancervietlach@gmail.com</span></div>
-->
<!-- Code nút ngang dien thoai Zalo -->
<style>
.nut-ngang-chat-zalo {
background: #8eb22b;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
float:left;
}
.nut-ngang-chat-face {
background: #125c9e;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
float:left;
}
.nut-ngang-hotline {
background: #d11a59!important;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
float:left;
}
.nut-ngang-chat-zalo a, .nut-ngang-chat-face a, .nut-ngang-hotline a {
font-size: 15px;
color: white;
font-weight: 400;
text-transform: none;
line-height: 0;
}
}
</style>
<!--Chen code sau duoi style nếu không cho hiển thị tren dien thoai
@media (max-width: 549px){
.float-contact{
display:none
}
-->
<a href='https://shorten.asia/Xm3w3ZvW'>
<button class='nut-ngang-hotline'>
Món ăn vặt
</button>
</a>
<a href='https://shorten.asia/Pyxx3v2H'>
<button class='nut-ngang-chat-face'>
Đồ ăn liền
</button>
</a>
<a href='https://shorten.asia/UnEGSyBd'>
<button class='nut-ngang-hotline'>
Mì ăn liền
</button>
</a>
<a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://tiki.vn/cua-hang/dien-may-gia-dung-smilemart'>
<button class='nut-ngang-chat-zalo'>
Đồ Điện Gia Dụng
</button>
</a>
<a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://shopee.vn/kojimevn'>
<button class='nut-ngang-hotline'>
Đồ gia dụng tiện ích
</button>
</a>
<a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://shopee.vn/locknlockvn'>
<button class='nut-ngang-chat-face'>
Đồ Gia Dụng Nhà Bếp
</button>
</a>
<a href='https://go.isclix.com/deep_link/4442979790914282835?url=https://tiki.vn/cua-hang/dao-hai-san'>
<button class='nut-ngang-chat-zalo'>
Vựa Hải Sản - Cua Ghẹ Tươi Sống
</button>
</a>
<!-- End code nút ngang dien thoai Zalo -->
</div>
</div>
</div>
<!--
<div class='contact-set flex text-center'>
<div class='w-50'>
<a href='#' rel='noopener nofollow' target='_blank' title='Chat Zalo'>
<div class='flex-center'><span class='flex has-icon zalo-icon'/></div>
<div>
<h4>Chat Zalo</h4>
<p>Chat trực tuyến trên Zalo</p>
</div>
</a>
</div>
<div/>
<div class='w-50'>
<a href='#' title='Shop tại nhà'>
<div class='flex-center'><span class='has-icon contact-icon'/></div>
<div>
<h4>Gửi yêu cầu</h4>
<p>Chúng tôi sẽ phản hồi ngay khi nhận được yêu cầu</p>
</div>
</a>
</div>
</div>
-->
</div>
</div>
<div class='contact-module-title flex-center'>
<div>Shop tại nhà</div>
</div>
</div>
</div>
<!--End Sidebar ẩn hiện bên trái -->
Và code Bổ sung sản phẩm dạng lưới [ Grid Post ] :
<!--Chen random Post Image Gallery-->
<div style='margin-top: 10px;margin-bottom: 10px; font-family: Georgia,serif;font-size: 22px;letter-spacing: 2px;word-spacing: 2px;color: #1A0D00;font-weight: normal;text-decoration: none;font-style: oblique;font-variant: small-caps;text-transform: none;background-color: #FFFFE6;'>
<center>
Rèm Cửa Ngẫu Nhiên
</center> </div>
<!--
Nguồn :
https://dagruel.com/random-post-simple-image/
-->
<b:if cond='data:blog.isMobileRequest'>
<!-- hiển thị trên Mobile -->
<style>
#randPosx{list-style:none;margin:0;padding:0;overflow:hidden}
#randPosx li{width:calc(50% - 5px);float:left;margin:0 5px 5px 0;padding-top:50%;position:relative;overflow:hidden}
#randPosx li img{position:absolute;top:0;width:100%;height:100%;object-fit:fill }
#randPosx li span{position:absolute;bottom:0;right:0;left:0;color:#FFF;font-size:12px;line-height:normal;padding:6px;background:linear-gradient(to bottom, rgba(0, 0, 0, .05) 6%, rgba(0, 0, 0, .85) 70%)}
@media screen and (max-width: 680px){#randPosx li{width:calc(50% -5px)}}
</style>
<ul id='randPosx'>
<script type='text/javascript'>
//<![CDATA[
quotes2randPosxAds = new Array()
quotes2randPosxAds[0] = "Rèm cửa giá rẻ - may sẵn - rèm cửa cao cấp sang trọng lịch lãm"
quotes2randPosxAds[1] = "Rèm cửa giá rẻ - may sẵn - rèm cửa cao cấp sang trọng lịch lãm"
quotes2randPosxAds[2] = "Rèm cửa giá rẻ - may sẵn - rèm cửa cao cấp sang trọng lịch lãm"
randomquote2randPosxAds = Math.random() * (quotes2randPosxAds.length)
randomquote2randPosxAds = Math.floor(randomquote2randPosxAds)
var randContent = 4;
var randLabel = quotes2randPosxAds[randomquote2randPosxAds];
var randSite = "https://www.digitalnomad.vn/";
var randID = "randPosx";
function getRandomInt(t,e){return Math.floor(Math.random()*(e-t+1))+t}function shuffleArray(t){var e,n,r=t.length;if(0===r)return!1;for(;--r;)e=Math.floor(Math.random()*(r+1)),n=t[r],t[r]=t[e],t[e]=n;return t}function randPosx(t){var e=getRandomInt(1,t.feed.openSearch$totalResults.$t-randContent);"undefined"!=typeof randLabel?document.write('<script src="'+randSite+"/feeds/posts/default/-/"+randLabel+"?alt=json-in-script&start-index="+e+"&max-results="+randContent+'&callback=rePosx"><\/script>'):document.write('<script src="'+randSite+"/feeds/posts/default?alt=json-in-script&start-index="+e+"&max-results="+randContent+'&callback=rePosx"><\/script>')}function rePosx(t){for(var e,n,r,i=document.getElementById(randID),l=shuffleArray(t.feed.entry),o="",f=0,u=l.length;f<u;f++){for(var p=0,m=l[f].link.length;p<m;p++)e="alternate"==l[f].link[p].rel?l[f].link[p].href:"#",r=l[f].title.$t,"media$thumbnail"in l[f]?n=l[f].media$thumbnail.url.replace(/\/s[0-9]+(-c)?/,""):l[f].content.$t.match(/\<img.+src\=(?:\"|\')(.+?)(?:\"|\')(?:.+?)\>/)?(s=l[f].content.$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&&(n=d)):n="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8iC7T4EpjHF500uvAO8HeLnZr1DOzuXhayN9k6HEskdbwnsXNDMXvJaF2OHSt8Ay7nhuImYNRLNcOqHCUZn3iqZyTjqtZ90mMQfTwKa60WDNi30NciwL5l_BcSCw0k0gyBDy_U6TtLL8q/w300-h225-p-k-no-nu/dagruel-no-image.png";o+='<li><a href="'+e+'" title="'+r+'">'+('<img src="'+n+'"/>')+"<span>"+r+"</span></a></li>"}i.innerHTML=o}"undefined"!=typeof randLabel?document.write('<script src="'+randSite+"/feeds/posts/default/-/"+randLabel+'?alt=json-in-script&max-results=0&callback=randPosx"><\/script>'):document.write('<script src="'+randSite+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=randPosx"><\/script>');
//]]>
</script>
</ul>
<b:else/>
<!-- hiển thị trên PC -->
<style>
#randPosx{list-style:none;margin:0;padding:0;overflow:hidden}
#randPosx li{width:calc(32% - 5px);float:left;margin:0 5px 5px 0;padding-top:40%;position:relative;overflow:hidden}
#randPosx li img{position:absolute;top:0;width:100%;height:100%;object-fit:fill }
#randPosx li span{position:absolute;bottom:0;right:0;left:0;color:#FFF;font-size:12px;line-height:normal;padding:6px;background:linear-gradient(to bottom, rgba(0, 0, 0, .05) 6%, rgba(0, 0, 0, .85) 70%)}
@media screen and (max-width: 680px){#randPosx li{width:calc(50% -5px)}}
</style>
<ul id='randPosx'>
<script type='text/javascript'>
//<![CDATA[
quotes2randPosxAds = new Array()
quotes2randPosxAds[0] = "Rèm cửa giá rẻ - may sẵn - rèm cửa cao cấp sang trọng lịch lãm"
quotes2randPosxAds[1] = "Rèm cửa giá rẻ - may sẵn - rèm cửa cao cấp sang trọng lịch lãm"
quotes2randPosxAds[2] = "Rèm cửa giá rẻ - may sẵn - rèm cửa cao cấp sang trọng lịch lãm"
randomquote2randPosxAds = Math.random() * (quotes2randPosxAds.length)
randomquote2randPosxAds = Math.floor(randomquote2randPosxAds)
var randContent = 6;
var randLabel = quotes2randPosxAds[randomquote2randPosxAds];
var randSite = "https://www.digitalnomad.vn/";
var randID = "randPosx";
function getRandomInt(t,e){return Math.floor(Math.random()*(e-t+1))+t}function shuffleArray(t){var e,n,r=t.length;if(0===r)return!1;for(;--r;)e=Math.floor(Math.random()*(r+1)),n=t[r],t[r]=t[e],t[e]=n;return t}function randPosx(t){var e=getRandomInt(1,t.feed.openSearch$totalResults.$t-randContent);"undefined"!=typeof randLabel?document.write('<script src="'+randSite+"/feeds/posts/default/-/"+randLabel+"?alt=json-in-script&start-index="+e+"&max-results="+randContent+'&callback=rePosx"><\/script>'):document.write('<script src="'+randSite+"/feeds/posts/default?alt=json-in-script&start-index="+e+"&max-results="+randContent+'&callback=rePosx"><\/script>')}function rePosx(t){for(var e,n,r,i=document.getElementById(randID),l=shuffleArray(t.feed.entry),o="",f=0,u=l.length;f<u;f++){for(var p=0,m=l[f].link.length;p<m;p++)e="alternate"==l[f].link[p].rel?l[f].link[p].href:"#",r=l[f].title.$t,"media$thumbnail"in l[f]?n=l[f].media$thumbnail.url.replace(/\/s[0-9]+(-c)?/,""):l[f].content.$t.match(/\<img.+src\=(?:\"|\')(.+?)(?:\"|\')(?:.+?)\>/)?(s=l[f].content.$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&&(n=d)):n="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8iC7T4EpjHF500uvAO8HeLnZr1DOzuXhayN9k6HEskdbwnsXNDMXvJaF2OHSt8Ay7nhuImYNRLNcOqHCUZn3iqZyTjqtZ90mMQfTwKa60WDNi30NciwL5l_BcSCw0k0gyBDy_U6TtLL8q/w300-h225-p-k-no-nu/dagruel-no-image.png";o+='<li><a href="'+e+'" title="'+r+'">'+('<img src="'+n+'"/>')+"<span>"+r+"</span></a></li>"}i.innerHTML=o}"undefined"!=typeof randLabel?document.write('<script src="'+randSite+"/feeds/posts/default/-/"+randLabel+'?alt=json-in-script&max-results=0&callback=randPosx"><\/script>'):document.write('<script src="'+randSite+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=randPosx"><\/script>');
//]]>
</script>
</ul>
</b:if>
<!--End Chen random Post Image Gallery-->
Cuối cùng là code sản phẩm dạng danh sách [ List Post ] :
<script type="text/javascript"> function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitWsmRGEnj8HKsUtMDqvlMHTTqsMlUVubBNUeFbku_9UoyiyK0pEB2MR8Hl8QBtx0qWLAynEWFEsEo9SWtuyk8wJSp4NyIlElng45-m2SZVl6QCTVjAVnYw40VaCbnNu_b07Kz5NmfU6yr/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")} </script> <script type="text/javascript"> var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; var showcommentslink = false; var posts_date = true; var post_summary = true; var summary_chars = 70; </script> <script src="https://www.digitalnomad.vn/feeds/posts/default/-/Phụ kiện rèm cửa?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script> <a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href=" " rel="nofollow"> </a> <noscript>Your browser does not support JavaScript!</noscript> <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css' /> <style type="text/css"> img.recent-post-thumb{width:100px;height:100px;float:right;margin:5px -5px 5px 5px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;padding:3px;background: #fff} ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px;font:12px 'Ubuntu Condensed', sans-serif;margin: 5px 0px 5px 0px;} ul.recent-posts-container li:nth-child(1n+0) {background: #ffffff width: 100%} ul.recent-posts-container li:nth-child(2n+0) {background: # #ffffff; width: 100%} ul.recent-posts-container li:nth-child(3n+0) {background: # ffffff; width: 100%;} ul.recent-posts-container li:nth-child(4n+0) {background: # #ffffff; width: 100%;} ul.recent-posts-container li:nth-child(5n+0) {background:#ffffff F; width: 100%;} ul.recent-posts-container li {padding:5px 10px;list-style-type: none; margin: 0 0 -5px; color: #777;} .recent-posts-container a { text-decoration:none; } .recent-posts-container a:hover { color: #222;} .post-date {color:#e0c0c6; font-size: 11px; } .recent-post-title a {font-size: 14px;color: #444; font-weight: bold;} .recent-post-title {padding: 6px 0px;} .recent-posts-details a{ color: #222;} .recent-posts-details {padding: 5px 0px 5px; } </style>
