Thứ Hai, 30 tháng 9, 2013

Tải theme blogspot đẹp miễn phí tháng 9


Tải theme blogspot đẹp miễn phí,download theme blogspot free,chia sẻ theme cho blogspot,tải theme có bản quyền,theme blogspot HTML5 CSS3.

Xem thêm : 10 template blogspot shop thiết kế đẹp dùng để bán hàng mình đã giới thiệu

Đây là một số mẫu theme blogspot tháng 9 đẹp và miễn phí đáng dùng.

1. Theme này dành cho những blogspot chuẩn bị mở ra một chương trình hoặc giới thiệu sản phẩm.
Dạng theme đếm ngược thơi gian rất là hay. và mình cũng chuẩn bị áp dụng nó cho chương trình sắp tới.



Xem demo : tải theme blogspot

2. Nếu như bạn gen tỵ với worpress có nhiều theme đẹp thì giời đây bạn có những mẫu theme đẹp hơn wordpress
Với theme bố cục rõ ràng dễ dùng cho người đọc thì theme này cũng đáng để dùng



Xem demo : tải theme blogspot

cách chèn thẻ meta geo cho blogspot

Cách chèn thẻ meta geo cho blogspot

Có một thủ thuật nhỏ để tăng thứ hạng trên một từ khóa liên quan tới một địa phương nào đó mà nhiều người đã bỏ sót đó là sử dụng thẻ Meta GEO. Các bạn có nhớ rằng trên Google có chức năng lọc kết quả theo địa phương không? Hãy xem ảnh dưới đây.


cách chèn thẻ meta geo cho blogspot
cách chèn thẻ meta geo cho blogspot



Thẻ GEO này hoạt động giống như thẻ meta keyword trước đây nhằm khai báo tọa độ chính xác của doanh nghiệp của bạn, từ đó các máy tìm kiếm sẽ cho nó được ưu tiên với các kết quả tìm kiếm được phân vùng trên một địa phương mà thẻ Meta GEO đã khai báo. Các bạn có thể vào đây để tự tạo một thẻ Meta GEO dựa trên địa chỉ của bạn.


Một thẻ Meta GEO có cấu trúc giống như thế này

<meta name="DC.title" content="laptop cu" />
<meta name="geo.region" content="VN-HN" />
<meta name="geo.placename" content="Hanoi" />
<meta name="geo.position" content="21.033333;105.85" />
<meta name="ICBM" content="21.033333, 105.85" />



Bây giờ chèn thẻ meta geo cho blogspot như thế nào? rất đơn giản các bạn đặt nó vào cặp thẻ HEAD như bao thẻ meta khác.

có thể dùng nhiều công cụ check xem nó đã hoạt động chưa. các bạn có thể dùng seoquake để xem.

Chủ Nhật, 29 tháng 9, 2013

Hướng dẫn thêm comment facebook vào blogspot

Tương tác giữa người dùng trên các mạng xã hội với blogspot hoặc website tăng lượt truy cập gián tiếp giúp blog của bạn nổi bật hơn trên các kết quả tìm kiếm. và bạn muốn chèn khung comment facebook vào blogspot mà chưa biết cách làm thì đây là bài Hướng dẫn thêm comment facebook vào blogspot.

Sau đây là một thủ thuật blogspot nhỏ giới thiệu tới cả nhà.


Hướng dẫn thêm comment facebook vào blogspot
Hướng dẫn thêm comment facebook vào blogspot

code blogspot thêm comment facebook vào blogspot.

1. Thêm đoạn mã bên dưới vào trước thẻ </body>. đoạn code này là của facebook .


<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>



Và đoạn code sau lên trên thẻ đóng


<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>



Một số lưu ý nhỏ ở đây :
data-num-post=5 : số comment được hiển thị. Nếu vượt quá sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment facebook hiển thị

Bây giời mới đến giai đoạn thêm vào

Tìm một trong các đoạn code như sau: <b:include data='post' name='post'/>
Rồi thêm ngay dưới nó đoạn code sau:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>



