Hiển thị các bài đăng có nhãn Th? thu?t blog. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Th? thu?t blog. Hiển thị tất cả bài đăng

Thứ Sáu, 6 tháng 2, 2015

 Popup Likebox Fanpage Facebook cho blooger

Popup Likebox Fanpage Facebook cho blooger

B�?c 1 : Ch�n �o?n code CSS n�y v�o file "*.css" b?t k? trong th� m?c CSS website c?a b?n. (�?i v?i blogspot b?n ch�n �o?n code CSS b�n d�?i v�o tr�?c th? ]]></b:skin>

#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 110004; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzCR1IsKb3DD3zngcgP7s_vIr3Q227nCWdonybNcI7JVLmHCrqW-h0H0bJv8W_a7yqPj9oFtJkv5QGOAg8ALvVYpUJqH-AjBuDFCqmplDFdDJ-5djZkb7awu-QdmvT3S_U8IqWJPdlHi8o/s480/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 110000; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 110001; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; border: 3px dashed #ccc; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzCR1IsKb3DD3zngcgP7s_vIr3Q227nCWdonybNcI7JVLmHCrqW-h0H0bJv8W_a7yqPj9oFtJkv5QGOAg8ALvVYpUJqH-AjBuDFCqmplDFdDJ-5djZkb7awu-QdmvT3S_U8IqWJPdlHi8o/s480/fancybox.png') -40px 0px; cursor: pointer; z-index: 110003; display: none; }

B�?c 2 : Ch�n �o?n Script d�?i ��y tr�?c th? </html> trong website c?a b?n.

