Bộ sưu tập code tạo nút nhảy lên đầu trang,xuống cuối trang cho blogspot

Ứng với mỗi mẫu là code để chèn vào Blog, các bạn chỉ cần Thêm tiện ích HTML/Javacript rồi dán code vào, bấm Lưu lại là xong.

Demo: http://home.kenhdaihoc.com

Dưới đây là hình minh hoạ và code của các mẫu nút bấm, bạn thích cái nào thì copy code bên cạnh để dán vào Blog

<div id="navigation_up_down_37339"><script type="text/javascript" src=" http://kenhdaihoc.com/blogger/top1.js "></script></div> 



 
<div id="navigation_up_down_79523"><script type="text/javascript" src=" http://kenhdaihoc.com/blogger/top2.js "></script></div>

 <div id="navigation_up_down_89846"><script type="text/javascript" src=" http://kenhdaihoc.com/blogger/top3.js "></script></div>

 <div id="navigation_up_down_8685"><script type="text/javascript" src="http://kenhdaihoc.com/blogger/top4.js"></script></div>

<div id="navigation_up_down_60107"><script type="text/javascript" src="http://kenhdaihoc.com/blogger/top5.js"></script></div>

<div id="navigation_up_down_30337"><script type="text/javascript" src="http://kenhdaihoc.com/blogger/top6.js"></script></div>

<div id="navigation_up_down_21622"><<script type="text/javascript" src="http://kenhdaihoc.com/blogger/top7.js"></script></div>

 <div id="navigation_up_down_42562"><script type="text/javascript" src="http://kenhdaihoc.com/blogger/top8.js"></script></div>

 <div id="navigation_up_down_90798"><script type="text/javascript" src="http://kenhdaihoc.com/blogger/top9.js"></script></div>

<div id="navigation_up_down_58760"><script type="text/javascript" src="http://kenhdaihoc.com/blogger/top10.js"></script></div>





Xem thêm: http://kenhdaihoc.com/forum/showthread.php?t=3019

Thủ thuật tạo bảng quảng cáo ở góc phải cho blogspot

Trên một số Web/Blog, các bạn sẽ bắt gặp một số bảng quảng cáo để quảng bá thương hiệu hoặc hình ảnh nào đó. Với thủ thuật hôm nay, mình xin chia sẻ với các bạn code thủ thuật gắn 1 bảng quảng cáo ở góc phải Blog, khi click vào mỗi bảng quảng cáo thì bạn sẽ được đưa đến trang Web/Blog đã liên kết.



Demo: http://home.kenhdaihoc.com

Hoặc xem ảnh bên dưới

Hướng dẩn: Thêm tiện ích HTML/Javascript và chèn code bên dưới vào
Chúc thành công!
 

<style type="text/css">     
        * html div#fl813691 {position: absolute; overflow:hidden;     
        top:expression(eval(document.compatMode &&     
        document.compatMode=='CSS1Compat') ?     
        documentElement.scrollTop     
        +(documentElement.clientHeight-this.clientHeight)     
        : document.body.scrollTop     
        +(document.body.clientHeight-this.clientHeight));}     
         #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666;  position:fixed; _position: absolute; right:0; bottom:0; height:150px; }      
        #eb951855{ width:279px; padding-right:7px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCOWC_KJ3Ul4DkGAV6_qtfL-67pnh7ZilxA3PKmzKfJuU_QZEw03DQvuy8xRoM4jTiiJ-Fw4ioHICoEnys8e2HSkcKe6Ci5X5ML68LBPJ0f9LbWY33_nBJ6mIfeGRO1wzzHW-bgZquQA/s1600/rightp-kenhdaihoc.com.gif) no-repeat right top;}     
        #cob263512{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ8br7mRYWaNsIKIFguVO_nnhh0-7ZzQ9yDhY1YhkBPvCma0L0ecFyFTwh4nTU_FoQvXg8anNTXcOUzbaH4xWfaSCQvnU1Uxv2qbs3nZJxoP79HjgmoetXHQkoyjjyCzQfeuwmmk60oA/s1600/fulld-kenhdaihoc.com.gif) no-repeat left top; height:150px; padding-left:7px;}     
        #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}     
        #coh963846 a{color:#690;text-decoration:none;}     
        #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}     
                    #coc67178 li{display:inline;}     
                    #coc67178 li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl5CaDU_3oKLs4afaE5K3GkoXEUTFeREGlsC1jXnUxPOImxtD-7hsVyPw3QpJp9BX9AhmoHDc_CsQreUraLAGD4Y3QsMmQovI1F9cpwscp65UAnsTJty8kVImWY_WJH10pc2S9OqVqwQ/s1600/closebutton-kenhdaihoc.com.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}     
                        #coc67178 li a.close{background-position: 0 0;}     
                        #coc67178 li a.close:hover{background-position: 0 -15px;}     
                        #coc67178 li a.min{background-position: -30px 0;}     
                        #coc67178 li a.min:hover{background-position: -30px -15px;}     
                        #coc67178 li a.max{background-position: -60px 0;}     
                        #coc67178 li a.max:hover{background-position: -60px -15px;}     
         #co453569{display:block; margin:0; padding:0; height:123px;   border-style:solid; border-width:1px; border-color:#111 #999 #999 #111;  line-height:1.6em; overflow:hidden;}     
        </style>      
         <div id="fl813691" style="height: 152px;">      
            <div id="eb951855">      
            <div id="cob263512">      
                <div id="coh963846">      
                    <ul id="coc67178">      
                         <li id="pf204652hide"><a class="min"  href="javascript:pf204652clickhide();" title="&#7848;n  &#273;i">&#7848;n</a></li>      
                         <li id="pf204652show" style="display: none;"><a class="max"  href="javascript:pf204652clickshow();" title="Hi&#7879;n  l&#7841;i">Xem </a></li>      
                    </ul>      
                &nbsp;KenhDaiHoc.Com
               </div>      
                <div id="co453569"> 