Lưu lại vậy là Xong !


Video hướng dẫn thêm comment facebook vào blogspot

Thứ Sáu, 27 tháng 9, 2013

Google Doodle

code blogspot đếm ngược thời gian

Bạn đang tìm CODE ĐẾM NGƯỢC THỜI GIAN JQUERY để áp dụng cho blogspot


Xem thêm :
code blogspot trở về đầu trang

code blogspot lấy bài viết liên quan theo lable



Với thủ thuật code blogspot nhỏ dưới đây bạn sẽ nhanh chóng áp dụng thành công cho blogspot của bạn

Để đếm lùi đến 1 sự kiện hoặc ra mắt sắp đến hiển thị thời gian thông báo trên trang web sẽ dễ dàng hơn với jquery rất nổi bật



B1 chèn link thư viện jquery

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>

B2 chèn link mã jquery

<script src="http://webvn20.googlecode.com/files/count.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
 $(function() {
 // ***** thay 2011/01/01 là năm  tháng ngày *************************     
 $('div#clock').countdown("2012/1/1" , function(event) {
 var $this = $(this);
 switch(event.type) {
 case "seconds":
 case "minutes":
 case "hours":
 case "days":
 case "weeks":
 case "daysLeft":
 $this.find('span#'+event.type).html(event.value);
 break;
 case "finished":
 $this.hide();
 break;
 }
 });
 });
</script>
B3 style cho đếm ngược
<style>
#clock{
float:left;
width:400px;
height:50px;
border:1px #000000 solid;
}
.block{
float:left;
height:10px;
width:70px;
}
</style>


 B4 hiển thị ở đâu thì thay đổi style và chèn code sau vào

 <div id="clock">
            <div class="block"><span id="weeks"></span> Tuần</div>
            <div class="block"><span id="daysLeft"></span> Ngày</div>
            <div class="block"><span id="hours"></span> Giờ</div>
            <div class="block"><span id="minutes"></span> Phút</div>
            <div class="block"><span id="seconds"></span> Giây</div>
                   <br/> <div>  <span >Là Đến Tết</span></div>
        </div>

code blogspot lấy bài viết liên quan theo lable

Dưới đây là cách bạn tìm kiếm trên google.
Bài viết liên quan theo nhiều label cho blogspot
Code bài viết liên quan theo nhiều label cho blogspot
Bài viết liên quan theo nhiều nhãn cho blogspot
Có quá nhiều bài viết nhưng mỗi bài lại có một ưu, nhược điểm riêng nhưng với thủ thuật của mình đã khắc phục được tất cả các nhược điểm đó hãy xem mình làm như thế nào.
Với 1 thủ thuật blogspot: "Bài viết liên quan - Related posts" dựa trên nhiều label (nhãn) và đã được sửa lỗi hiển thị font Tiếng Việt của đoạn code gốc.
Bằng cách này sẽ hiển thị được nhiều bài viết liên quan đến nhiều label hơn, hướng visitor đến những bài cùng chủ đề tốt hơn cho việc seo của bạn. Hướng dẫn cách thêm Bài viết liên quan theo nhiều label cho blogspot
<!-- related post --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='widget-content'> <h2>Các bài liên quan</h2> <div id='saliproit183'/><br/><br/> &lt;script type=&quot;text/javascript&quot;&gt; homeUrl3 = &quot;khamphablog.blogspot.com&quot;;maxNumberOfPostsPerLabel = 6;maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+21); label = decodeURIComponent(label); var txt = document.createTextNode(label); var h = document.createElement(&#39;h4&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;saliproit183&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> &lt;/script&gt; </div> </b:if><br/><!-- /related post -->
Chú ý:
Bạn sẽ pải thay đổi cho phù hợp với cách sắp xếp hiển thị bài viết liên quan theo nhãn phù hợp
Thay khamphablog.blogspot.com bằng địa chỉ blog của bạn, lưu ý không có "/" ở cuối nhé.
maxNumberOfPostsPerLabel là tối đa số bài viết hiển thị ở mỗi nhãn (label). Ở code trên là mình để là 6
maxNumberOfLabels là số nhãn (label) sẽ được hiển thị. Ở code trên là mình để là 3

code blogspot trở về đầu trang

Hiệu ứng trở về đầu trang - scroll Top jquery đơn giản
Hiệu ứng scroll top ta thường thấy xuất hiện ở 1 số trang web có nội dung dài -khiến người lướt web phải lăn mouse 3 hay dùng trỏ chuột kéo thanh scroll bar rất bất tiện .

Hôm nay KHÁM PHÁ BLOGSPOT chia sẻ một code blogspot rất hay, và chạy nhẹ nhàng uyển chuyển tới các bạn

Khi sử dụng hiệu ứng jquery scroll top sẽ giúp người dùng trở về ngay đầu trang - tránh làm mất thời gian - nút bấm scroll top sẽ xuất hiện thi nội dung trang web được
1- Thêm phần script
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
    $(document).ready(function(){

        $(window).scroll(function(){
            if ($(this).scrollTop() > 100) {
                $('.scrollup').fadeIn();
            } else {
                $('.scrollup').fadeOut();
            }
        });

        $('.scrollup').click(function(){
            $("html, body").animate({ scrollTop: 0 }, 'slow');
            return false;
        });

    });
</script>

2- Thêm phần style của nút lên
<style>
    .scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:10px;
    display:none;
    text-indent:-9999px;
    background:#333333 url('http://icons.iconarchive.com/icons/troyboydesign/delightful-zodiac/128/Snake-icon.png') no-repeat;
}
</style>

