Hướng dẫn cách chèn Bình luận Facebook vào Blogspot mới nhất
Để làm cho trang Blog/ Website của chúng ta tương tác được nhiều với người dùng hơn. Thì cách chèn thêm một khung bình luận từ facebook sẽ làm blog chúng ta sẽ trở nên thú vị hơn. Bài viết này sẽ hướng dẫn bạn đọc cách chèn Facebook Comment nhanh vào trang Blogger của bạn. Chỉ với 4 bước bạn đã có được một tính năng bình luận Facebook ưng ý với mã nguồn của Blogspot
Bước 1: Tạo app facebook
Đăng nhập Facebook ~> Truy cập https://developers.facebook.com/apps
Vào My Apps ~> Với những tài khoản facebook chưa veryfi (xác thực) thì sẽ hiện "Register as a Developer" , bạn vào đây để xem cách xác thực tài khoản trước khi làm tiếp: Hướng dẫn cách xác minh tài khoản Facebook bằng số điện thoại
Khi tài khoản đã được xác thực: Vào My Apps ~> Add a New App

Tiếp theo nhập mã bảo vệ là ta đã tạo xong app.
Khi đã có app, bạn lưu ý copy Mã ứng dụng (App ID) lại để dùng cho bước sau.

Bước 2: Chèn Facebook Comment vào Blogger (Blogspot)
Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Thêm dòng code sau vào thẻ <html... (Thẻ html này nằm ở ngay đầu Mẫu)
xmlns:fb='https://www.facebook.com/2008/fbml'

Thêm thẻ meta sau vào trước thẻ </head>
<meta content='Mã ứng dụng' property='fb:app_id'/>
<meta content='Facebook user ID' property='fb:admins'/>
Thay thế Mã ứng dụng của app mà bạn đã copy ở cuối Bước 1
Thay Facebook user ID bằng ID tài khoản Facebook của bạn

Thêm đoạn code sau vào trước thẻ </body>
<div id='fb-root'/>
<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 = &quot;//connect.facebook.net/vi_VN/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Cuối cùng ta sẽ xác định vị trí để chèn bình luận facebook. Thường thì ta chèn bình luận facebook vào cuối bài viết, có 2 cách để thực hiện.
Cách 1: Thêm đoạn code sau ngay dưới thẻ <b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
</b:if>

Cách 2: Thêm đoạn code sau dưới thẻ đóng </div> của thẻ <div class='post-footer'> (Thẻ này nằm trong phần <b:includable id='post' var='post'>)
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
</b:if>

colorscheme='light' : màu của khung bình luận, facebook cung cấp 2 giao diện là light và dark
numposts='5' : số bình luận hiển thị
width='530' : kích thước chiều ngang của khung bình luận

Vậy là xong, ta Lưu Mẫu lại.

Bước 3: Quản lý Facebook Comment
Truy cập https://developers.facebook.com/tools/comments sau đó chọn ứng dụng của bạn để quản lý bình luận facebook trên blog.

Hướng đẫn tạo widget cố định cho Blogspot mới nhất

Thông thường khi bạn xem một bài viết trên blog và kéo xuống dưới thì những widget ở trên sẽ bị ẩn dần đi. Tuy nhiên bạn cũng có thể giữ cố định một hay nhiều widget khi người đọc kéo xuống dưới để tăng sự tương tác với blog.

