(Vietmkt360.com) - Cũng đã lâu rồi Vietmkt360 không viết về Thủ thuật Blogspot và cụ thể là tạo Widget Blogspot . Thời gian gần đây nhiều bạn hỏi mình cách tạo quảng cáo góc màn hình như thế nào mà làm cho tốc độ load trang nhanh nhất ! Hôm nay mình sẽ gửi đến các bạn thủ thuật Tạo quảng cáo góc màn hình . Code popup tạo quảng cáo này không dùng .JS nên không ảnh hưởng đến tốc độ load trang , rất hữu ích và đẹp mắt 

Ảnh minh họa :



Cách thực hiện :
1. Đăng nhập Blogger
2. Thêm tiện ích

 Blogspot : Chọn bố cục --> Thêm tiện ích HTML/JavaScrip và dán code bên dưới vào 
 - Website : Bạn thêm đoạn code sau lên trên thẻ đóng </body>
  • Đối với quảng cáo góc phải màn hình cho Blogspot



<script type="text/javascript">

function hide_float_right() {

    var content = document.getElementById('float_content_right');

    var hide = document.getElementById('hide_float_right');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt quảng cáo [X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Xem quảng cáo...</a>';

    }

    }

</script>

<style>

.float-ck { position: fixed; bottom: 0px; z-index: 9000}

* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

#float_content_right {border: 1px solid #01AEF0;}

#hide_float_right {text-align:right; font-size: 11px;}

#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<div class="float-ck" style="right: 0px" >

<div id="hide_float_right">

<a href="javascript:hide_float_right()">Tắt Quảng Cáo [X]</a></div>

<div id="float_content_right">

<!-- Start quang cao-->

  <a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>

<!-- End quang cao -->

</div>

</div>
  • Đối với quảng cáo góc phải màn hình cho Website

<script type="text/javascript">

function hide_float_right() {

    var content = document.getElementById('float_content_right');

    var hide = document.getElementById('hide_float_right');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt quảng cáo [X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Xem quảng cáo...</a>';

    }

    }

</script>

<style>

.float-ck { position: fixed; bottom: 0px; z-index: 9000}

* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

#float_content_right {border: 1px solid #01AEF0;}

#hide_float_right {text-align:right; font-size: 11px;}

#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<div class="float-ck" style="right: 0px" >

<div id="hide_float_right">

<a href="javascript:hide_float_right()">Tắt Quảng Cáo [X]</a></div>

<div id="float_content_right">

<!-- Start quang cao-->
 <a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>

<!-- End quang cao -->

</div>

</div>
  • Đối với quảng cáo góc trái màn hình cho Blogspot

<script type="text/javascript">

function hide_float_left() {

    var content = document.getElementById('float_content_left');

    var hide = document.getElementById('hide_float_left');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Tắt quảng cáo [X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Xem quảng cáo...</a>';

    }

    }

</script>

<style>

.float-ck { position: fixed; bottom: 0px; z-index: 9000}

* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

#float_content_left {border: 1px solid #01AEF0;}

#hide_float_left {text-align:left; font-size: 11px;}

#hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<div class="float-ck" style="left: 0px" >

    <div id="hide_float_left">

<a href="javascript:hide_float_left()">Tắt Quảng Cáo [X]</a></div>

<div id="float_content_left">

<!-- Start quang cao-->

     <a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>

<!-- End quang cao -->

</div>

</div>
  • Đối với quảng cáo góc trái màn hình cho
<script type="text/javascript">

function hide_float_left() {

    var content = document.getElementById('float_content_left');

    var hide = document.getElementById('hide_float_left');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Tắt quảng cáo [X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Xem quảng cáo...</a>';

    }

    }

</script>

<style>

.float-ck { position: fixed; bottom: 0px; z-index: 9000}

* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

#float_content_left {border: 1px solid #01AEF0;}

#hide_float_left {text-align:left; font-size: 11px;}

#hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<div class="float-ck" style="left: 0px" >

    <div id="hide_float_left">

<a href="javascript:hide_float_left()">Tắt Quảng Cáo [X]</a></div>

<div id="float_content_left">

<!-- Start quang cao-->

   <a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>

<!-- End quang cao -->

</div>