các bạn có thể thay bằng hình ảnh khác cho phù hợp với trang web http://icons.iconarchive.com/icons/troyboydesign/delightful-zodiac/128/Snake-icon.png
3- Giờ để xuất hiện cái nút đi lên đó bạn hãy đặt trong thẻ body để tiện bạn có thể đặt trước
<a href="#" class="scrollup">Scroll</a>
</body>

code popup cho blogspot

Tổng hợp các Code Popup Javascripts quảng cáo cho website
Ưu điểm cái này mình thích là dùng jquery nên có vẻ mượt mà và load nhẹ hơn tốt cho seo
Chú ý: code popup chỉ hiện 1 lần duy nhất thôi nhé nên không gây phiền hà cho người dùng, cái này có thể thêm được like cho trang của bạn hoặc một quảng cáo cho chương trình quảng cáo rất hay
Các bạn hay bắt gặp như hình này

Hôm nay KHÁM PHÁ BLOGSPOT mình sẽ giới thiệu cho các bạn CÁCH LÀM POPUP CHO BLOGSPOT
B1 : thêm thư viện jquery vào giữa cặp thẻ HEAD
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>

B2: thêm style css.
<style>
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
    #cboxOverlay{position:fixed; width:100%; height:100%;}
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
    #cboxContent{position:relative;}
    #cboxLoadedContent{overflow:auto;}
    #cboxTitle{margin:0;}
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
    .cboxPhoto{float:left; margin:auto; border:0; display:block;}
    .cboxIframe{width:100%; height:100%; display:block; border:0;}
    #cboxOverlay{background:#000;opacity:0.5 !important;}
    #colorbox{}
          

#cboxLoadingOverlay{background:url(http://3.bp.blogspot.com/-7VRvnW_MUSw/TwRGXjXjloI/AAAAAAAACM0/5K-J5jgkxo4/s1600/%255Bwww.gj37765.blogspot.com%255Dloadingbackground.png) no-repeat center center;}
          

#cboxLoadingGraphic{background:url(http://3.bp.blogspot.com/-xjj51r2lm2M/TwRGaKezqHI/AAAAAAAACNI/lKX9_-YUUdY/s1600/%255Bwww.gj37765.blogspot.com%255Dloading.gif) no-repeat center center;}
           #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
           #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
           #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px;

