1. Đăng nhập vào tài khoản Blogspot
2. Vào thiết kế, chọn chỉnh sửa HTML
3. Chèn code css bên dưới vào sau thẻ <head> (nếu blog đã có file jquery.min.js thì bỏ qua bước này)<script src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js " type="text/javascript"></script>
4. Save template lại và trở về phần tử trang
5. Thêm 1 HTML/Javascript và chèn code bên dưới vào nó
<style type='text/css'>
#floatDivWrapper {font-size:11px}
#floatDiv.fixed {position:fixed;top:5px}
</style>
<script type='text/javascript'>//<![CDATA[
var s=true;function doBlink(){$('.blink').css('display',function(index,val){s=!s;return (s)?'block':'none';})}
$(document).ready(function() {setInterval("doBlink()",200)});
//]]></script>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function(){var documentH=$(document).height();if(documentH>1000){
//$("#floatDivWrapper").css('position','fixed');$("#floatDiv").css({'position':'fixed','top':0});
var bottomHeight=1200;var msie6=$.browser=='msie'&&$.browser.version<7;if(!msie6){var top=$('#floatDiv').offset().top-parseFloat($('#floatDiv').css('margin-top').replace(/auto/,0));$(window).scroll(function(event){var y=$(this).scrollTop();if(y>=top&&y<=(documentH-bottomHeight)){$('#floatDiv').addClass('fixed')}else{$('#floatDiv').removeClass('fixed')}})}}});
//]]></script>
<div id="floatDiv">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FClickGroupICT&width=292&height=290&show_faces=true&colorscheme=light&stream=false&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%px; height:290px;" allowtransparency="true"></iframe>
<embed allowscriptaccess="always" bgcolor="#000000" flashvars="tcolor=0x990000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<a href='http://clickgroup.blogspot.com/search/label/Film Online' style='12'>Film Online </a>
<a href='http://clickgroup.blogspot.com/search/label/Ghost Windows' style='12'>Ghost Windows </a>
<a href='http://clickgroup.blogspot.com/search/label/Windows' style='12'>Windows </a>
<a href='http://clickgroup.blogspot.com/search/label/HD 1080p' style='12'>HD 1080p </a>
<a href='http://clickgroup.blogspot.com/search/label/Pictures' style='12'>Pictures </a>
<a href='http://clickgroup.blogspot.com/search/label/Video' style='12'>Video </a>
<a href='http://clickgroup.blogspot.com/search/label/Thu Thuat it' style='12'>Thu Thuat it </a>
<a href='http://clickgroup.blogspot.com/search/label/Thu Thuat' style='12'>Thu Thuat </a>
<a href='http://clickgroup.blogspot.com/search/label/Tai Lieu XH' style='12'>Tai Lieu XH </a>
<a href='http://clickgroup.blogspot.com/search/label/Virus' style='12'>Virus </a>
<a
href='http://clickgroup.blogspot.com/search/label/Graphic' style='12'>Graphics </a>
<a
href='http://clickgroup.blogspot.com/search/label/Media' style='12'>Media </a>
<a
href='http://clickgroup.blogspot.com/search/label/Giai Tri' style='12'>Giai Tri </a>
<a
href='http://clickgroup.blogspot.com/search/label/Film' style='12'>Film </a>
<a
href='http://clickgroup.blogspot.com/search/label/System Tools' style='12'>System Tools </a>
<a
href='http://clickgroup.blogspot.com/search/label/Software' style='12'>Software </a>
<a href='http://clickgroup.blogspot.com/search/label/Office' style='12'>Office </a>
<a href='http://clickgroup.blogspot.com/search/label/Internet' style='12'>Internet </a>
<a href='http://clickgroup.blogspot.com/search/label/dien thoai' style='12'>dien thoai </a>
<a
href='http://clickgroup.blogspot.com/search/label/di dong' style='12'>di dong </a>
<a
href='http://clickgroup.blogspot.com/search/label/ebook' style='12'>ebook </a>
<a
href='http://clickgroup.blogspot.com/search/label/Get Link' style='12'>Get Link </a>
<a
href='http://clickgroup.blogspot.com/search/label/ebook kinh te' style='12'>ebook kinh te </a>
<a
href='http://clickgroup.blogspot.com/search/label/Code Tag' style='12'>Code Tag </a>
<a
href='http://clickgroup.blogspot.com/search/label/Tai Lieu' style='12'>Tai Lieu </a>
<a
href='http://clickgroup.blogspot.com/search/label/tai lieu kinh te' style='12'>tai lieu kinh te </a>
<a
href='http://clickgroup.blogspot.com/search/label/Tai Lieu KT' style='12'>Tai Lieu KT </a>
<a href='http://clickgroup.blogspot.com/search/label/SP moi'style='12'>SP moi </a>
<a href='http://clickgroup.blogspot.com/search/label/san pham moi' style='12'>san pham moi </a>
<a href='http://clickgroup.blogspot.com/search/label/Smart Phone'style='12'>Smart Phone </a>
</tags>" height="200" id="tagcloud" name="tagcloud" quality="high" src="http://sites.google.com/site/ngonngulaptrinhvn/files/tagcloud.swf" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
</div>
Lưu và xem kết quả
Chú ý một số thông số để tuỳ chỉnh :
top:5px : Khoảng cách của widget ads với lề trên của trang blog, web.
documentH>1000 : Thông số này có nghĩa là nếu bài viết của bạn dài quá 1000px thì widget sẽ float, còn nếu bài viết có height nhỏ hơn 1000px thì widget sẽ không float
bottomHeight=1200 : Thông số này quy định chiều cao tối thiểu mà widget có thể xuống được. Khi cách lề dưới 1200px thì widget sẽ tự động trượt lên trên. Các bạn chỉnh sửa thông số này sao cho phù hợp nhất với footer của các bạn.
Ý kiến bạn đọc [ 0 ]
Ý kiến của bạn