</div>
 - Chú ý : Những đoạn mình đổi màu các bạn thay đổi cho phù hợp với Website/blog của mình . Các bạn có thể thay đổi bằng các đoạn mã code khác như : code quảng cáo của Google adsense , code tăng like...
Chúc các bạn thành công .


Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Trước đây Vietmkt360 cũng chia sẻ đến các bạn một số thủ thuật tạo thanh menu khá bắt mắt và có tính thẩm mỹ :


Hôm nay Vietmkt360 sẽ giới thiệu đến các bạn thêm một Thủ thuật tao thanh menu với hiệu ứng 3D trơn tru với jquery. Với hiệu ứng 3D của thủ thuật này Blog của bạn sẽ hoàn toàn mới lạ và hấp dẫn hơn rất nhiều !


Cách thực hiện :
1. Đăng nhập Blogger
2. Chọn mẫu ==> Chỉnh sửa HTML
3. Dán code dưới đây sau 
]]></b:skin>
<style>

@import url(http://fonts.googleapis.com/css?family=Raleway);


#cssmenu,


#cssmenu ul,


#cssmenu ul li,


#cssmenu ul li a,


#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


#cssmenu:after,


#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}


#cssmenu #menu-button {display: none;}


#cssmenu {width: auto;font-family: Raleway, sans-serif;line-height: 1;}


#cssmenu > ul {background: #3db2e1;}


#cssmenu > ul > li {float: left;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;}


#cssmenu.align-center > ul {font-size: 0;text-align: center;}


#cssmenu.align-center > ul > li {display: inline-block;float: none;}


#cssmenu.align-right > ul > li {float: right;}


#cssmenu > ul > li > a {padding: 16px 20px;font-size: 14px;color: #ffffff;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;background: #3db2e1;-webkit-transition: all .3s;-moz-transition: all .3s;


  -o-transition: all .3s;transition: all .3s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;


}


#cssmenu > ul > li.active > a {color: #dff2fa;


}


#cssmenu > ul > li:hover > a,


#cssmenu > ul > li > a:hover {color: #dff2fa;-webkit-transform: rotateX(90deg) translateY(-23px);-moz-transform: rotateX(90deg) translateY(-23px);transform: rotateX(90deg) translateY(-23px);


  -ms-transform: none;


}


#cssmenu > ul > li > a::before {position: absolute;top: 100%;left: 0;z-index: -1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;padding: 16px 20px;color: #dff2fa;background: #19799f;content: attr(data-title);


  -webkit-transition: background 0.3s;-moz-transition: background 0.3s;transition: background 0.3s;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg);


  -webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-ms-transform: translateY(- -18px);


}


#cssmenu > ul > li:hover > a::before,


#cssmenu > ul > li > a:hover::before { background: #3db2e1;}


#cssmenu.small-screen {width: 100%;}


#cssmenu.small-screen > ul,


#cssmenu.small-screen.align-center > ul {


  width: 100%;


  text-align: left;


}


#cssmenu.small-screen > ul > li,


#cssmenu.small-screen.align-center {


  float: none;


  display: block;


  border-top: 1px solid rgba(100, 100, 100, 0.1);


}


#cssmenu.small-screen > ul > li:hover > a,


#cssmenu.small-screen > ul > li > a:hover {


  color: #dff2fa;


  -webkit-transform: none;


  -moz-transform: none;


  transform: none;


  -ms-transform: none;


}


#cssmenu.small-screen > ul > li > a::before {


  display: none;


}


#cssmenu.small-screen #menu-button {


  display: block;padding: 16px 20px;cursor: pointer;font-size: 14px;text-decoration: none;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;background: #3db2e1;}


#cssmenu.small-screen #menu-button:after {


  content: "";position: absolute;right: 20px;top: 17px;display: block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;width: 22px;height: 3px;


}


#cssmenu.small-screen #menu-button.menu-opened:after {


  border-top: 2px solid #dff2fa;


  border-bottom: 2px solid #dff2fa;


}


#cssmenu.small-screen #menu-button:before {


  content: "";position: absolute;right: 20px;top: 27px;display: block;width: 22px;


  height: 2px;


  background: #ffffff;


}


#cssmenu.small-screen #menu-button.menu-opened:before {


  background: #dff2fa;


}










  </style>