<!--popup box like Facebook--> <script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/launch.js" type="text/javascript"></script> <script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/scs.js" type="text/javascript"></script> <script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/sl_kenny.js" type="text/javascript"></script> <script type="text/javascript">/* 
<![CDATA[ */ var lb_l_ret = {"fb_id":"1473388062885005","display_on_post":"1"," show_once":"15","delay":"2000","display_on_page": "","fancybox":"","display_on_homepage":"","faceboo kheader":"","gaevent":"","eam":"","display_on_arch ive":"","hideonlike":""}; /* ]]> */ </script> 
<!--End popup box like Facebook-->

B�?c 3 : S?a l?i ID c?a fanpage facebook c?a b?n t?i d?ng "fb_id":"1473388062885005"

Popup th�ng b�o xu?t hi?n ch? 1 l?n cho blogger




B�?c 1: Th�m �o?n code sau l�n tr�n th? ��ng </head>

<link rel="stylesheet" href="https://sites.google.com/site/tessssssssblog/popup.css" />
  <!-- <script type="text/javascript" src="jquery-1.4.4.min.js"></script> -->
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="https://seovnpro.googlecode.com/files/popup.js"></script>


<script type="text/javascript" >
    jQuery.noConflict();      /* d?ng ch?ng conflict jquery */
    jQuery(window).load(function() {
        if(document.cookie.indexOf("adf") == -1) /*  B? d?ng n�y th? n� hi?n th�ng b�o li�n t?c m?i khi m? web l�n r?t l� phi?n  */
        {
            document.cookie = "popunder1=adf";
            jQuery('#myModal').bittuotblog(jQuery('#myModal').data());
        }
    });
</script>

B�?c 2: B?n th�m �o?n code sau l�n tr�n th? ��ng </body>

<div id="myModal" class="modal">
   <img src="link ?nh c?a b?n" />
   <a class="close-modal">X</a>
</div>

Ch� ?: Thay ph?n  <img src="link ?nh c?u b?n c?n hi?n thi" />   b?ng h?nh ?nh c?a b?n nh�. B?n c� th? thay n� b?ng �o?n text th�ng b�o t�y ? c?ng dc
- C?n �?i v?i �o?n n�y: <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> b?n c� th? b? �i n?u n� kh�ng ch?y th? c� th? do b? xung �?t jquery ho?c javascript.

banner qu?ng c�o 2 b�n cho blogger



B1- ��ng nh?p v�o Blog
B2- V�o b? c?c (Layout)
B3- Ch?n Th�m ti?n �ch (add widget)
B4-T?o m?t widget HTML\Javascripts v� ch�n v�o �o?n code b�n d�?i :

1. Code t?o banner qu?ng c�o banner ch?y d?c 2 b�n web

<div id="left_ads_float">
        <a href="http://quylevhb.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTd1wX9XMYpYxAOBEdNZeUDZrCsKd5kYYp11IbjACtG6s_PxwH6n9fBuK2jp4h3AuqVzzGL_GnS8b5YkHn6HX3eoojE9q-I7BxiVA8idtz9_jS0iXi-RaxGUb0Ia-luMPOHU4n6mA8-Qg/s1600/fptarena1.png" width="120" /></a>
    </div>
    <div id="right_ads_float">
       <a href="http://quylevhb.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTd1wX9XMYpYxAOBEdNZeUDZrCsKd5kYYp11IbjACtG6s_PxwH6n9fBuK2jp4h3AuqVzzGL_GnS8b5YkHn6HX3eoojE9q-I7BxiVA8idtz9_jS0iXi-RaxGUb0Ia-luMPOHU4n6mA8-Qg/s1600/fptarena1.png" width="120" /></a>
    </div>
<style>
#left_ads_float
{
    bottom:24px;
    left: 10px;
    position:fixed; }
#right_ads_float
{
    bottom:24px;
    right: 10px;
    position:fixed;
}
</style>
<script>
var vtlai_remove_fads=false;
function vtlai_check_adswidth()
    {
        if(vtlai_remove_fads)
        {
            document.getElementById('left_ads_float').style.display='none';
            document.getElementById('right_ads_float').style.display='none';
            return;
        }else if(document.cookie.indexOf('vtlai_remove_float_ads')!=-1)
        {
            vtlai_remove_fads=true;
            vtlai_check_adswidth();
            return;
        }
        else
        {
            var lwidth=parseInt(document.body.clientWidth);
            if(lwidth<1110)
            {
                document.getElementById('left_ads_float').style.display='none';
                document.getElementById('right_ads_float').style.display='none';
            }
            else
            {
                document.getElementById('left_ads_float').style.display='block';
                document.getElementById('right_ads_float').style.display='block';
            }
            setTimeout('vtlai_check_adswidth()',10);
        }
    }
</script>

2.  Banner qu?ng c�o tr�?t d?c 2 b�n

<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">    
<a href="http://quylevhb.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTd1wX9XMYpYxAOBEdNZeUDZrCsKd5kYYp11IbjACtG6s_PxwH6n9fBuK2jp4h3AuqVzzGL_GnS8b5YkHn6HX3eoojE9q-I7BxiVA8idtz9_jS0iXi-RaxGUb0Ia-luMPOHU4n6mA8-Qg/s1600/fptarena1.png" width="125" /></a>
</div>    
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">    
<a href="http://quylevhb.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTd1wX9XMYpYxAOBEdNZeUDZrCsKd5kYYp11IbjACtG6s_PxwH6n9fBuK2jp4h3AuqVzzGL_GnS8b5YkHn6HX3eoojE9q-I7BxiVA8idtz9_jS0iXi-RaxGUb0Ia-luMPOHU4n6mA8-Qg/s1600/fptarena1.png" width="125" /></a>    
</div>
    
<script>    
    function FloatTopDiv()    
    {    
        startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;    
        startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;    
        var d = document;    
        function ml(id)    
        {    
            var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];    
            el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};    
            el.x = startRX;    
            el.y = startRY;    
            return el;    
        }    
        function m2(id)    
        {    
            var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];    
            e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};    
            e2.x = startLX;    
            e2.y = startLY;    
            return e2;    
        }    
        window.stayTopLeft=function()    
        {    
            if (document.documentElement && document.documentElement.scrollTop)    
                var pY =  document.documentElement.scrollTop;    
            else if (document.body)    
                var pY =  document.body.scrollTop;    
             if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else  {startLY = TopAdjust;startRY = TopAdjust;};    
            ftlObj.y += (pY+startRY-ftlObj.y)/16;    
            ftlObj.sP(ftlObj.x, ftlObj.y);    
            ftlObj2.y += (pY+startLY-ftlObj2.y)/16;    
            ftlObj2.sP(ftlObj2.x, ftlObj2.y);    
            setTimeout("stayTopLeft()", 1);    
        }    
        ftlObj = ml("divAdRight");    
        //stayTopLeft();    
        ftlObj2 = m2("divAdLeft");    
        stayTopLeft();    
    }    
    function ShowAdDiv()    
    {    
        var objAdDivRight = document.getElementById("divAdRight");    
        var objAdDivLeft = document.getElementById("divAdLeft");      
        if (document.body.clientWidth < 1000)    
        {    
            objAdDivRight.style.display = "none";    
            objAdDivLeft.style.display = "none";    
        }    
        else    
        {    
            objAdDivRight.style.display = "block";    
            objAdDivLeft.style.display = "block";    
            FloatTopDiv();    
        }    
    }
