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

More about →

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

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.

More about →

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

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

More about →

Google Doodle

More about →

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>

More about →

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

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

More about →

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>

More about →