<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script charset='utf-8' src='http://preview.bloggertrix.com/3d_cssmenu/script.js' type='text/javascript'/> 
4. Lưu lại 
5. Chọn bố cục --> Thêm tiện ích HTML/JavaScrip và dán code bên dưới vào

<div id='cssmenu'>


<ul>


   <li class='active'><a href='#'>Home</a></li>


   <li><a href='
http://vietmkt360.com/'>Vietmkt360</a></li>

   <li><a href='
http://vietmkt360.com/'>Vietmkt360</a></li>

   <li><a href='
http://vietmkt360.com/'>Vietmkt360</a></li>

</ul>


</div>
Các bạn sửa lại cho phù hợp với Blog của mình
6. Lưu lại tiện ích HTML/JavaScrip
Chúc các bạn thành công !!!!!!!!!!!!!!!!!!!!!!!
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Bạn đã đăng ký và sử dụng Cloudflare cho website hay blogspot blogger của mình chưa?
Website làm bằng Blogger hay Blogspot của bạn bị các nhà mạng tại Việt Nam là VNPT, Viettel, FPT...chặn và không thể truy cập được, cách duy nhất có thể truy cập được đó là chuyển đổi DNS trong cài đặt tên miền hoặc đổi DNS Proxy trong cài đặt mạng ở máy tính bạn, nhưng có lúc được lúc không và bạn phải liên tục thay đổi và cực kỳ ức chế. Hôm nay Vietmkt360 sẽ hướng dẫn bạn cách chuyển đổi và cài đặt tên miền của blogspot blogger của bạn sang máy chủ của Cloudflare và sẽ không bao giờ bị các nhà mạng ở Việt Nam chặn nữa. 

Cloudflare là gì?

CloudFlare là một dịch vụ proxy trung gian. Thay vì tên miền website của bạn kết nối trực tiếp vào máy chủ thông qua địa chỉ IP của máy chủ, ở Mắt bão thì xài của Mắt Bão, ở PA thì xài ở PA, ở Godaddy thì xài ở godaddy chẳng hạn, thì CloudFlare sẽ làm nhiệm vụ làm kết nối trung gian, nghĩa là mỗi lượt truy cập đều phải xử lý thông qua CloudFlare trước khi đến máy chủ chính thức của website bạn...ok thế là hiểu rồi nhé!

Cài đặt tên miền cho blogspot / blogger vào Cloudflare thế nào?

Đầu tiên các bạn cần truy cập vào địa chỉ trang chủ của Cloudflare làhttps://www.cloudflare.com và đăng ký một tài khoản Cloudflare tạihttps://www.cloudflare.com/sign-up.

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Giao diện trang chủ của Cloudflare thật đơn giản, bạn nên xem cái video để hiểu cơ bản về dịch vụ của họ nhé!

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Điền thông tin của bạn vào các khung và nhấp vào tạo mới tài khoản Creat account now để qua bước tiếp theo nhé!

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Bạn lập tức nhận được email xác nhận, tuy Cloudflare không cần bạn qua bước này, nhưng Vietmkt360 vẫn chỉ dẫn đầy đủ cho bạn!

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Nhập tên miền của bạn vào ô và nhấp Add websitenhé!

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Chờ khoảng 1 phút để Cloudflare nó quét thông tin tên miền cơ bản của website bạn đã!

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Sau khi quét xong bạn nhấp vào Continue và tiếp tục nhé!

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Cloudflare sẽ quét ra được như trên, ở cái khung màu Đỏ là phần nó sẽ quét ra được, còn phần trong khung màu Xanh là phần mà bạn cần phải điền vào nhé!

Thêm 2 record dưới dạng TXT này vào bản ghi ở trong khung Màu Xanh

  • MARK.NS.CLOUDFLARE.COM 
  • MARY.NS.CLOUDFLARE.COM

Cái CNAME màu Gạch gồm mấy ký tự như:

  • Name: ags2ikabnwgy
  • Host: gv-gnwe6v6xsiqc4v.dv.googlehosted.com.
lấy ở đâu? Chính là cái mã khi lúc đầu bạn cài đặt tên miền cho blogspot là thằng Google nó đã cung cấp rồi đó. Ai không biết vào CÀI ĐẶT TÊN MIỀN CHO BLOGSPOT để nhớ lại nhé!