</script>    
<script>    
document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");    

</script>


- Ph?n t�y ch?nh code:

http://quylevhb.blogspot.com/ : l� li�n k?t m? ra khi ng�?i �?c click v�o ?nh.
Ph?n trong �o?n code <img src="�"/>  l� link ?nh banner tr�?t d?c s? hi?n th?
width="125" : chi?u r?ng c?a banner. C� 2 gi� tr? ��?c ��nh d?u m�u cam
MainContentW = 1000 : chi?u r?ng trang web. C� 2 gi� tr? ��?c ��nh d?u c�ng m�u t�m,
LeftAdjust = 5 : kho?ng c�ch t? m�p tr�i trang web �?n banner
RightAdjust = 5 : kho?ng c�ch t? m�p ph?i trang web �?n banner
TopAdjust = 10 : kho?ng c�ch t? m�p tr�n trang web �?n banner

L?y ?nh Thumbnail c?a Youtube l�m ?nh cho b�i vi?t Blogspot



B�?c 1: C�c b?n m? m?t video YouTube c?n l?y h?nh thumbnail.

B�?c 2: Xem URL c?a video tr�n thanh �?a ch?,

M?nh xin l?y v� d? qua link sau: https://www.youtube.com/watch?v=Xb7MQF0Rw7o

-Ph?n b?n quan t�m nh?t s? l� ph?n sau ch? v= m� m?nh �? b�i �? ? tr�n �� ch�nh l� id c?a video c?a b?n

B�?c 3: G? �?a ch? sau http://img.youtube.com/vi/Id c?a video/0.jpg l�n thanh �?a ch?.

Ch� ? �?n ph?n c?a id c?a video nh�. L?y c�i ID ? tr�n r?i thay v�o r?i nh�n Enter v?y n� s? hi?n ra nahr m� b?n c?n l?y

Youtube cung c?p cho b?n 4 h?nh thumbnail ?nh �?i di?n cho m?i video t? 0 ==> 3. B?n c� th? thay 0.jpg th�nh 1.jpg, 2.jpg, 3.jpg �? l?y c�c h?nh kh�c.

C�ch ��a v�o blogspot

khi ch�n video khung so?n th?o ph?i ? ch? �? HTML (kh�ng ph?i Compoes) nh�, ch�n ? n�i m� bnaj mu?n hi?n th?. ��y l� code c?a n�

<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/Xb7MQF0Rw7o" width="560">
</iframe>
<img border="0" height="0" src="http://i2.ytimg.com/vi/Xb7MQF0Rw7o/0.jpg" width="0" />

Code qu?ng c�o ch?y d?c cho blogger

Code qu?ng c�o ch?y d?c cho blogger

Code qu?ng c�o ch?y d?c khi k�o chu?t cho Blogspot website.Code qu?ng c�o ch?y theo khi k�o chu?t xu?ng ph�a d�?i.Code qu?ng c�o ban �?u n� s? c? �?nh m?t ch?, sau khi k�o chu?t xu?ng m?t kho?ng nh?t �?nh th? n� tr�?t theo, khi k�o chu?t l�n th? t?i �i?m d?ng l� n� ko theo n?a