background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
           #cboxPrevious{left:0px; background-position: -51px -25px;}
           #cboxPrevious.hover{background-position:-51px 0px;}
           #cboxNext{left:27px; background-position:-75px -25px;}
           #cboxNext.hover{background-position:-75px 0px;}
           #cboxClose{right:0; background-position:-100px -25px;}
           #cboxClose.hover{background-position:-100px 0px;}
           .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
           .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
           .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
           .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
      #mdfb {
        font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
    }
    #mdfb a,
    #mdfb a:hover,
    #mdfb a:visited {
        text-decoration:none;
    }
    .mdbox-title {
background:#000;
       color: #fff;

       font-size: 20px !important;
       font-weight: bold;
       margin: 10px 0;
    border:20px solid #ddd;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    box-shadow: 5px 5px 5px #CCCCCC;
    padding:10px;
    line-height:25px; font-family:arial !important;
    }
    .mdbox-tagline {
       color: #999;
       margin: 0;
       text-align: center;
    }
    #mdsubs-container {
        padding: 35px 0 30px 0;
        position: relative;
    }
    a:link, a:visited {
    border:none;
    }
    .demo {
    display:none;
    }</style>

B3: Thêm java script
<script type="text/javascript">
 $(function() {
   
if (document.cookie.indexOf('visited=flase') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#mdfb"});
}

}); </script>

B4 Thêm nội dung khi hiển thị bật lên
<div style='display:none'>
<div id='mdfb' style='padding:10px; background:#fff;'>
<center>
helo  nhúng gì đó vào đây
</center>
</div></div>
<style>#cboxClose{display:none;}</style>

Chỉ có thế thôi. các bạn thắc mắc để lại comment nhé

code blogspot hiện lable widget trong blogspot theo ý mình

Hiện lable trong blogspot theo ý mình
Hiện widget trong blogspot theo ý mình
Hiển Thị Widget ở trang chủ hoặc riêng biệt
Một khi bạn tạo một widget trên blog thì nó sẽ được hiển thị ở tất cả các trang theo mặc định, bao gồm cả trang chủ.
Đôi khi bạn chỉ cần hiển thị một vài widget ở trang chủ hoặc chỉ ở một số trang hoặc thậm chí ở một trang riêng biệt
nào đó.
Thủ thuật này cũng khá đơn giản. Điều quan trọng là bạn phải nắm được id của widget mà bạn tạo ra.
Lấy ví dụ widget mà bạn tạo có id là HTML10 và bạn đặt tiêu đề cho widget đó là BLOGGER TIPS. Vào Bố cục (Layout) rồi chỉnh sửa HTML ở chế độ mở rộng mẫu tiện ích.

Trường hợp 1: Hiển thị widget chỉ ở trang chủ: Tìm và thêm đoạn code được đánh dấu màu đỏ và màu xanh như bên dưới.

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
 <h2 class='title'><data:title/></h2> </b:if>
<div class='widget-content'>
 <data:content/>
 </div> 
<b:include name='quickedit'/> 
</b:if> 
</b:includable> 
</b:widget>

Thêm: - Hiện tất cả trừ trang chủ

<b:if cond='data:blog.url != data:blog.homepageUrl'>


Trường hợp 2: Hiển thị widget ở tất cả các bài viết, trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType == "item"'>

Trường hợp 3: Chỉ hiển thị widget ở một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url == "URL của trang riêng biệt"'>

Trường hợp 4: Chỉ hiển thị widget ở các trang chính gồm trang chủ, các trang Label và Archive: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType == "index"'>
Trường hợp 5: Chỉ hiển thị widget ở các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType == "archive"'>

Trường hợp 6: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType ! == "archive"'>

Trường hợp 7: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang bài viết: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType ! == "item"'>

Trường hợp 8: Chỉ hiển thị widget ở tất cả các trường hợp trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == data:blog.homepageUrl'>

Trường hợp 9: Chỉ hiển thị widget ở tất cả các trang trừ một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt"'>