Tiếp tục bước tiếp theo

Sau khi cài đặt xong, các bạn nhấp vào I've added all missing records, continue > và qua bước tiếp theo nhé!

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Ở phần Choose a plan chọn Free là được rồi, mình thấy nó cũng đã đầy đủ chức năng dành cho cả nhà rồi đó! Sau đó nhấp vào Contine tiếp tục nha!

Cloudflare sẽ cung cấp cho bạn Nameservers cũ (MÀU ĐỎ) của bạn là ở đâu và bạn cần thay đổi sang Nameservers mới (MÀU XANH)của nó là gì. Bạn cần vào phần quản trị tên miền của mình trước kia để yêu cầu thay đổi nha! Sau khi đổi xong thì mới nhấp vào I'v updated my nameservers, continue nhé!

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Chờ khoảng 10 phút cho đến 24 tiếng thì nó xác nhận, muốn nhanh thì chờ 5 phút rồi nhấp vào Re-test để nó kiểm tra lại nha!

Lúc nào mà ra cái biểu tượng tích màu xanh lá cây là coi như quá trình cài đặt đã xong rồi đó nhé cả nhà!

Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn
Vào Ping thử xem website của mình đã chuyển đổi qua máy chủ của Cloudflare chưa. Nếu như đã chuyển đổi qua thì coi như quá trình đã hoàn thành!

Kết luận về cài đặt Cài đặt Cloudflare cho tên miền Blogger / Blogspot không bị chặn

Vậy là đã xong quá trình đăng ký Cloudflare và cài đặt tên miền qua máy chủ Cloudflare cho blogspot blogger rồi. Cơ bản là hiện tại website blogger blogspot của bạn không còn bị mấy mạng Việt Nam như VNPT, FPT hay VIETTEL chặn nữa. Còn thực tế có chặn hay không thì mong mọi người thông báo và góp ý kiến dưới đây nhé! Ở đâu cài rồi mà vẫn bị chặn thì cần thông báo cho anh em ngay để cùng nhau xử lý. Chân thành cảm ơn!
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Bài viết này mình sẽ chia sẻ một style Sitemap Page 2 cột với phân trang cho Blogger (xem hình minh họa trên). Sau đây là các bước thực hiện thủ thuật:
Recent post với hình ảnh và đoạn trích có phân trang cho blogger
Recent post với hình ảnh và đoạn trích có phân trang cho blogger

Các bước thực hiện :
Bước 1: Tại trang quản trị, các bạn vào Trang, tạo một trang tĩnh mới.
Bước 2: Chuyển sang chế độ soạn HTML và dán đoạn code bên dưới vào phần nội dung:
<!--2 Column Sitemap by vietmkt360.blogspot.com--> 
<style scoped="" type="text/css">
#toc-outer {
color:black;
font:normal 11px/14px Arial,Sans-Serif;
height:auto;
margin:0 auto;
overflow:hidden;
padding:0;
text-align:left;
}

#loadingscript {
padding:0px 0px;
height:37px;
text-indent:-9999px;
color:transparent;
background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%;
}

.itemposts {
float: left;
height: auto;
overflow: hidden;
width: 47%;
box-shadow: 1px 1px 5px #C3C3C3;
background: none repeat scroll 0% 0% #F9F9F9;
border: 1px solid #FFF;
margin: 3px 5px 8px;
padding: 0px 3px;
}

.itemposts h6 {
border-bottom: 1px solid #CCC;
color: #333;
font: bold 12px Arial;
height: 15px;
overflow: hidden;
text-transform: none;
margin: 0px 0px 5px;
padding: 2px 6px !important;
}

.itemposts h6 a:hover {
color:#38f;
text-decoration:none;
}

.itemposts img {
background-color:#fff;
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
float:left;
height:65px;
margin:0 7px 5px 0;
padding:3px;
width:65px;
z-indent:99999px;
}

.itemposts .iteminside {}

.itemposts .itemfoot {
border-top: 1px solid #CCC;
clear: both;
overflow: hidden;
padding: 4px 5px;
}

.itemposts .itemfoot a.itemrmore {
color:#333;
float:right;
font-weight:bold;
text-decoration:none;
}

.itemposts .itemfoot a.itemrmore:hover {text-decoration:underline}

#itempager {
clear:both;
padding:10px 0;
}

