Trang

Tối ưu file robots.txt cho blogspot

Thứ Tư, 10 tháng 12, 2014
Tối ưu file robots.txt cho blogspot - Tối ưu file robots.txt cho blogger

Tìm hiểu file robots.txt là gì?

File robots.txt là một dạng file rất đơn giản có thể được tảo bởi công cụ Notepad. Để các bộ máy tìm kiếm quản lý index nội dung của website bạn.

Cấu trúc của robots.txt của blogspot.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /search
User-agent: Cho những robot tìm kiếm từ Google, Yahoo và MSN nên sử dụng hướng dẫn này của bạn để tìm kiếm trang web.
Allow: / Dòng code này cho phép công cụ tìm kiếm index đọc tất cả nội dung
Disallow: /search: Dòng code này báo cho công cụ tìm kiếm biết nó không nên “lục lọi” ở những file này

Hướng dẫn tạo và sử dụng file robots.txt cho blogspot


  1. Bước 1: Đăng nhập blogspot
  2. Bước 2: Kéo chuột xuống dưới bên tay trái vào "Cài đặt" [Hình 1]
  3. Bước 3: Chọn "Tùy chọn tìm kiếm" trong menu cài đặt
  4. Bước 4: Chọn "Trình thu thập thông tin và lập chỉ mục" bên tay phải của Tùy chọn tìm kiếm [Hình 2]
  5. Bước 5: Chọn "Robots.txt tùy chỉnh" >> "Bật nội dung robots.txt tùy chỉnh"
  6. Bước 6: Copy đoạn code chuẩn này vào khung nhập text và sau đó nhấp "lưu lại"


Hinh 1



Hinh 2







Code chuẩn robots.txt cho blogspot


User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html
Sitemap: http://blogcuaban/feeds/posts/default?orderby=UPDATED

Còn tùy vào blog bạn chặn trang hoặc thưc mục các bạn tùy chỉnh nhé.
Gợi ý cho các bạn.
Chặn 1 thư mục và mọi thứ nằm trong nó
Disallow: /search
Chặn 1 trang lưu trữ
Disallow: *archive.html
Cũng không khó lắm phải không. Quan trọng là biết dùng đúng cách sao cho phù hợp.
Nếu chưa hiểu hoặc gặp khó khăn khi tạo các bạn cứ comment bên dưới để mình trả lời.

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

Tối ưu hóa Meta Description trong mỗi bài viết Blogspot

Thứ Tư, 10 tháng 12, 2014
Tối ưu hóa Meta Description trong mỗi bài viết Blogspot - Tối ưu hóa Meta Description trong mỗi bài viết Blogger

Trong giao diện Blogger mới phần mô tả tìm kiếm được bổ sung để giúp người sử dụng tối ưu hóa công cụ tìm kiếm của mình thân thiện hơn.
Phần này thực sự có những điều tuyệt vời và hôm nay chúng ta sẽ thảo luận với bạn về tất cả mọi phần của phần mô tả tìm kiếm của blogspot.
Như tất cả các bạn biết rằng đây chính là nội dung Meta Description của từng bài viết của bạn.

Meta Description blogspot
Meta Description blogspot

Meta Description là gì?

Meta mô tả là một phần tử HTML hay XML mô tả các trang web để tìm kiếm thu thập công cụ của. Nói cách khác nó cho các thông tin về trang web của bạn để thu thập công cụ tìm kiếm của công cụ tìm kiếm để có thể cung cấp cho trang web của bạn trong kết quả tìm kiếm trên vị trí thích hợp.

Thêm Meta Description chung cho ​​Blogspot

Trong phần này, các thẻ meta sẽ giúp cho trang chủ và phần cuối này sẽ cho bạn thấy làm thế nào bạn có thể sử dụng các thẻ cho mỗi bài.Đơn giản chỉ cần làm theo các bước dưới đây.
  • Vào Blogger Cài đặt Tìm kiếm Tuỳ chọn
  • Tìm Thẻ Meta và đánh dấu vào "Có" để kích hoạt nó.
  • Một hộp thoại sẽ xuất hiện khi bạn phải viết thẻ meta cho trang chủ của bạn. Hãy chắc chắn rằng nó không quá 150 ký tự.
  • Nhấp vào Lưu Thay đổi!

meta description blogspot
meta description blogspot
Bây giờ hãy chuyển sang bước tiếp theo meta cho từng bài viết đây

Thêm Meta Tags cho từng bài viết

Khi viết bài mới sẽ bạn sẽ thấy "Mô tả Tìm kiếm" trong thanh bên, đơn giản là viết mô tả nội dung tóm tắt tìm kiếm của cho bài viết đó.

post description
post-description

Lời kết

Nếu bạn đang phải đối mặt với bất kỳ vấn đề nào hãy để lại một bình luận dưới đây.
Tôi sẽ cố gắng trả lời và chỉ giúp bạn cách làm
Read more ...

Gửi Blogger Sơ đồ Để Bing và Yahoo

Thứ Tư, 10 tháng 12, 2014
Gửi Blogger Sơ đồ Để Bing và Yahoo

sitemap cho Bing và Yahoo. Như bạn biết rằng Google là phổ biến nhất và một số công cụ tìm kiếm của thế giới. Vì vậy, điều quan trọng cho trình sitemap cho Google nhưng trong số thứ hai Bing và Yahoo cũng ít phổ biến. Vì vậy, chúng ta không nên bỏ qua công cụ tìm kiếm khác. Vâng, có một điều tôi muốn nói với bạn rằng Bing và Yahoo được kết nối với nhau, Vì vậy, chúng tôi sẽ chỉ gửi sitemap cho Bing và Yahoo sẽ tự động nhận được đồ của chúng tôi từ Bing. Những người không biết rằng tại sao họ nên gửi sitemap đến công cụ tìm kiếm có thể đọc dưới đây đoạn để biết về nó.