Trường hợp 10: Chỉ hiển thị widget ở tất cả các trang trừ hai trang riêng biệt nào đó trở lên: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt 1"'><br /> <b:if cond='data:blog.url ! == "Url của trang đặc biệt 2"'>

Trường hợp 11: Nếu bạn muốn hiển thị một thứ gì đó ở trang chủ và một thứ gì đó khác ở tất cả các trang: Bạn sử dụng lệnh điều kiện như thế này:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Đây là điều cần hiển thị ở trang chủ

<b:else/>

Đây là điều không hiển thị ở trang chủ

</b:if>

Trường hợp 12: Chỉ hiển thị widget ở một trang nhãn: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url=="http://yourblogname.blogspot.com/search/label/Tennhan"'> 

Trường hợp này chỉ hoạt động với tên nhãn không dấu như Blogger, CSS, Thuthuat, Thuvien (không dùng cho nhãn tiếng
Việt). Đối với các nhãn có khoảng cách như Recent Posts thì phải đặt là Recent%20Posts (tức là thay khoảng cách bằng %20).
Các liên kết trang nhãn trong trường hợp này cũng không hoạt động được khi có đuôi ?max-results= Những thủ thuật nhỏ này rất có ích trong việc xây dựng trang chủ cho blog của bạn.

Thứ Sáu, 20 tháng 9, 2013

Tùy chỉnh ẩn bài viết mới ở trang chủ blogspot theo lalble

Nhiều bạn hỏi cách ẩn bài viết mới ở trang chủ trong blogspot làm thế nào?

Hôm nay cũng đang làm đến đoạn này tìm hiểu đoạn code này áp dụng được 100% trên mọi dạng them blogspot nhé.

Nhiều khi có những bài viết bạn không muốn hiển thị lên trang chủ. mà chỉ để nó nằm trong thư mục con. trong wordpress thì dễ dàng trong blogspot cũng dễ dàng không kém.

Đây là cách ẩn bài viết mới ở trang chủ trong blogspot.

Bạn mở tùy chỉnh HTML để sửa nhé (Nhớ back up).
Tìm dòng <b:includable id='main' var='top'>.
Tính từ dòng này trở xuống vài dòng code mình sẽ tìm thấy đoạn code giống hoặc tương tự như đoạn code bên dưới.



Rồi bạn thay nó bằng đoạn code bên dưới.


Lúc này bạn tìm thẻ đóng Thẻ đóng này nằm ngay trước dòng : hoặc bạn có thể tìm thẻ này cho nhanh

Rồi đặt đoạn code bên dưới vào sau thẻ </b:includable> nói trên.


<b:includable id='printPosts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/>
</h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>



Giờ làm thế nào để áp dụng đây?

Đơn giản trong khi viết bài nào bạn muốn ẩn thì cho vào nhãn có tên là: z lable thế là bài đó tự động sẽ ẩn ở trang chủ.

cái z lable thì bạn có thể đổi được nhé có thể là z tintuc, z new...


Thủ thuật khá hay đúng không các bạn. Nếu thấy có ích hãy chia sẻ bài này bạn nhé

Thứ Hai, 16 tháng 9, 2013

thêm meta keywords cho từng bài viết Blogspot

Trong blogspot không có phần để ta chèn keywords riêng cho từng bài viết như trong wordpress mà keywords này hiện tại chỉ lấy keyword = tiêu đề bài viết. hoặc lấy keyword = tiêu đề bài viết + với tiêu đề blogspot.

Vậy làm sao tối ưu Meta keywords cho từng bài viết Blogspot?

Thông thường bài viết trong blogspot thì các Meta keywords của bài viết lấy Meta keywords chung của blogspot cố định. như hình này.

Hình 1.



Ví dụ: đây là một bài viết riêng 10 template blogspot shop thiết kế đẹp.
Ban đầu chưa tối ưu thì thẻ Meta keywords = Meta keywords mặc đinh của blog bạn.(đối chiếu hình 2 với hình  phía trên trên nhé phần Meta keywords)
Thì chúng ta thấy nó giống nhau
Hình 2.