#pagination,

#totalposts {
color:#000;
display:block;
font:bold 10px Verdana,Arial,Sans-Serif;
margin-bottom:10px;
text-align:center;
padding:0;
}

#pagination span, #pagination a {
color: #FFF;
display: inline;
margin: 0px 1px;
padding: 2px 5px;
text-indent: 0px;
background-color: #068BC9;
background-image: linear-gradient(#068BC9 0%, #3161C2 50%, #3059AB 51%);
border: 1px solid #3161C2;
text-decoration: none;
border-radius: 10px;
}
#pagination a:hover {background-color:#333}

#pagination span.actual {background-color:black}

#pagination span.hidden {display:none}
</style>
<script>
var showPostDate = true,
showComments = true,
idMode = true,
sortByLabel = false,
labelSorter = "JQuery",
loadingText = "Loading...",
totalPostLabel = "Tổng số bài viết:",
jumpPageLabel = "page",
commentsLabel = "comment",
rmoreText = "Chi tiết►",
prevText = "previous",
nextText = "next",
siteUrl = "
http://vietmkt360.com",
postPerPage = 10,
numChars = 150,
imgBlank = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script src="http://yourjavascript.com/2812562314/kjmagic-2col-sitemap.js"></script>
<!--/2 Column Sitemap by vietmkt360.blogspot.com-->
Thay URL : Vietmkt360.com thành URL của bạn
Chúc các bạn thành công
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Recent post 3 cột dạng ảnh và tiêu đề bài viết đẹp mắt và chuyên nghiệp cho blogger

Recent post 3 cột dạng ảnh và tiêu đề bài viết đẹp mắt và chuyên nghiệp cho blogger

  Hôm nay mình xin giới thiệu đến các bạn tạo thêm Recent post 3 cột ảnh và tiêu đề đẹp mắt . Thủ thuật này rất thích hợp cho những trang tin tức , chia sẻ, giải trí.... Ảnh minh họa : Các bước thực hiện :1. Đăng nhập ... Read more...
Bài viết mới và comment mới nhất cho blogspot

Bài viết mới và comment mới nhất cho blogspot

Hôm nay mình Viettin365 sẽ hướng dẫn cách để các bạn tao tiện ích các bài đăng mới nhất (Recent Posts) hay các bài nhận xét mới nhất (Recent Posts). Với thủ thuật này các bài đăng hay những nhận xét mới nhất trên blog của bạn sẽ được ... Read more...
Slider bài viết mới nhất trượt ngang cho blogger

Slider bài viết mới nhất trượt ngang cho blogger

Bài viết mới nhất dạng thanh trượt ngang là một cách tốt để hiển thị bài viết gần đây của bạn dưới dạng một slide show. Bạn có thể nhìn thấy thanh trượt như vậy trong nhiều blog wordpress, nhưng với blogger nó không có nhiều người biết ... Read more...
Tiêu đề bài đăng mới với hiệu ứng chạy ngang

Tiêu đề bài đăng mới với hiệu ứng chạy ngang

Để cho khách tham quan thuận tiện lựa chọn bài để xem, bạn có thể tạo thanh tiêu đề các bài mới đăng trên Blog với hiệu ứng chạy từ phải sang trái hoặc ngược lại. Tiện ích này sử dụng feed để lấy dữ liệu bài đăng, ... Read more...
Recent posts Magazine for homepage blogger

Recent posts Magazine for homepage blogger

Những cập nhật nâng cao mới :Thêm ảnh thunbile cho những bài viết không có ảnh minh họaSử dụng chung một file Javarscipt chèn thẳng vào template. Tất cả trong 1 với Recent post tất cả các bài viết và recent post theo nhãn.Giao diện : bắt hơn so ... Read more...
Tạo phân trang kiểu Google cho Blogspot

Tạo phân trang kiểu Google cho Blogspot

Page navigation for Blogger with Google StyleHiện nay trên cộng đồng Blogger có khá nhiều kiểu phân trang khác nhau cho blogspot. Mỗi kiểu đều có nét đẹp và ưu điểm riêng cho nên bạn cần lựa chọn kiểu nào phù hợp nhất để cài đặt cho blog của ... Read more...
Page (7/12) : First ... 5 6 7 8 9 ... Last