Việc này có thể mang đến cho bạn một số lợi ích như:

  • Cố định widget Bài đăng phổ biến để tăng lượt view và thời gian xem blog. Điều này tốt cho SEO.
  • Cố định widget Like fanpage hoặc Subscribe by email để tăng lượt theo dõi blog qua email hoặc các mạng xã hội.
  • Một chú ý là bạn không nên đặt quảng cáo của Google Adsense hoặc quảng cáo nào khác cố định trên blog, bạn có thể bị các trang quảng cáo phạt vì việc này.
  • OK. Giờ chúng ta bắt tay vào làm thôi, để thực hiện điều này bạn chỉ cần thêm đoạn code sau vào trước thẻ </body> trong chỉnh sửa mẫu là được.

    <script type='text/javascript'>
    //<![CDATA[
    (function(b){var c={topSpacing:0,bottomSpacing:0,className:"is-sticky",center:false},f=b(window),e=b(document),d=[],h=f.height(),a=function(){var j=f.scrollTop(),q=e.height(),p=q-h,l=(j>p)?p-j:0;for(var m=0;m<d.length;m++){var r=d[m],k=r.stickyWrapper.offset().top,n=k-r.topSpacing-l;if(j<=n){if(r.currentTop!==null){r.stickyElement.css("position","").css("top","").removeClass(r.className);r.currentTop=null}}else{var o=q-r.elementHeight-r.topSpacing-r.bottomSpacing-j-l;if(o<0){o=o+r.topSpacing}else{o=r.topSpacing}if(r.currentTop!=o){r.stickyElement.css("position","fixed").css("top",o).addClass(r.className);r.currentTop=o}}}},g=function(){h=f.height()};if(window.addEventListener){window.addEventListener("scroll",a,false);window.addEventListener("resize",g,false)}else{if(window.attachEvent){window.attachEvent("onscroll",a);window.attachEvent("onresize",g)}}b.fn.sticky=function(i){var j=b.extend(c,i);return this.each(function(){var l=b(this);if(j.center){var k="margin-left:auto;margin-right:auto;"}stickyId=l.attr("id");l.wrapAll('<div id="'+stickyId+'StickyWrapper" style="'+k+'"></div>').css("width",l.width());var m=l.outerHeight(),n=l.parent();n.css("width",l.outerWidth()).css("height",m).css("clear",l.css("clear"));d.push({topSpacing:j.topSpacing,bottomSpacing:j.bottomSpacing,stickyElement:l,currentTop:null,stickyWrapper:n,elementHeight:m,className:j.className})})}})(jQuery);
    //]]>
    </script>
    <script type='text/javascript'>
    $(document).ready(function(){
    $("#WIDGET_ID").sticky({topSpacing:0,bottomSpacing:500});
    });
    </script>

    Tùy chỉnh
    Thay thế
    500 là điểm dừng từ chân trang đến widget cố định đơn vị là pixel
    WIDGET_ID thành tiện ích mà bạn muốn cố định
    Để biết được WIDET ID bạn vào Bố cục nhấp vào chỉnh sửa Widget muốn lấy ID. Khi Popup hiện lên bạn sẽ thấy ở cuối thanh địa chỉ URL có dạng như sau widgetId = và đến ID Widget.

    Hướng dẫn cách trỏ tên miền .ga .tk .cf .gq .ml về blogspot mới nhất
    Việc bạn muốn có tên miền ngắn gọn dễ nhớ để chia sẻ với bạn bè, các tên miền ngắn gọn trên thì trường rất tốn kém và bạn vẫn đang là sinh viện học sinh không đủ kinh phí để mua tên miền cấp cao vậy làm thế nào để bạn sở hữu một tên miền ngắn gọn dễ nhớ đây. bài viết dưới đây mình xin chia sẻ Hướng dẫn cách trỏ tên miền .ga .tk .cf .gq .ml về blogspot mới nhất

    Bước 1: Các thiết lập DNS của blogger


    Đăng nhập blog > Vào Cài đặt (Cơ bản)
    Tại phần "Địa chỉ blog" kích vào "+ Thiết lập URL của bên thứ 3 cho blog của bạn"
    Nhập tên miền của bạn vào ( nhớ thêm www.), ở đây mình nhập "www.tenmienmienphi.ga", tiếp theo ấn "Lưu"

    Như trên hình bạn thấy lỗi vì thiếu mục CNAME trong tên miền, bạn để nguyên trang đó như vậy rồi tiếp tục làm bước 2.

    Bước 2: Cấu hình ClouDNS


    Truy cập https://www.cloudns.net và tạo 1 tài khoản. Khi đã xác minh địa chỉ email hoàn tất, bạn đăng nhập vào bảng điều khiển.


    Tiếp theo trong phần "DNS zones" ấn "[Add new]", chọn "Master zone". Nhập tên miền của bạn vào (ở đây mình nhập "tenmienmienphi.ga") rồi ấn "tạo"

    Bạn sẽ nhận được một vùng DNS mới với các bản ghi NS đã được thiết lập:

    Bấm chọn CNAME, rồi ấn "Tạo mẫu tin mới". Tại Host: nhập "www" , Trỏ đến: nhập "ghs.google.com" (đây chính là CNAME ở cuối bước 1),sau đó ấn "save"

    Tương tự thêm CNAME nữa, cũng chính là CNAME ở cuối bước 1. Như của mình thì là
    Host: cg2zicrlzboq
    Trỏ đến: gv-5qcpkj65aavsdh.dv.googlehosted.com
    Ấn "save"

    Cuối cùng chọn "A" thêm 4 bản ghi A với địa chỉ IP: 216.239.32.21 ,  216.239.34.21 ,  216.239.36.21 và 216.239.38.21 ( Mục Host để trống)

    Làm xong ta sẽ được hình như này

    Bước 3: Cấu hình Freenom


    Đăng nhập http://freenom.com/ > Vào DOMAINS > My Domains
    Bạn sẽ thấy những tên miền mà bạn đã đăng kí
    Nhấn "Manage Domain" ở cuối dòng của tên miền mà bạn muốn trỏ.

    Chọn Management Tools > Nameservers
    Tích chọn "Use custom nameservers (enter below)"
    Điền 4 ô NS lấy từ cloudns.net vào theo đúng thứ tự. Sau đó nhấn "Change Nameservers"

    Bước 4: Cấu hình blogger.com


    Quay trở lại blogger.com. Ở cuối bước 1, bây giờ ta ấn "Lưu"

    Bạn vẫn có thể cần phải chờ khoảng 48 giờ để tất cả các máy chủ DNS đã phản ánh những thay đổi và điểm vào Blogger.
    Cuối cùng, vẫn ở phần Cài đặt, bạn nhấn "Chỉnh sửa" (ngay cạnh tên miền). Tích chọn "Chuyển hướng tenmienmienphi.ga đến www.tenmienmienphi.ga." rồi "Lưu" lại.

    Vậy là đã xong, chúc các bạn thành công !
    Hướng dẫn thay đổi tên miền mới cho Blogspot với Google Search Console
    Khi bạn thêm một tên miền mới cho blog của mình (ví dụ như thêm tên miền .com thay cho .blogspot.com) thì sẽ phải mất 1 thời gian để Google cập nhật và dĩ nhiên blog của bạn sẽ bị tụt hạng trên công cụ tìm kiếm, ảnh hưởng lớn đến SEO. Lúc này khi bạn tìm kiếm sẽ xuất hiện cả 2 tên miền .com và .blogspot.com, để nhanh chóng hợp nhất chúng làm một thì bạn cần đến công cụ Search Console (trước là Webmaster Tools) của Google.

    Hướng dẫn thay đổi địa chỉ trang web với Google Search Console khi mới thêm tên miền mới cho Blogger (Blogspot)

    Bước 1: Truy cập Google Search Console
    Lưu ý rằng bạn cần phải thêm cả 2 tên miền .com và .blogspot.com, nếu chưa thêm thì bạn nhấn vào Thêm thuộc tính và nhập địa chỉ của 2 tên miền đó vào


    Tiếp theo, nhấn vào tên miền cũ .blogspot.com. Nhấn tiếp vào hình răng cưa rồi chọn Thay đổi địa chỉ


    Bước 2: Hoàn thành các bước xác minh


    1, Chọn tên miền .com muốn thay đổi
    2, Nhấn vào kiểm tra để xác nhận chuyển hướng 301 hoạt động đúng cách, thường khi thêm tên miền mới thì Blogger đã tự động chuyển hướng cho chúng ta rồi.
    3, Hãy chắc rằng 2 tên miền cũ và mới của bạn đã được xác minh.
    4, Sau khi hoàn tất thì ấn Gửi
    Nếu không muốn thay đổi địa chỉ nữa thì bạn có thể nhấn nút Hủy bên dưới nhé.
    Chia sẻ cách khắc phục lỗi không hiển thị hình ảnh trên Blogspot do nhà mạng chặn
    Cách này đã có từ lâu và hôm nay mình xin chia sẻ lại cho các bạn nào chưa biết nhé, Tại thời điểm hiện tại, một số nhà mạng - cụ thể là VNPT đã chính thức chặn subdomain .blogspot.com, nguyên nhân là do xuất hiện những blog có nội dung xấu, trái với pháp luật Việt Nam. Điều này gây ảnh hưởng rõ dệt không chỉ cho người dùng mà còn ảnh hưởng đến những ai sử dụng nền tảng Blogger làm website.


    Để khắc phục tình trạng này, trên mạng đã hướng dẫn một số thủ thuật như thay đổi DNS hay gắn tên miền mới. Tuy nhiên không phải ai cũng biết thay đổi DNS (bạn sẽ mất một lượng lớn người truy cập), còn việc gắn tên miền mới thì vẫn sử dụng ảnh upload có đuôi bp.blogspot.com nên hình ảnh đương nhiên sẽ bị chặn.

    Vậy đâu là lối thoát cho người dùng Blogger ? Vâng, với một thủ thuật đơn giản sau đây, hình ảnh sẽ được hiển thị dù bị nhà mạng chặn

    Hướng dẫn khắc phục lỗi không hiển thị hình ảnh trên Blogger (Blogspot) do nhà mạng chặn

    Cách 1: Chỉnh sửa thủ công
    Khi upload ảnh lên bài viết, link ảnh sẽ có dạng *.bp.blogspot.com, bạn chỉ cần chuyển bài viết qua chế độ HTML rồi sửa link đó thành lh4.googleusercontent.com hoặc lh4.ggpht.com

    Cách 2: Chỉnh sửa tự động sử dụng Javascript
    Chỉ với một đoạn code ngắn, nó sẽ tự động thay thế link ảnh, bạn sẽ không cần ngồi sửa thủ công từng bài một.
    Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
    Chèn đoạn code này vào trước thẻ </body> rồi Lưu mẫu lại
    <script type='text/javascript'>
    //<![CDATA[
    var images = document.getElementsByTagName("img");
    for(var i=0;i<images.length;i++) {   
    images[i].src = images[i].src.replace(/[0-9]+.bp.blogspot.com/,"lh4.googleusercontent.com");
    }
    //]]>
    </script>

    Cách 3: Chỉnh sửa tự động sử dụng JQuery
    Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
    Chèn đoạn code dưới vào trước thẻ </body> rồi Lưu mẫu lại
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type='text/javascript'>
    //<![CDATA[
    $("body img").each(function () {$(this).attr("src", $(this).attr("src").replace(/\/[0-9]+(\.bp\.blogspot)?/, "/lh4.googleusercontent")) });
    //]]>
    </script>

    Nếu blog của bạn đã có thư viện JQuery thì hãy xóa dòng <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    Hướng dẫn cách chèn quảng cáo vào giữa bài viết cho Blogspot
    Việc trước đây mọi người hay áp dụng cách chèn quảng cáo vào giữa nội dung bài viết, tuy nhiên đó chỉ là cách chèn thủ công. Ở bài viết lần này, mình sẽ giới thiệu một cách khác cho các bạn và cách này tất nhiên sẽ tiện lợi, đỡ tốn thời gian hơn cách cũ.


    Bước 1: Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
    Tìm đến thẻ hiển thị nội dung bài viết <data:post.body/> và thay thẻ này bằng đoạn code sau
    <div expr:id='&quot;zet1&quot; + data:post.id'/>
    <div class='googlezet'>
    <!-- Chèn code quảng cáo của bạn ở đây -->
    </div>
    <div expr:id='&quot;zet2&quot; + data:post.id'><p><data:post.body/></p></div>
    <script type='text/javascript'>
    var obj0=document.getElementById(&quot;zet1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;zet2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
    </script>

    Bước 2: Thêm đoạn css này vào trước thẻ đóng ]]></b:skin>
    .googlezet{margin:15px auto;text-align:center}

    Cuối cùng Lưu Mẫu lại là xong !

    Thủ thuật chống click chuột Phải và Ctrl+U trong Blogspot
    Việc bị người khác copy bài viết của mình mà không ghi nguồn khiến bạn cực kỳ ghét người đã copy bài viết của bạn? Bạn không muốn công sức và tâm huyết mình bỏ ra bị người khác lấy mất? Thủ thuật chống click chuột Phải và Ctrl+U dưới đây sẽ phần nào giúp bạn gỡ rối.
    Cách làm

    Đăng nhập Blogger ~> Mẫu ~> Chỉnh sửa HTML
    (Tùy mục đích mà bạn có thể chèn code của 1 hoặc cả 2 thủ thuật)
    1. Chống click chuột Phải
    Thêm đoạn code này trước thẻ </head>
    <style type='text/css'>
    body{
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    -o-user-select: none;
    user-select: none;
    }
    </style>
     <script type='text/javascript'>
    //<![CDATA[
    // JavaScript Document
    var message="NoRightClicking"; function defeatIE() {if (document.all) {(message);return false;}} function defeatNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=defeatNS;} else{document.onmouseup=defeatNS;document.oncontextmenu=defeatIE;} document.oncontextmenu=new Function("return false")
    //]]>
    </script>

    2. Chống Ctrl+U
    Thêm đoạn code này trước thẻ </head>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'/> 
    <script type='text/javascript'>
    checkCtrl=false $(&#39;*&#39;).keydown(function(e){ 
    if(e.keyCode==&#39;17&#39;){ checkCtrl=false  } }).keyup(function(ev){ 
    if(ev.keyCode==&#39;17&#39;){ checkCtrl=false } }).keydown(function(event){ 
    if(checkCtrl){ 
    if(event.keyCode==&#39;85&#39;){ return false; } } })
    </script>

    Tiếp theo, thay thẻ
    <body>
    Thành
    <body onkeydown="return false">

    Lưu Mẫu lại và xem thành quả.
    Hướng dẫn một số code Popup quảng cáo cho blog/web
    Mình xin được chia sẻ một số code Popup quảng cáo cho blog/web để ae có thể vọc cho blogs của mình nhé. Các loại Code Popup trong bài viết
    • Code Popup xuất hiện nhiều tab mỗi khi click chuột
    • Code Popup-under hiện sau trình duyệt cho blog/web
    • Code Popup mở tab mới khi click vào vị trí bất kỳ trên web
    • Code Popup mở cửa sổ quảng cáo nhỏ dưới góc màn hình
    • Code Popup: Xuất hiện popup khi click chuột lần đầu tiên
    • Code Popup : Xuất hiện nhiều cửa sổ khi click lần đầu tiên
    • Code tạo quảng cáo popup xuất hiện 1 lần/1 ngày/1 ip
    Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
    Sửa link http://phuongka.blogspot.com/ thành đường link của web mà bạn muốn đặt Popup
    1. Code Popup xuất hiện nhiều tab mỗi khi click chuột

    Thay <body> thành
    <body onclick='open_popup()'>
    
    <script type='text/javascript'>
    /* <![CDATA[ */
    function open_popup() {
    window.open("http://phuongka.blogspot.com/")
    window.open("http://phuongka.blogspot.com/")
    window.open("http://phuongka.blogspot.com/")
    }
    /* ]]> */
    </script>
    Mặc định là mở 3 trang Popup, các bạn có thể thêm hoặc bớt với đoạn code window.open("địa_chỉ_web")
    Khuyến cáo: cách này sẽ gây khó chịu cho người dùng

    2. Code Popup-under hiện sau trình duyệt cho blog/web

    Đặc điểm:
    - Các popup-under sẽ tự động xuất hiện mà không cần phải đợi độc giả click vào một vị trí bất kỳ trên trang của bạn.
    - Popup sẽ không xuất hiện trên các trình duyệt sử dụng các add on hay phần mềm chặn popup.

    Cách thực hiện:
    Thêm 1 trong 2 đoạn code sau vào trước thẻ </head> (Hoặc Vào bố cục (Layout) ~> Thêm tiện ích (Add a widget) ~> HTML/Javascript ~> Dán 1 trong 2 đoạn code sau vào)

    Code 1:
    <script>
    function popup() {
    var url = "http://phuongka.blogspot.com/";
    window.open(url);
    popWin = window.open(page,'popWin');
    popWin.blur();
    window.focus();
    }
    popup();
    </script>

    Code 2:
    <script>
    
    //Pop-under window- By JavaScript Kit
    //Credit notice must stay intact for use
    //Visit http://javascriptkit.com for this script
    
    //specify page to pop-under
    var popunder="http://phuongka.blogspot.com/"
    
    //specify popunder window features
    //set 1 to enable a particular feature, 0 to disable
    var winfeatures="width=800,height=510,scrollbars=1,resizable=1,toolbar=1,location=1,menubar=1,status=1,directories=0"
    
    //Pop-under only once per browser session? (0=no, 1=yes)
    //Specifying 0 will cause popunder to load every time page is loaded
    var once_per_session=0
    
    ///No editing beyond here required/////
    
    function get_cookie(Name) {
      var search = Name + "="
      var returnvalue = "";
      if (document.cookie.length > 0) {
        offset = document.cookie.indexOf(search)
        if (offset != -1) { // if cookie exists
          offset += search.length
          // set index of beginning of value
          end = document.cookie.indexOf(";", offset);
          // set index of end of cookie value
          if (end == -1)
             end = document.cookie.length;
          returnvalue=unescape(document.cookie.substring(offset, end))
          }
       }
      return returnvalue;
    }
    
    function loadornot(){
    if (get_cookie('popunder')==''){
    loadpopunder()
    document.cookie="popunder=yes"
    }
    }
    
    function loadpopunder(){
    win2=window.open(popunder,"",winfeatures)
    win2.blur()
    window.focus()
    }
    
    if (once_per_session==0)
    loadpopunder()
    else
    loadornot()
    
    </script>

    3. Code Popup mở tab mới khi click vào vị trí bất kỳ trên web

    Thêm đoạn code sau vào trước thẻ </head> (Hoặc Vào bố cục (Layout) ~> Thêm tiện ích (Add a widget) ~> HTML/Javascript ~> Dán đoạn code sau vào)
    <script type="text/javascript" language=javascript> 
    function Set_Cookie(name, value, expires, path, domain, secure) {
    var today = new Date();
    today.setTime(today.getTime());
    var expires_date = new Date(today.getTime() + (expires));
    
    document.cookie = name + "=" + escape(value) +
    ((expires) ? ";expires=" + expires_date.toGMTString() : "") +
    ((path) ? ";path=" + path : "") +
    ((domain) ? ";domain=" + domain : "") +
    ((secure) ? ";secure" : "");
    }
    
    function Get_Cookie(name) {
    
    var start = document.cookie.indexOf(name + "=");
    var len = start + name.length + 1;
    if ((!start) &&
    (name != document.cookie.substring(0, name.length))) {
    return null;
    }
    if (start == -1) return null;
    var end = document.cookie.indexOf(";", len);
    if (end == -1) end = document.cookie.length;
    return unescape(document.cookie.substring(len, end));
    }
    
    function Delete_Cookie(name, path, domain) {
    if (Get_Cookie(name)) document.cookie = name + "=" +
    ((path) ? ";path=" + path : "") +
    ((domain) ? ";domain=" + domain : "") +
    ";expires=Mon, 11-November-1989 00:00:01 GMT";
    }
    
    function popunder() {
    
    if (Get_Cookie('cucre') == null) {
    Set_Cookie('cucre', 'cucre Popunder', '1', '/', '', '');
    var url = "http://phuongka.blogspot.com/";
    pop = window.open(url, 'windowcucre');
    pop.blur();
    
    window.focus();
    }}
    
    function addEvent(obj, eventName, func) {
    if (obj.attachEvent) {
    obj.attachEvent("on" + eventName, func);
    }
    else if (obj.addEventListener) {
    obj.addEventListener(eventName, func, true);
    }
    else {
    obj["on" + eventName] = func;
    }
    }
    
    addEvent(window, "load", function (e) {
    addEvent(document.body, "click", function (e) {
    popunder();
    });
    });
    
    </script>

    4. Code Popup mở cửa sổ quảng cáo nhỏ dưới góc màn hình

    Đặc điểm:
    - Xuất hiện 1 lần khi mở trang Web.
    - Cửa sổ trang Website được Pop nhỏ ở góc màn hình -> kéo dài thời gian ở lại của Website được Pop.

    Cách thực hiện:
    Thêm đoạn code sau vào trước thẻ </head> (Hoặc Vào bố cục (Layout) ~> Thêm tiện ích (Add a widget) ~> HTML/Javascript ~> Dán đoạn code sau vào)
    <script>function addEvent(obj,eventName,func){if(obj.attachEvent){obj.attachEvent("on"+eventName,func);}else if(obj.addEventListener){obj.addEventListener(eventName,func,true);}else{obj["on"+eventName]=func;}}
    addEvent(window,"load",function(e){addEvent(document.body,"click",function(e){var pX;pX=screen.width;if(!pX){pX=document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth;}
    if(pX>800){if(document.cookie.indexOf("pnpopup=popactive")==-1){document.cookie='pnpopup=popactive';params='width=50';params+=', height=50';params+=', top=1650, left=1460, resizable=no, scrollbars=yes, location=yes';var w=window.open("http://phuongka.blogspot.com/",'window1',params).blur();window.focus();}}});});</script>

    5. Code Popup: Xuất hiện popup khi click chuột lần đầu tiên

    Đặc điểm:
    - Cửa sổ Popup chỉ mở ra khi bạn click chuột lần đầu tiên khi truy cập một blog, các thao tác click về sau cửa sổ popup sẽ khi còn xuất hiện. Code này sẽ lấy ngẫu nhiên trang web/blog trong urllist để xuất hiện.

    Cách thực hiện:
    Thay <body> thành
    <body onclick="vtlai_popup();">
    
    <script language="javascript">
    /* <![CDATA[ */
    var sinhvienit=0;
    function SVIT_ADS_GetCookie(Name){
    var re=new RegExp(Name+"=[^;]+", "i");
    if (document.cookie.match(re))
    return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
    return ""
    }
    
    function SVIT_ADS_SetCookie(name, value, days){
    if (typeof days!="undefined"){
    var expireDate = new Date()
    var expstring=expireDate.setDate(expireDate.getDate()+days)
    document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString()
    }
    else document.cookie = name+"="+decodeURIComponent(value);
    }
    
    function vtlai_popup()
    {
    var cookie_popup_ads = SVIT_ADS_GetCookie('sinhvienit_popup_ads');
    if (cookie_popup_ads=='') {
    if(sinhvienit==0)
    {
    sinhvienit=1;
    var Time_expires = 24 * 3600 * 1000;
    SVIT_ADS_SetCookie('sinhvienit_popup_ads','true',Time_expires);
    var urllist = ['http://phuongka.blogspot.com/','http://phuongka.blogspot.com/','http://phuongka.blogspot.com/'];
    var url = urllist[Math.floor(Math.random() * urllist.length)];
    var params = 'width=' + '300';
    params += ', height=' + '300';
    params += ', top=0,left=0,scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';
    var pop_ads_open = window.open(url, 'sinhvienit_ads_pop', params);
    }
    }
    }
    /* ]]> */
    </script>

    6. Code Popup : Xuất hiện nhiều cửa sổ khi click lần đầu tiên

    Đặc điểm:
    - Khi click vào blog lần đầu tiên tất cả các cửa sổ đều xuất hiện và chỉ 1 lần duy nhất, những cú click tiếp theo trên cùng 1 trình duyệt thì các cửa sổ không xuất hiện trong một khoảng thời gian nhất định.

    Cách thực hiện:
    Thay <body> thành
    <body onclick='vtlai_popup();'>
    
    <script language='javascript'>
    //<![CDATA[
    
    var sinhvienit=0;
    function SVIT_ADS_GetCookie(Name){
    var re=new RegExp(Name+"=[^;]+", "i");
    if (document.cookie.match(re))
    return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
    return ""
    }
    
    function SVIT_ADS_SetCookie(name, value, days){
    if (typeof days!="undefined"){
    var expireDate = new Date()
    var expstring=expireDate.setDate(expireDate.getDate()+days)
    document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString()
    }
    else document.cookie = name+"="+decodeURIComponent(value);
    }
    
    function vtlai_popup()
    {
    
    var cookie_popup_ads = SVIT_ADS_GetCookie('sinhvienit_popup_ads');
    if (cookie_popup_ads=='') {
    if(sinhvienit==0)
    {
    sinhvienit=1;
    var Time_expires = 24 * 3600 * 1000;
    SVIT_ADS_SetCookie('sinhvienit_popup_ads','true',Time_expires);
    var params = 'width=' + '600';
    params += ', height=' + '500';
    params += ',scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';
    
    var vtlai_popup_0 = window.open('http://phuongka.blogspot.com/', 'vtlai_popup_0', params +', top=0,left=0');
    
    var vtlai_popup_1 = window.open('http://phuongka.blogspot.com/', 'vtlai_popup_1', params +', top=0,left=0');
    
    var vtlai_popup_2 = window.open('http://phuongka.blogspot.com/', 'vtlai_popup_2', params +', top=0,left=0');
    
    var vtlai_popup_3 = window.open('http://phuongka.blogspot.com/', 'vtlai_popup_3', params +', top=0,left=0');
    
    }
    
    }
    }
    //]]>
    </script>

    7. Code tạo quảng cáo popup xuất hiện 1 lần/1 ngày/1 ip

    Thay <body> thành 1 trong 2 đoạn code sau

    Code 1:
    <body onclick='popunder();'>
    
    <script>
    /* <![CDATA[ */
    function Set_Cookie(a,b,c,e,f,g){var d=new Date;d.setTime(d.getTime());d=new Date(d.getTime()+c);document.cookie=a+"="+escape(b)+(c?";expires="+d.toGMTString():"")+(e?";path="+e:"")+(f?";domain="+f:"")+(g?";secure":"")}function Get_Cookie(a){var b=document.cookie.indexOf(a+"="),c=b+a.length+1;if(!b&&a!=document.cookie.substring(0,a.length)||-1==b)return null;a=document.cookie.indexOf(";",c);-1==a&&(a=document.cookie.length);return unescape(document.cookie.substring(c,a))} function Delete_Cookie(a,b,c){Get_Cookie(a)&&(document.cookie=a+"="+(b?";path="+b:"")+(c?";domain="+c:"")+";expires=Mon, 11-November-2020 00:00:01 GMT")}
    function popunder(){null==Get_Cookie("cucre")&&(Set_Cookie("cucre","cucre Popunder","1","/","",""),
    pop=window.open("http://phuongka.blogspot.com/","windowcucre"),
    pop.blur(),window.focus())}function addEvent(a,b,c){a.attachEvent?a.attachEvent("on"+b,c):a.addEventListener?a.addEventListener(b,c,!0):a["on"+b]=c} addEvent(window,"load",function(){addEvent(document.body,"click",function(){popunder()})});
    /* ]]> */</script>

    Code 2:
    <script>
        //<![CDATA[
    function Set_Cookie(name, value, expires, path, domain, secure) {
        var today = new Date();
        today.setTime(today.getTime());
        var expires_date = new Date(today.getTime() + (expires));
    
        document.cookie = name + "=" + escape(value) +
    ((expires) ? ";expires=" + expires_date.toGMTString() : "") +
    ((path) ? ";path=" + path : "") +
    ((domain) ? ";domain=" + domain : "") +
    ((secure) ? ";secure" : "");
    }
    
    function Get_Cookie(name) {
    
        var start = document.cookie.indexOf(name + "=");
        var len = start + name.length + 1;
        if ((!start) &&
    (name != document.cookie.substring(0, name.length))) {
            return null;
        }
        if (start == -1) return null;
        var end = document.cookie.indexOf(";", len);
        if (end == -1) end = document.cookie.length;
        return unescape(document.cookie.substring(len, end));
    }
    
    function Delete_Cookie(name, path, domain) {
        if (Get_Cookie(name)) document.cookie = name + "=" +
    ((path) ? ";path=" + path : "") +
    ((domain) ? ";domain=" + domain : "") +
    ";expires=Mon, 11-November-1989 00:00:01 GMT";
    }
    
    function popunder() {
     if (Get_Cookie('cucre') == null) {
         Set_Cookie('cucre', 'cucre Popunder', '1', '/', '', '');
            var url = "http://phuongka.blogspot.com/";
            pop = window.open(url, 'windowcucre');
      pop.blur();
    
            window.focus();
        }
    }
    
    function addEvent(obj, eventName, func) {
        if (obj.attachEvent) {
            obj.attachEvent("on" + eventName, func);
        }
        else if (obj.addEventListener) {
            obj.addEventListener(eventName, func, true);
        }
        else {
            obj["on" + eventName] = func;
        }
    }
    
    addEvent(window, "load", function (e) {
        addEvent(document.body, "click", function (e) {
            popunder();
        });
    });
        //]]>
    </script>
    <body onclick='popunder();'>
    Hướng dẫn cách phân trang cho Blogspot - Page Navigation for Blogger
    Khi mới bắt đầu với blogspot bạn không biết làm thế nào để phân trang cho blogspot đẹp hơn và sau đây mình xin hướng đẫn cách phân trang (Page Navigation) là một tiện ích được nhiều blog áp dụng nhằm tăng tính chuyên nghiệp cho trang blog của họ. Dưới đây mình sẽ hướng dẫn các bạn cách phân trang cho Blogger và một số style phân trang đẹp.

    Bước 1: Thêm code JavaScript phân trang
    Đăng nhập Blog ~> Vào Mẫu ~> Chỉnh sửa HTML. Thêm đoạn code sau vào trước thẻ </body>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type='text/javascript'>
        var postperpage=10;
        var numshowpage=4;
        var upPageWord ="&#171; Trước";
        var downPageWord ="Tiếp &#187;";
        var urlactivepage=location.href;
        var home_page="/";
      </script>
    <script type='text/javascript'>
    //<![CDATA[
    eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 K;6 i;6 h;6 u;1x();D 1s(15){6 5=\'\';M=L(Y/2);4(M==Y-M){Y=M*2+1}A=h-M;4(A<1)A=1;e=L(15/j)+1;4(e-1==15/j)e=e-1;C=A+Y-1;4(C>e)C=e;5+="<3 7=\'1A\'>1H "+h+\' 1I \'+e+"</3>";6 1d=L(h)-1;4(h>1){4(h==2){4(i=="n"){5+=\'<3 7="1N"><a 9="\'+B+\'">\'+13+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="/r/s/\'+u+\'?&b-l=\'+j+\'">\'+13+\'</a></3>\'}}c{4(i=="n"){5+=\'<3 7="g"><a 9="#" v="I(\'+1d+\');z y">\'+13+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="#" v="J(\'+1d+\');z y">\'+13+\'</a></3>\'}}}4(A>1){4(i=="n"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}c{5+=\'<3 7="g"><a 9="/r/s/\'+u+\'?&b-l=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1t(6 k=A;k<=C;k++){4(h==k){5+=\'<3 7="1L">\'+k+\'</3>\'}c 4(k==1){4(i=="n"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}c{5+=\'<3 7="g"><a 9="/r/s/\'+u+\'?&b-l=\'+j+\'">1</a></3>\'}}c{4(i=="n"){5+=\'<3 7="g"><a 9="#" v="I(\'+k+\');z y">\'+k+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="#" v="J(\'+k+\');z y">\'+k+\'</a></3>\'}}}4(C<e-1){5+=\'...\'}4(C<e){4(i=="n"){5+=\'<3 7="g"><a 9="#" v="I(\'+e+\');z y">\'+e+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="#" v="J(\'+e+\');z y">\'+e+\'</a></3>\'}}6 1b=L(h)+1;4(h<e){4(i=="n"){5+=\'<3 7="g"><a 9="#" v="I(\'+1b+\');z y">\'+1i+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="#" v="J(\'+1b+\');z y">\'+1i+\'</a></3>\'}}6 H=x.1G("H");6 1e=x.1F("1E-1D");1t(6 p=0;p<H.S;p++){H[p].1u=5}4(H&&H.S>0){5=\'\'}4(1e){1e.1u=5}}D 16(U){6 V=U.V;6 1j=L(V.1C$1B.$t,10);1s(1j)}D 1x(){6 f=o;4(f.d("/r/s/")!=-1){4(f.d("?Z-b")!=-1){u=f.F(f.d("/r/s/")+14,f.d("?Z-b"))}c{u=f.F(f.d("/r/s/")+14,f.d("?&b"))}}4(f.d("?q=")==-1&&f.d(".5")==-1){4(f.d("/r/s/")==-1){i="n";4(o.d("#E=")!=-1){h=o.F(o.d("#E=")+8,o.S)}c{h=1}x.1g("<m X=\\""+B+"W/T/Q?b-l=1&P=O-N-m&12=16\\"><\\/m>")}c{i="s";4(f.d("&b-l=")==-1){j=1z}4(o.d("#E=")!=-1){h=o.F(o.d("#E=")+8,o.S)}c{h=1}x.1g(\'<m X="\'+B+\'W/T/Q/-/\'+u+\'?P=O-N-m&12=16&b-l=1" ><\\/m>\')}}}D I(G){11=(G-1)*j;K=G;6 R=x.1v(\'1w\')[0];6 w=x.1r(\'m\');w.1f=\'1o/1n\';w.1l("X",B+"W/T/Q?1k-1m="+11+"&b-l=1&P=O-N-m&12=17");R.1h(w)}D J(G){11=(G-1)*j;K=G;6 R=x.1v(\'1w\')[0];6 w=x.1r(\'m\');w.1f=\'1o/1n\';w.1l("X",B+"W/T/Q/-/"+u+"?1k-1m="+11+"&b-l=1&P=O-N-m&12=17");R.1h(w)}D 17(U){1a=U.V.1y[0];6 1q=1a.1p.$t.F(0,19)+1a.1p.$t.F(1J,1K);6 1c=1M(1q);4(i=="n"){6 18="/r?Z-b="+1c+"&b-l="+j+"#E="+K}c{6 18="/r/s/"+u+"?Z-b="+1c+"&b-l="+j+"#E="+K}1O.9=18}',62,113,'|||span|if|html|var|class||href||max|else|indexOf|maksimal|thisUrl|showpageNum|nomerhal|jenis|postperpage|jj|results|script|page|urlactivepage|||search|label||lblname1|onclick|newInclude|document|false|return|mulai|home_page|akhir|function|PageNo|substring|numberpage|pageArea|redirectpage|redirectlabel|nopage|parseInt|nomerkiri|in|json|alt|summary|nBody|length|posts|root|feed|feeds|src|numshowpage|updated||jsonstart|callback|upPageWord||banyakdata|hitungtotaldata|finddatepost|alamat||post|nextnomer|timestamp|prevnomer|blogPager|type|write|appendChild|downPageWord|totaldata|start|setAttribute|index|javascript|text|published|timestamp1|createElement|loophalaman|for|innerHTML|getElementsByTagName|head|halamanblogger|entry|20|showpageOf|totalResults|openSearch|pager|blog|getElementById|getElementsByName|Page|of|23|29|showpagePoint|encodeURIComponent|showpage|location'.split('|'),0,{}))
    //]]>
    </script>
    </b:if>
    </b:if>

    postperpage=10; số bài viết hiển thị trên mỗi trang
    numshowpage=4; số nút hiển thị trên thanh Navigation
    Có thể thay &#171; Trước và Tiếp &#187; thành từ bạn muốn


    Bước 2: Một số style đẹp
    Thêm 1 trong các đoạn code css sau vào trước thẻ ]]></b:skin> rồi Lưu Mẫu lại

    Kiểu 1
    #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px;background:#555;border:1px solid #111}
    .blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;padding:15px 10px}
    .showpageNum a,.showpage a{background:#fff;text-decoration:none;white-space:nowrap;color:#222;margin:10px 3px;padding:5px 10px;border:1px solid #999}
    .showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;background-color:#444;border:1px solid #000}
    .showpageOf{display:none;margin:0}
    .showpagePoint{color:#fff;text-decoration:none;background-color:#444;font-size:12px;margin:10px 3px;padding:5px 10px;border:1px solid #000}
    

    Kiểu 2
    .blog-pager,#blog-pager{font-size:normal}
    .showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
    .showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:bold}
    .showpageNum a{color:#000;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#f8b5a4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFHL32OZcGDl1RjApaFCNDCBNxePxV6H3KcTIe-aa9AdpvooYtnPZfdDtotLxATpTDOGc0QFCTwJQcEx8mxuGAMbvF6-ZY0375Gwg6bvvx4pK5lLhtO9erAk8f3-cyT8l-3jfpUrInzDn/s90/pagenav1.png) 0 -60px repeat-x}
    .showpageNum a:hover{border:1px solid #888;background:#f7cac9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFHL32OZcGDl1RjApaFCNDCBNxePxV6H3KcTIe-aa9AdpvooYtnPZfdDtotLxATpTDOGc0QFCTwJQcEx8mxuGAMbvF6-ZY0375Gwg6bvvx4pK5lLhtO9erAk8f3-cyT8l-3jfpUrInzDn/s90/pagenav1.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}
    .showpagePoint{color:#666;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f2f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFHL32OZcGDl1RjApaFCNDCBNxePxV6H3KcTIe-aa9AdpvooYtnPZfdDtotLxATpTDOGc0QFCTwJQcEx8mxuGAMbvF6-ZY0375Gwg6bvvx4pK5lLhtO9erAk8f3-cyT8l-3jfpUrInzDn/s90/pagenav1.png) 0 -5px repeat-x;text-decoration:none}
    Bạn nào bị không hiện đủ bề rộng nút phân trang thì thay #blog-pager{font-size:normal} thành #blog-pager{font-size:normal;overflow:visible;} (Áp dụng từ Kiểu 2 đến Kiểu 11)

    Kiểu 3
    .blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#b1a7c3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-0IlLM5ki2Qd3SEiIfBAfn2ElXeTYzbMrFtPHKoVRq3I_B4geVVgKE6tMqOFAKA8w60Os0F9nR9NSuOLkl5MVnvzWB3WqgA1vijU6n9ybuYEqJk-FDfsAOKOP2Q5yL1A1kWW_hVBG-qK/s90/pagenav2.png) 0 -60px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#f7b36a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-0IlLM5ki2Qd3SEiIfBAfn2ElXeTYzbMrFtPHKoVRq3I_B4geVVgKE6tMqOFAKA8w60Os0F9nR9NSuOLkl5MVnvzWB3WqgA1vijU6n9ybuYEqJk-FDfsAOKOP2Q5yL1A1kWW_hVBG-qK/s90/pagenav2.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#444;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f7d5b0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-0IlLM5ki2Qd3SEiIfBAfn2ElXeTYzbMrFtPHKoVRq3I_B4geVVgKE6tMqOFAKA8w60Os0F9nR9NSuOLkl5MVnvzWB3WqgA1vijU6n9ybuYEqJk-FDfsAOKOP2Q5yL1A1kWW_hVBG-qK/s90/pagenav2.png) 0 0 repeat-x;text-decoration:none}

    Kiểu 4
    .blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border-bottom:3px solid #fe9a2e;background:#f7f8e0}.showpageNum a:hover{border-bottom:3px solid #df01d7;background:#f6cee3}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#333;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;border-bottom:3px solid #fe9a2e;background:#f8e0f7;text-decoration:none}

    Kiểu 5
    .blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:2px 8px;margin:0 4px;text-decoration:none;border-bottom:2px solid #5fb404;border-top:2px solid #5fb404;background:#effbf5}.showpageNum a:hover{border-bottom:2px solid #df01d7;background:#a9f5f2;border-top:2px solid #df01d7}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:2px 8px;margin:2px;font-weight:700;border-bottom:2px solid #5e610b;border-top:2px solid #5e610b;background:#5e610b;text-decoration:none}

    Kiểu 6
    .blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7hlyXcS76CIHzNFkqzdMnrcqhY9WRlEcDcNePwxZQKIy19Ijjh4-9V89QPvcO71jR3CIRVmE7ajQL9taWf1bBPoFSUpdVBgt3fAJuCr-KoDT0_AZ8pTKalu7JvwDGwGTq11gwZ9G6Da_i/s75/wp1.jpg) 0 -50px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7hlyXcS76CIHzNFkqzdMnrcqhY9WRlEcDcNePwxZQKIy19Ijjh4-9V89QPvcO71jR3CIRVmE7ajQL9taWf1bBPoFSUpdVBgt3fAJuCr-KoDT0_AZ8pTKalu7JvwDGwGTq11gwZ9G6Da_i/s75/wp1.jpg) 0 -25px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7hlyXcS76CIHzNFkqzdMnrcqhY9WRlEcDcNePwxZQKIy19Ijjh4-9V89QPvcO71jR3CIRVmE7ajQL9taWf1bBPoFSUpdVBgt3fAJuCr-KoDT0_AZ8pTKalu7JvwDGwGTq11gwZ9G6Da_i/s75/wp1.jpg) 0 0 repeat-x;text-decoration:none}

    Kiểu 7
    .blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #919106;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglCeai1ZjwpCjHzQmwZUT452C9GWjkU1J_boGk8EQGj7kJUMTBqnO1kJ7IexFCZ8GnOrrDPc8gYrg5X77Ac1t7RfE2aPMMhV5V5Er3HX9JKkAVuxm5AcKf_TqcC49PdGKt76Q0MBNV3uu/s75/wp2.jpg) 0 -50px repeat-x}.showpageNum a:hover{border:1px solid #aeae0a;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglCeai1ZjwpCjHzQmwZUT452C9GWjkU1J_boGk8EQGj7kJUMTBqnO1kJ7IexFCZ8GnOrrDPc8gYrg5X77Ac1t7RfE2aPMMhV5V5Er3HX9JKkAVuxm5AcKf_TqcC49PdGKt76Q0MBNV3uu/s75/wp2.jpg) 0 -25px repeat-x}.showpageOf{margin:0 5px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #919106;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglCeai1ZjwpCjHzQmwZUT452C9GWjkU1J_boGk8EQGj7kJUMTBqnO1kJ7IexFCZ8GnOrrDPc8gYrg5X77Ac1t7RfE2aPMMhV5V5Er3HX9JKkAVuxm5AcKf_TqcC49PdGKt76Q0MBNV3uu/s75/wp2.jpg) 0 0 repeat-x;text-decoration:none}

    Kiểu 8
    .blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#363636 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUwZkAnN9Dfg62VZ3YwSVoHfwsMOd7e99U8A_BKvorDEFTtlDZusy_6tAcnraqtkA6kMzHO4MSb74Q2EZFtydYknQUM-9BQDnyuf5aBS4T6PxEwJY_QU9qnSV18q6uHpYnew1GaX6MW6YV/s75/wp3.jpg) 0 -25px repeat-x}.showpageNum a:hover{background:#044697 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUwZkAnN9Dfg62VZ3YwSVoHfwsMOd7e99U8A_BKvorDEFTtlDZusy_6tAcnraqtkA6kMzHO4MSb74Q2EZFtydYknQUM-9BQDnyuf5aBS4T6PxEwJY_QU9qnSV18q6uHpYnew1GaX6MW6YV/s75/wp3.jpg) 0 -50px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#e30000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUwZkAnN9Dfg62VZ3YwSVoHfwsMOd7e99U8A_BKvorDEFTtlDZusy_6tAcnraqtkA6kMzHO4MSb74Q2EZFtydYknQUM-9BQDnyuf5aBS4T6PxEwJY_QU9qnSV18q6uHpYnew1GaX6MW6YV/s75/wp3.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}

    Kiểu 9
    .blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border-top:2px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJBcz7jrg7D_DusM9KMmfVDlOdhjRIN6WjtZ4R8QzbEpuzpV1nJL8Kj_Tv2EFO09JKc2-Va80GvOmmuTv4yIVNGNoat6v9yJvaOWj4-vnOZv0Eo1JnM9Ryw-DA7Bju0fY4fo-LPOC-6lE/s75/wp4.jpg) 0 -25px repeat-x}.showpageNum a:hover{border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;border-bottom:2px solid #999;background:#999 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJBcz7jrg7D_DusM9KMmfVDlOdhjRIN6WjtZ4R8QzbEpuzpV1nJL8Kj_Tv2EFO09JKc2-Va80GvOmmuTv4yIVNGNoat6v9yJvaOWj4-vnOZv0Eo1JnM9Ryw-DA7Bju0fY4fo-LPOC-6lE/s75/wp4.jpg) 0 -50px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;border-top:2px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJBcz7jrg7D_DusM9KMmfVDlOdhjRIN6WjtZ4R8QzbEpuzpV1nJL8Kj_Tv2EFO09JKc2-Va80GvOmmuTv4yIVNGNoat6v9yJvaOWj4-vnOZv0Eo1JnM9Ryw-DA7Bju0fY4fo-LPOC-6lE/s75/wp4.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}

    Kiểu 10
    .blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRcOMa0WbscSCi7gXyTD3ahwqSGEr5-a8PT5c83L2O2POMc9J5qeN2eND6Usp1dS1mlHNHozuWkLPX4zPwA8-YJAcMKkVn7fOe1lWXfpT2bknGwzzdUWZerYK4Syqcc35hprdGUF4mRdtq/s75/wp5.jpg) 0 -50px repeat-x}.showpageNum a:hover{background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRcOMa0WbscSCi7gXyTD3ahwqSGEr5-a8PT5c83L2O2POMc9J5qeN2eND6Usp1dS1mlHNHozuWkLPX4zPwA8-YJAcMKkVn7fOe1lWXfpT2bknGwzzdUWZerYK4Syqcc35hprdGUF4mRdtq/s75/wp5.jpg) 0 -25px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#06a2b9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRcOMa0WbscSCi7gXyTD3ahwqSGEr5-a8PT5c83L2O2POMc9J5qeN2eND6Usp1dS1mlHNHozuWkLPX4zPwA8-YJAcMKkVn7fOe1lWXfpT2bknGwzzdUWZerYK4Syqcc35hprdGUF4mRdtq/s75/wp5.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}

    Kiểu 11
    .blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#fff;font-size:11px;margin:10px;padding:8px 20px;background:#333}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#666}.showpageNum a:hover{background:#aeb404}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#da6100;text-decoration:none}.showpageOf{margin:0 5px 0 0}
    Tổng hợp một số Thẻ điều kiện if trong blogspot mới nhất
    Việc cần biết một số thẻ điều kiện if trong blogspot nó sẻ giúp bạn có thêm kiến thức để áp dụng cho hay chỉnh sửa cho blog của chính bạn. Với thẻ điều kiện if, bạn có thể đưa ra điều kiện để hiển thị một đoạn code, một nội dung nào đó tại trang mà bạn muốn trong blog. Thẻ này cũng giúp cho việc tối ưu Seo.

    I. Cú pháp của thẻ điều kiện if

    <b:if cond='Điều_kiện'>
    Nội dung hiển thị
    </b:if>

    II. Danh sách các thẻ điều kiện dùng trong blogspot

    1. Hiển thị trên trang chủ (HomePage), trang nhãn (Label), trang lưu trữ (Archive)

    <b:if cond='data:blog.pageType == "index"'>
    // Nội dung hiển thị
    </b:if>

    2. Hiển thị trên trang bài viết (Post)

    <b:if cond='data:blog.pageType == "item"'>
    // Nội dung hiển thị
    </b:if>

    3. Hiển thị trên trang tĩnh (Page).

    <b:if cond='data:blog.pageType == "static_page"'>
    // Nội dung hiển thị
    </b:if>

    4. Hiển thị trên trang lưu trữ (Archive)

    <b:if cond='data:blog.pageType == "archive"'>
    // Nội dung hiển thị
    </b:if>

    5. Hiển thị trên trang chủ (HomePage)

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    // Nội dung hiển thị
    </b:if>

    6. Hiển thị trên một trang URL bất kỳ

    <b:if cond='data:blog.url == "PUT_URL_HERE"'>
    // Nội dung hiển thị
    </b:if>

    7. Hiển thị trên trang tĩnh (Page) và trang bài viết (Post)

    <b:if cond='data:blog.url == data:post.url'>
    // Nội dung hiển thị
    </b:if>

    8. Hiển thị các nhãn (Label)

    <b:if cond='data:blog.searchLabel'>
    // Nội dung hiển thị
    </b:if>

    9. Hiển thị cho nhãn (Label) được chỉ định

    <b:if cond='data:blog.searchLabel == &quot;Thủ Thuật Blogger&quot;'>
    // Hiển thị nội dung cho nhãn 'Thủ Thuật Blogger'
    </b:if>

    10. Hiển thị cho bài viết đầu tiên

    <b:if cond='data:post.isFirstPost'>
    // Nội dung hiển thị
    </b:if>

    11. Hiển thị trên mobile

    <b:if cond='data:blog.isMobile'>
    // Nội dung hiển thị
    </b:if>

    12. Hiển thị khi có Backlink

    <b:if cond='data:post.showBacklinks'>
    // Nội dung hiển thị
    </b:if>

    13. Hiển thị với tác giả bài viết

    <b:if cond='data:displayname == "DX Oan"'>
    // Hiển thị nội dung với tác giả 'DX Oan'
    </b:if>

    14. Hiển thị trên trang có số comments bằng một giá trị nào đó

    <b:if cond='data:post.numComments == 3'>
    // Hiển thị nội dung với bài viết có 3 bình luận
    </b:if>

    <b:if cond='data:post.numComments > 1'>
    // Hiển thị nội dung với bài viết có nhiều hơn 1 bình luận
    </b:if>

    15. Hiển thị trong tất cả các trang khi chức năng comment được kích hoạt

    <b:if cond='data:post.allowComments'>
    // Nội dung hiển thị
    </b:if>

    16. Hiển thị trên trang tìm kiếm

    <b:if cond='data:blog.searchQuery'>
    // Nội dung hiển thị
    </b:if>

    17. Hiển thị cho kết quả tìm kiếm

    <b:if cond='data:blog.searchQuery == &quot;blogger phuongka&quot;'>
    // Hiển thị nội dung cho kết quả tìm kiếm 'blogger phuongka' (http://phuongka.blogspot.com/search?q=blogger%20phuongka)
    </b:if>

    18. Hiển thị trên các trang lỗi 404

    <b:if cond='data:blog.pageType == "error_page"'>
    // Nội dung hiển thị
    </b:if>

    III. Ví dụ minh họa

    VD1: Hiển thị đoạn code hay nội dung trên trang bài viết

    <b:if cond='data:blog.pageType == "item"'>
    Nội dung hiển thị
    </b:if>

    VD2: Nếu là trang bài viết thì hiển thị nội dung 1, còn không phải thì hiển thị nội dung 2 ( Nghĩa là: Nội dung 1 hiển thị trên trang bài viết, nội dung 2 hiển thị trên các trang còn lại )

    <b:if cond='data:blog.pageType == "item"'>
    Nội dung 1, nếu điều kiện là đúng
    <b:else/>
    Nội dung 2, nếu điều kiện trên sai
    </b:if>

    VD3: Sử dụng kiểu so sánh khác "!="
    Nội dung được hiển thị trên tất cả các trang ngoại trừ trang chủ (HomePage)

    <b:if cond='data:blog.url != data:blog.homepageUrl'>
    Không hiển thị nội dung trên trang chủ
    </b:if>