Xem tiếp hai hình 3 và hình 4 dưới đây.
Bạn có muốn lấy riêng được từng Meta keyword cho từng bài viết như hai hình bên dưới này không.
Như hình này: Meta keywords = tiêu đề bài viết + tiêu đề blog
Hình 3.




Như hình này: Meta keywords = tiêu đề bài viết.
Hình 4



Chỉ một bước nhỏ sau đây các bạn sẽ lấy được meta keywords theo tiêu đề của bài viết theo ý của bạn
Bước 1, đăng nhập blogspot sau đó chọn mẫu >> chọn chỉnh sửa HTML, thêm 1 trong 2 đoạn code kia trước thẻ đóng HEAD

cách chèn code


Xin giới thiệu các bạn template blogspot miễn phí

10 template blogspot shop thiết kế đẹp

Giới thiệu tới các bạn mẫu Template Blogspot Shop thiết kế đẹp

1: Template blogspot shop thiết kế đẹp.
Mẫu có thiết kế tông màu xanh nhẹ nhàng, có thể áp dụng làm cho blogspot bán quần áo, nước hoa, các loại phụ kiện nhỏ rất thích hợp.
Mình thích nhất hiệu ứng di chuột vào ảnh lấy một đoạn thông tin tóm tắt của sản phẩm và giá sản phẩm. vì kiểu này đưa ra được nhiều thông tin sản phẩm cho khách hàng. đang áp dụng cho một blogspot của mình.

Đánh giá : Boutique Blogger Template 10 điểm thiết kế


Demo: Boutique Blogger Template
Link down tại đậy

Chú ý: khi thêm giá tiền sản phẩm thì các bạn thêm đoan code này <span class="item_price"> 680.000 vnđ</span>

2:Template blogspot shop thời trang đẹp và có thanh toán online
Mẫu thiết kế này có thích hợp thanh toán online, có add to card rất hay, điều tưởng như không thể đã có thể làm được
, mẫu này làm cho blogspot trỏ nên chuyên nghiệp, có hiệu ứng di chuột qua ảnh phóng ảnh to phù hợp với các site bán sản phẩm, tông chủ đạp màu xám tạo cho người dùng cảm giác thoáng
Đánh giá: johnygantengstore-cart 9 điểm


Demo: johnygantengstore-cart
Link down tại đậy

3: Template blogspot shop có thanh toán online

Bạn không khỏi ngỡ ngàng trước thiết kế mang tính chất như một website chuyên nghiệp. có slider show rộng đưa được nhiều thông tin sản phẩm. có thanh toán trực tuyến trong blogspot, có chat yahoo trong blogspot, phân trang chuyên nghiêp, đây một mẫu đáng giá để áp dụng cho blogspot shop


Demo: johny-magstore Template
Link down tại đậy


Xin giới thiệu các bạn template blogspot miễn phí

Lấy blacklink dofollow trên hệ thống comment PR9

Lấy blacklink dofollow trên hệ thống comment http://disqus.com/ PR9
Dạo này nghiện cày web pr cao uy tín nổi tiếng lắm.

Không muốn giải thích nhiều chỉ cần làm theo hình đơn giản thôi.

Xem demo trước cho nó an tâm

http://disqus.com/linhhari/






Đăng nhập chọn google cho nó nhanh nhé








Ở đây bạn cần cho phép disqus sử dụng như các điều khoản đưa ra, các bạn chọn chấp nhận nhé






Quay lại click vào "Setting"








Một popup hiện ra bạn chọn "profile" quan trọng là bạn chèn link vào chỗ website nhé







Muốn xem thành quả thì chọn "view profile"





đây là thành quả chỉ sau 2 phút đăng ký

Thứ Sáu, 13 tháng 9, 2013

Lấy blacklink từ website bộ giáo dục