<!-- code ads -->      
<a target="_blank" href="http://kenhdaihoc.com/forum" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="http://t1.gstatic.com/images?q=tbn:ANd9GcQA5iMwFncEsCAtc7iFaL2Angws8wnBDZCEcUMikAwO0FPeZpYf" height="115" title="Kenhdaihoc.com | Kênh thông tin-học tập- giải trí"/></a>      
<!-- code ads -->      
               
</div>     
            </div></div></div>      
        <script>      
        pf204652bottomLayer = document.getElementById('fl813691');     
        var pf204652IntervalId = 0;     
        var pf204652maxHeight = 150;//Chieu cao khung quang cao     
        var pf204652minHeight = 20;     
        var pf204652curHeight = 0;     
        function pf204652show( ){     
          pf204652curHeight += 2;     
          if (pf204652curHeight > pf204652maxHeight){     
            clearInterval ( pf204652IntervalId );     
          }     
          pf204652bottomLayer.style.height = pf204652curHeight+'px';     
        }     
        function pf204652hide( ){     
          pf204652curHeight -= 3;     
          if (pf204652curHeight < pf204652minHeight){     
            clearInterval ( pf204652IntervalId );     
          }     
          pf204652bottomLayer.style.height = pf204652curHeight+'px';     
        }     
        pf204652IntervalId = setInterval ( 'pf204652show()', 5 );     
        function pf204652clickhide(){     
            document.getElementById('pf204652hide').style.display='none';     
            document.getElementById('pf204652show').style.display='inline';     
            pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );     
        }     
        function pf204652clickshow(){     
            document.getElementById('pf204652hide').style.display='inline';     
            document.getElementById('pf204652show').style.display='none';     
            pf204652IntervalId = setInterval ( 'pf204652show()', 5 );     
        }     
        function pf204652clickclose(){     
            document.body.style.marginBottom = '0px';     
            pf204652bottomLayer.style.display = 'none';     
        }     
        </script>

Thêm nút Google+1, Tweet, Like Facebook,Share theo chiều ngang vào Blogspot

Mặc dù butthons Facebook Like, Tweet và Google+1.... Các nút chia sẻ này có thể được dễ dàng thêm vào bài viết Blogger bằng cách làm theo hướng dẫn của mình, sắp xếp chúng một cách hoàn hảo sao cho hợp với bố cục của mỗi blog.

Để không mất công ngồi giải thích cách sắp xép các nút like hiện tại của bạn,dayto.kdh nghĩ rằng nó dễ dàng hơn thông qua việc cung cấp cho các bạn một Code sẵn có để các bạn sử dụng. Đơn giản chỉ cần loại bỏ các nút like hiện tại của bạn và thêm mã mới.
Bạn có thể xem hình sau để thấy rõ hơn:


Xem thêm: http://kenhdaihoc.com/forum/showthread.php?t=3017

Demo: http://home.kenhdaihoc.com

Cách tiến hành:

1. Đăng nhập vào Blogspot
2. Chọn Thiết Kế
3. Chọn Chỉnh sửa HTML
4. Chick vào ô Mở rộng tiện ích mẫu (Expand Widget Templates)
5. Tìm đoạn Code sau ( chú ý có vài cái thẻ như vậy nhé- hãy thử với thẻ khác nếu chưa được)

<data:post.body/>

Thêm bên trên code sau

<!-- AddThis Button BEGIN --><div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f54e84a689419c2' type='text/javascript'/>
<!-- AddThis Button END -->

Xem thêm: http://kenhdaihoc.com/forum/showthread.php?t=3017
Chúc thành công