Code qu?ng c�o ch?y d?c khi k�o chu?t cho Blogspot

B�?c 1: ��ng nh?p blogspot => M?u(Template) ==> Ch?nh s?a HTML
B�?c 2: T?m th? ��ng </head> r?i th�m �o?n code d�?i l�n tr�n n�

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script>
var $stickyHeight = 250;
var $padding = 0;
var $topOffset = 810;
var $footerHeight = 100;
/* <![CDATA[ */
function scrollSticky(){
if($(window).height() >= $stickyHeight) {
var aOffset = $('#sticky').offset();
if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {
var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185;
$('#sticky').attr('style', 'position:absolute; top:'+$top+'px;');
}else if($(window).scrollTop() + $padding > $topOffset) {
$('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;');
}else{
$('#sticky').attr('style', 'position:relative;');
}
}
}
$(window).scroll(function(){
scrollSticky();
});
/* ]]> */
</script>

R?i l�u l?i.

Ch� ?: C�c b?n c?n ch� ? c�c ph?n sau
- <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> //n?u web,blog c?a b?n c� r?i th? c� th? b? �i.(n?u ko ch?y dc c�c b?n c?ng th? x�a c�i n�y �i)
<script>
- var $stickyHeight = 460; // chi?u cao c?a banner qu?ng c�o
- var $padding = 5; // kho?ng c�ch top c?a banner khi d�nh
- var $topOffset = 2500; // kho?ng c�ch t? top c?a banner khi b?t �?u d�nh (t?c l� kho?ng c�ch t�nh t? tr�n xu?ng �?n v? tr� �?t banner )
- var $footerHeight = 180; // �?nh v? �i?m d?ng c?a banner, t�nh t? ch�n l�n

B�?c 3: C�c b?n v�o ph?n B? C?c (Layout) => Th�m ti?n �ch HTML/Javascipt
Ch� ? ph?n th? n�y c�c b?n ph?i th�m ��ng ch? nh�. Th�?ng n� s? th�m v�o ph?n thanh ph�n ph?i ho?c b�n tr�i.

C�c b?n �?t t�n ti?n �ch v� th�m code d�?i ��y v�o
<div id="sticky">
<img src="Link ?nh c?a b?n" width="240px" />
</div>
N?u b?n kh�ng mu?n n� hi?n th? ?nh kh�ng th�i th? l?y code sau
<div id="sticky">
Code qu?ng c�o c?a b?n
</div>

popup qu?ng c�o g�c ph?i m�n h?nh cho blogger


Copy �o?n code b�n d�?i tr�?c th? ��ng </body>

<script type=�text/javascript�>
function hide_float_right() {
var content = document.getElementById(�float_content_right�);
var hide = document.getElementById(�hide_float_right�);
if (content.style.display == �none�)
{content.style.display = �block�; hide.innerHTML = �<a href=�javascript:hide_float_right()�>T?t qu?ng c�o [X]</a>'; }
else { content.style.display = �none�; hide.innerHTML = �<a href=�javascript:hide_float_right()�>Xem qu?ng c�o�</a>';
}
}
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_right {border: 1px solid #01AEF0;}
#hide_float_right {text-align:right; font-size: 11px;}
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div style=�right: 0px;�>
<div id=�hide_float_right�>
<a href=�javascript:hide_float_right()�>T?t Qu?ng C�o [X]</a></div>
<div id=�float_content_right�>
<!� Start quang cao�>
<a href=�#link� taget=�_blank�><img alt=�� height=�200? src=�#link-anh-cua-ban� title=�� width=�250? /></a>
<!� End quang cao �>
</div>
</div>

- Ch?nh s?a �o?n n�y cho ph� h?p

<!� Start quang cao�>
<a href=�#link� taget=�_blank�><img alt=�� height=�200? src=�#link-anh-cua-ban� title=�� width=�250? /></a>
<!� End quang cao �>