Này thì GOV tốt, tốt thì ta lấy chơi thôi
Vào link này đăng ký cho nhanh http://thi.moet.gov.vn/?page=9.5&mode=register

Vào link này đăng ký cho nhanh http://thi.moet.gov.vn/?page=9.5&mode=register
blacklink-pr-cao-gallery



Tất nhiên điều luật thì ta chấp hành thôi, còn lách luật thì chuyện khác
Điền đầy đủ thông tin và quan trong nhất là điền website của bạn

blacklink-pr-cao-gallery


Bấn chấp nhận để đăng ký
Sặc đăng ký lại bị lỗi rồi thế này thì làm sao?
anh em đừng nản thực ra là đăng ký đã thành công. xem tiếp..
blacklink-pr-cao-gallery


Làm theo clikc trong hình từng bước 1, 2, 3
Quan trọng nhất chỗ này là gì bạn phải sắp xếp , mặc định nó là lên nhưng các bạn hãy chọn nó xuống thì mới thấy mình được
blacklink-pr-cao-gallery


Bây giời view soucre lên ở dấu mũi tên đỏ lên để kiếm tra link nó như nào
blacklink-pr-cao-gallery


Thế thôi đơn giản mà hiệu quả. chứng minh có link trỏ về nhé

blacklink-pr-cao-gallery

Thứ Sáu, 6 tháng 9, 2013

tăng tốc blog sử dụng mod_pagespeed của google


Theo như bài viết giới thiệu về mod_pagespeed của Google thì nó sẽ giúp tăng đáng kể tốc độ website với tối ưu sau:
  • Thay đổi những trang được xây dựng bởi các Hệ thống quản lý nội dung (CMS) nhưng không đụng tới mã nguồn CMS
  • Nén lại ảnh và code HTML tốt hơn
  • Nâng thời gian cache ảnh lên 1 năm, trong khi vẫn cho phép cập nhật những anh đó bất cứ lúc nào

Vậy, nếu server apache của bạn đã hỗ trợ mod_pagespeed thì cần phải làm gì để có thể sử dụng tính năng rất hay này của mod_pagespeed?

Rất đơn giản, bạn chỉ cần làm theo 3 bước sau là xong:
  1. Tạo 1 file .htaccess và đặt ở root trên host website cần dùng. Nếu đã có rồi thì bỏ qua bước này và mở file này lên để edit.
  2. Thêm đoạn code dưới đây vào đầu hoặc cuối file .htaccess tùy bạn, miễn sao nó độc lập là được.

    ModPagespeed on
    ModPagespeedRewriteLevel PassThrough
    ModPagespeedEnableFilters extend_cache
    ModPagespeedRewriteLevel CoreFilters
    ModPagespeedEnableFilters combine_css
    ModPagespeedEnableFilters combine_heads
    ModPagespeedEnableFilters combine_javascript
    ModPagespeedEnableFilters rewrite_css
    ModPagespeedEnableFilters rewrite_javascript
    ModPagespeedEnableFilters inline_css
    ModPagespeedEnableFilters inline_javascript
    ModPagespeedEnableFilters rewrite_images
    ModPagespeedEnableFilters inline_images
    ModPagespeedEnableFilters make_google_analytics_async
    ModPagespeedEnableFilters move_css_above_scripts
    ModPagespeedEnableFilters move_css_to_head
    ModPagespeedEnableFilters sprite_images
    ModPagespeedEnableFilters lazyload_images
  3. Save file .htaccess lại là được (nếu chưa upload thì nhớ đẩy lên hosting nha)
Bây giờ bạn thử mở website của mình lên xem tốc độ đã được cải thiện chưa?


PM: Các bạn hãy vào trang http://developers.google.com/speed/pagespeed/insights/ để kiểm tra tốc độ của website của mình.

Thứ Tư, 4 tháng 9, 2013

chèn yahoo vào blogspot

Bạn có thể đưa thêm yahoo messenger chat vào trên blogspot. Khi đó người xem chỉ cần click lên biểu tượng yahoo trên blogspot để bắt chát