Tạo banner quảng cáo trượt dọc 2 bên cho blogspot (Với việc ẩn hiện tùy vào độ phân giải của màn hình)

Chào các bạn! Với code này mình đã áp dụng cho vBB, nay mình áp dụng cho blogspot luôn... Các bạn thấy hay thì thank phát nhé 

Chúng ta đã khá quen với banner trượt quảng cáo trượt dọc ở 2 bên của 1 site nào đó. đa phần các banner này được thiết kế nằm sát 2 mép (trái & phải) của 1 website nào đó, và nó luôn trượt theo khi ta di chuyển chuột. Ở bài hướng dẫn này mình sẽ giới thiệu 1 cách hiển thị khác, đó là banner quảng cáo sẽ nằm ở 2 mép trái và phải của màn hình hiển thị, và việc hiển thị của nó sẽ phụ thuộc vào chế độ xem của màn hình.


Demo: http://home.kenhdaihoc.com

Hướng dẩn: Thêm tiện ích HTML/Javascript và chèn code bên dưới vào
Chúc thành công!

<!-- Start - quang cao 2 ben -->

<noscript>Bat JS len di</noscript>

<div id="divTopLeft" style="position:absolute; z-index:-1000;">

 <object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=10,1,1,0" width="100px" height="300px">

      <param name="src" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPexhW1Ba4ZxauLsCppIxQsyI4ELxqzvHKE27BCK4jvQNw5bNQUleCyOfU2Ee0UDeC3EipKS4QCkUJaHEMnBZ3hbFH9zh6W0tMIyRh9K0_5xYDjDpIfgeUjrmG2BGaZG8H8qHRKOTGXFg/s1600/kenhdaihoc.com-.gif" />

<a href="http://kenhdaihoc.com/forum/showthread.php?t=2942">

     <embed src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPexhW1Ba4ZxauLsCppIxQsyI4ELxqzvHKE27BCK4jvQNw5bNQUleCyOfU2Ee0UDeC3EipKS4QCkUJaHEMnBZ3hbFH9zh6W0tMIyRh9K0_5xYDjDpIfgeUjrmG2BGaZG8H8qHRKOTGXFg/s1600/kenhdaihoc.com-.gif" pluginspage="http://www.adobe.com/shockwave/download/" width="100px" height="430px "alt="VDC ONLINE"></embed> 

</a></object>

</div>

<div id="divTopRight" style="position:absolute; z-index:-1000;">

<a href="http://kenhdaihoc.com/forum/showthread.php?t=2942">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPexhW1Ba4ZxauLsCppIxQsyI4ELxqzvHKE27BCK4jvQNw5bNQUleCyOfU2Ee0UDeC3EipKS4QCkUJaHEMnBZ3hbFH9zh6W0tMIyRh9K0_5xYDjDpIfgeUjrmG2BGaZG8H8qHRKOTGXFg/s1600/kenhdaihoc.com-.gif" width="100px" height="430" alt="VDC ONLINE"/></a>

</div>

<script type="text/javascript">

var ns = (navigator.appName.indexOf("Netscape") != -1);

var d = document;

function JSFX_FloatDiv(id, sx, sy)

{

    var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

    var px = document.layers ? "" : "px";

    window[id + "_obj"] = el;

    if(d.layers)el.style=el;

    el.cx = el.sx = sx;el.cy = el.sy = sy;

    el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

    el.floatIt=function()

    {

        var pX, pY;

        pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 

        document.documentElement && document.documentElement.clientWidth ? 

        document.documentElement.clientWidth : document.body.clientWidth;

        pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 

        document.documentElement.scrollTop : document.body.scrollTop;

        if(this.sy<0) 

        pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 

        document.documentElement.clientHeight : document.body.clientHeight;

       this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;

      this.sP(this.cx, this.cy);

  setTimeout(this.id + "_obj.floatIt()", 40);

    }

   return el;

}

JSFX_FloatDiv("divTopLeft", 0,30).floatIt();

JSFX_FloatDiv("divTopRight", -120,30).floatIt(); //điều chinh ben phải

</script>

<!--End  - quang cao  2 ben-->

BlogSpot cải thiện tính năng SEO cho blog

Blogger hôm nay đã cập nhật nhiều tính năng SEO mới cho Blogger. Phải tranh thủ xem qua mới rõ hết được, có lẽ giao diện blog cũ sẽ không được nâng cấp thêm. Các bạn hãy vào giao diện Blog mới để thiết kế tuỳ chỉnh. Địa chỉ giao diện mớitại đây.