Tại sao bạn nên gửi Sơ đồ Để cụ tìm kiếm?

Đây là điều quan trọng nhất cho tất cả các blogger để có được sự thành công trong việc viết blog. Chúng tôi sử dụng để gửi sitemap công cụ tìm kiếm như Google, Bing và Yahoo.Sau khi nộp đồ trình thu thập các công cụ tìm kiếm đến trang web của chúng tôi để lập chỉ mục. Sau khi các đồ hoàn toàn sau đó lập chỉ mục trang web của bạn cũng sẽ được hiển thị trong kết quả tìm kiếm. Và sau đó bạn sẽ nhận được lưu lượng truy cập rất lớn từ các công cụ tìm kiếm.

Làm thế nào để gửi Blogger Sơ đồ Để Bing và Yahoo?

Như tôi đã nói với bạn rằng Bing và Yahoo được kết nối với nhau, do đó chúng tôi sẽ chỉ gửi sitemap cho Bing và Yahoo sẽ tự động nhận được nó từ Bing. Các bước tương tự như chúng tôi nộp cho Google trong bài viết trước đây của chúng tôi. Bước đầu tiên là thêm và xác minh blog của bạn trong Bing quản trị trang web Công cụ và thứ hai là để gửi đồ. Vì vậy, bạn hãy bắt đầu hướng dẫn.
  • Về Bing Webmaster Tools >> Đăng nhập vào tài khoản của bạn [ Nếu bạn không có hoặc Microsoft Bing tài khoản sau đó bạn sẽ cần phải tạo mới ]
  • Nhập URL Blog của bạn ở trên cùng và chọn "Add"
  • Bây giờ khi bạn sẽ bấm vào "ADD" Một cái gì đó sẽ xuất hiện như hình dưới đây.
  • Trong Thêm một hộp đồ trang web, dán đoạn mã sau.
http://www.yoursite.com / atom.xml? chuyển hướng = false & start-index = 1 & max-results = 500
  •  Lưu ý: Trên đây là đoạn code cho 500 bài viết. Nếu bạn có nhiều hơn 500 bài viết được công bố trên blog của bạn sau đó chọn mã thích hợp từ hộp dưới đây.
Cho 1-500 bài: http://www.yoursite.com/ ? atom.xml chuyển hướng = false & start-index = 1 & max-results = 500 Đối với 500 Để 1000 Posts:http://www.yoursite.com / atom.xml ? chuyển hướng = false & start-index = 500 & max-results = 1000 Với 1000 Để 1500 Bài viết: http://www.yoursite.com ? / atom.xml chuyển hướng = false & start-index = 1000 & max-results = 1500 Đối 1500-2000 Bài viết: http :/ / www.yoursite.com / atom.xml? chuyển hướng = false & start-index = 1500 & max-results = 2000






  • Sau khi thêm mã phù hợp, thay thế màu vàng đánh dấu liên kết với trang web của bạn.
  • Nhấp vào "ADD" Button. 
  • Bây giờ sau khi nhấp nút "Add", bạn sẽ được yêu cầu Xác minh quyền sở hữu blog / trang web.
  • Bạn sẽ thấy Nhà Meta Tag sao chép nó và lưu nó Notepad.
  • Mở Tab mới trong các trình duyệt và Về Blogger
  • Mẫu >> Chỉnh sửa HTML >> Tìm Đối
  • Dán Các Meta Tag Dưới đây nào bạn đã lưu trong Notepad
  • Nhấn Save Template
  • Bây giờ Come Back To Bing Webmaster Tools và bấm vào " xác minh "nút ở dưới cùng.
  • Bây giờ Trang web của bạn là Đăng thành công. Bạn sẽ xem Trong Bảng điều khiển Đó Sơ đồ trạng là chờ.
  • Vì vậy, bạn phải chờ khoảng một tuần để có được Nó hoàn toàn chỉ mục.
  • Đó là tất cả.

Các biên tập viên từ bàn

Vì vậy, cuối cùng bạn đã gửi sơ đồ trang web của bạn để công cụ tìm kiếm chính. Bây giờ bạn đã phải chờ đợi khoảng một tuần để có được nó hoàn toàn được lập chỉ mục. Sau khi nó được lập chỉ mục, Bạn sẽ nhận được lưu lượng truy cập rất lớn từ các công cụ tìm kiếm. Giữ liên lạc với chúng tôi để bài viết sắp tới của chúng tôi và cũng có thể đăng ký với chúng tôi. Có rất nhiều quan tâm của bạn và gia đình của bạn. Chúc mừng blog

Bài này mình copy nên không muốn chỉnh sửa. chỉ là để các bạn tham khảo thôi
Read more ...

Chèn yahoo vào blogspot

Thứ Tư, 10 tháng 12, 2014
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é
Read more ...

Code popup cho blogspot

Thứ Tư, 10 tháng 12, 2014
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


Code popup cho blogspot - Code popup cho blogspot



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ó thể bạn cần xem bài này
code blogspot hiện lable widget trong blogspot theo ý mình

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é
Read more ...

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

Thứ Tư, 10 tháng 12, 2014
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.

Có thể bạn cần xem bài này thêm nữa

code popup cho blogspot

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.
Read more ...