Vậy cách chèn yahoo vào blogspot như thế nào?

Cũng khá nhiều bài viết về cái này mình viết lại một bài nữa nghĩ cũng không sao cả, chia sẻ cho mọi người

Bắt tay vào làm thôi

Vào phần quản trị blogspot chọn 'Bố cục' chọn "Thêm tiện ích mới" như hình sau:



sau đó chọn "HTML/Javascript" bằng cách nhấn nút dấu cộng màu xanh nhỏ nhỏ bên phải như hình dưới


Khi click vào nút thêm đó, sẽ ra một popup dạng như hình sau
Tiêu đề : Bạn có thể viết gì tùy thích hoặc hai cái phổ thông hay dùng 'Hỗ trợ online' hoặc 'Hỗ trợ trực tuyến'.
Nội dung: Copy đoạn code dưới đây paste vào, thay địa chỉ yahoo của bạn vào duynhatvamaimai thay bằng yaho của bạn. chú ý là có 2 chỗ nhé


<a href='ymsgr:sendim?duynhatvamaimai'>
<img alt='Hỗ trợ bán hàng' src='http://opi.yahoo.com/online?u=duynhatvamaimai&amp;m=g&amp;t=2' title='Hỗ trợ bán hàng'/>
</a>



Bấm lưu.
Click hình dưới để xem code nhé




Tiếp theo đó ra phần bố cục ấn "lưu sắp xếp" ở góc phía trên bên tay phải, thì nó mới có hiệu lực nhiều bạn hỏi mình đã làm như bạn rồi nhưng không lưu nên không hiện ra là quên bước này.



Và đây là kết quả khi thêm yahoo vào blogspot


Các bạn có gì không hiểu để lại comment bên dưới hoặc click vào yahoo trên blogspot của mình test thử luôn nhé

Thứ Ba, 3 tháng 9, 2013

5 theme Blogspot miễn phí cực đẹp đáng dùng trong tháng 9/2013

Với số lượng theme Blogspot đồ sộ rải rác khắp internet thì việc bạn tìm được một theme miễn phí phù hợp với sở thích sẽ không có gì là khó. Tuy nhiên cái khó ở đây là có bao nhiêu theme miễn phí thật sự đẹp và chuyên nghiệp? Con số này chắc hẳn là rất ít nhưng không phải là không có, bởi vậy hôm nay Trâm xin giới thiệu đến các bạn 9 theme miễn phí tuyệt vời nhất mà Trâm được biết đến trong tuần vừa rồi.
Những theme này đa phần là do các nhà cung cấp theme trả phí thiết kế nhằm thu hút sự chú ý của khách hàng. Với bố cục chuyên nghiệp, sử dụng CSS3 và màu sắc hài hòa là những gì mà các theme này đều có. Hãy cùng kiểm chứng xem mình có “chém” tí nào không nhé  
Aurana Blogger Template

Aurana Blogger Template
Đây là một theme màu xanh rất giống diễn đàn tinh tế , phù hợp với blog công nghệ


Sight Blogger Template

Sight Blogger Template

Không biết nói gì khi xem giao diện này , mang cảm giác thoáng đãng như bạn đứng trên bầu trời cao nhìn xuống thành phố vậy không tin bạn cử thử


Rocket Blogger Template


Rocket Blogger Template

Phong cách bố trí sáng sủa nội dung nổi bật là những cụm từ khi nói về giao diện này, đơn giản tinh tế

eSpecial Blogger Template
eSpecial Blogger Template

Hãy nói lên ý kiến của bạn khi xem giao diện blogspot này


Pinfinity Blogger Template

Pinfinity Blogger Template

Giao diện blogspot này mang cảm giác như một site ảnh nổi tiếng của yahoo. bạn biết nó chứ ?

Đây là tất cả theme mà Trâm thấy đẹp nhất trong tháng này. mời các bạn thưởng thức nhé

Xin giới thiệu các bạn template blogspot miễn phí