Một số điểm mới có thể kể ở đây, cụ thể là :

 1. Thẻ mô tả 

   - Tuy đã được hỗ trợ trong phần cài đặt chính nhưng nó vẫn được gom nhóm vào phần tìm kiếm chung cho blog của bạn. Hãy bật nó lên lần nữa nhé.

 2. Lỗi và chuyển hướng

    -  Bạn đã có thể tạo thông báo lỗi bằng các đoạn mã, hay ảnh hiển thị.

    -  Tính năng chuyển hướng mới đã được cải thiện, giờ bạn có thể dùng javascript để tạo thêm các link cho mình. Một các hack tag SEO cho blog, mình sẽ sớm công bố tiện ích này, gộp chung nó vào phần tìm kiếm theo tag, keywords của từ khoá.

   -  Mọi người có thể check thử link sau : .. sieuluoi, bạn sẽ nhận được thông báo Rất tiếc, trang bạn đang tìm trong blog này không tồn tại. Nhưng với vài thủ thuật nhỏ ta sẽ biến nó thành một phần của Blog, như một Website hoàn thiện, hay đúng hơn là hoàn thiện.

3. Robots.txt và tuỳ chỉnh tìm kiếm của Robots.txt.

  - Với dự án mở của Blogger này ta có thể mở phần /search bị đóng lâu nay của Blogger.

User-agent: * Disallow: /search == > Allow: /search
Allow: /

 -  Chưa biết có thăng thêm index lên Google không nhưng mình tin là có.

-  Tuỳ chỉnh các thẻ meta robots mà không cần mó tay vào code temp blog.

Kết chung lại,  blogger đang càng ngày càng thân thiện với người dùng, trong năm tới và kể cả ngay về sau này nó còn tiếp tục miễn phí không thì mình không đoán được. Chỉ biết bay giờ mình yêu BlogSpot, một thứ ngon bổ rẻ.

NGuồn: Fandung.com

Hướng dẫn add Subdomain cho BlogSpot [Hình ảnh chi tiết]

Mình thấy có nhiều bạn đặt câu hỏi về vụ này, thực ra chỉ cần search một xíu là đầy trang nó hướng dẫn thui mà. Thôi thì cũng có mấy bạn PM hỏi mình cũng làm cái bài hướng dẫn luôn.
Dưới đây sẽ hướng dẫn add Sub.domain.com vào Blogspot sử dụng Sitelutions.com
Đầu tiên, tất nhiên là bạn phải có tài khoản tại sitelution rồi. cái này đăng ký free. Add domain vào sitelutions tại đây , thực hiện trỏ nameservers về "ns1.sitelutions.com - ns2.sitelutions.com - ..."
Những cái này các bạn tự làm được nhé.

Đăng nhập vào tài khoản sitelutions, ban nhìn thấy trong phần account của bạn có khá nhiều mục, bạn chọn URL & DNS Control Center như hình dưới:

Sau đó ta tiến hành tạo subdomain :

Tạo subdomain xong , ta chọn phần [Advanced Config & DDNS] của subdomain đo:

Tại đây, có rất nhiều lựa chọn cho bạn như URL Redirect Records, A Records, MX Records, ...nhưng mình chỉ cần quan tâm đến CNAME Records:

Bấm vào Add Records, điền ghs.google.com.

Thế là xong, giờ chỉ việc vào BlogSpot add Sub.domain.com vào là ok rồi:

Các domain tại Godaddy, PAVietnam, hay tại bất cứ đâu cũng làm tương tự, điểm quan trọng chỉ có 2 vấn đề thôi:
- Bạn trỏ CNAME của Sub.domain.com về ghs.google.com.
- Vào Blogspot add sub.domain.com vào blog

Nguồn bài viết:

Tự động chèn link bài viết khi người khác coppy từ website của mình

Chắc chắn các bạn đã từng một vài lần copy bài viết ở một trang web nào đó và khi paste vào các bạn thấy có một link đến bài viết gốc của nó phải không? Hôm nay mình xin chia sẻ với các bạn tự động chèn link này. Đầu tiên các bạn truy cập vào http://www.tynt.com/ làm theo hướng dẫn ở các hình dưới đây

Cửa sổ mới hiện ra, các bạn điền thông tin tương tự như hình

Sau khi nhấn “next” đến trang thiết lập

Nhấn "Next" để lấy code chèn vào site (Blog,web) (thông tin bản quyền).

Vậy là xong. Bây giờ các bạn có thể kiểm soát được ai đã copy bài của bạn bằng cách đăng nhập vào tài khoản của mình ( đợi một thời gian sau với có thống kê được nhá) .

Lưu ý :Khi các bạn chèn đoạn code vào vBB thì bạn vào trong admincp -->Style & Templates -->Find Updated Templates-->header rồi chèn vào !

Chúc bạn thành công !

ĐEMO: Xem thêm: http://kenhdaihoc.com/forum/showthread.php?t=2697