Phần mềm cho máy tính, Cài đặt phần mềm, Phần mềm crack: Thủ Thuật Blogspot

Sửa lỗi Blogspot hiển thị thiếu và lỗi bài viết trên Trang Chủ hay Label

<span style="font-family: Verdana, sans-serif;">Chắc hẳn nhiều bạn sử dụng Blogger (blogspot) cũng đã từng gặp phải các trường hợp lỗi hiển thị thiếu bài viết trên trang chủ blogspot thậm chí là hiện thị sai vị trí gây mất mĩ quan cho web/blog, hay chỉ hiển thị một vài bài viết trong một trang <b>label</b> (nhãn bài viết) trong khi label của bạn có hàng chục bài viết.</span><br>
<div>
<span style="font-family: Verdana, sans-serif;">Có thể bạn sẽ nghĩ các lỗi này do template hay code của web-blog đó có vấn đề nhưng thực ra không phải, nguyên nhân dẫn đến lỗi này là do các bài viết quá trước của bạn quá dài hoặc quá nhiều hình ảnh. </span><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOb8ye7Cowt_DwBQyWtzp5aPWsJzwiz7lRtq7edF8VWBwzGuRy3ZafZVdy0BgXnSerS8IoLYMzyhsBVFgV4gZ8lgvSCih_JeV612TNFXYYkl4ZlLEB0Z6yIVzgrnSoXEM4adA-g74Sxzo/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="sua loi blogspot" border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOb8ye7Cowt_DwBQyWtzp5aPWsJzwiz7lRtq7edF8VWBwzGuRy3ZafZVdy0BgXnSerS8IoLYMzyhsBVFgV4gZ8lgvSCih_JeV612TNFXYYkl4ZlLEB0Z6yIVzgrnSoXEM4adA-g74Sxzo/s1600/1.png" title="lỗi Blogspot hiển thị thiếu và lỗi bài viết trên Trang Chủ hay Label" width="320"></a></div>
</div>

Sửa lỗi Blogspot hiển thị thiếu và lỗi bài viết trên Trang Chủ hay Label

Chắc hẳn nhiều bạn sử dụng Blogger (blogspot) cũng đã từng gặp phải các trường hợp lỗi hiển thị thiếu bài viết trên trang chủ blogspot thậm chí là hiện thị sai vị trí gây mất mĩ quan cho web/blog, hay…

Xem chi tiết

26 Apr 2014

Hướng dẫn tạo list video nhạc Youtube nhảy sang bài bất kỳ mỗi lần vào hoặc f5 web/blog

<span style="color: blue; font-family: Verdana, sans-serif;"><i>Bạn muốn đưa một danh sách các bài hát lên blog hoặc website nhưng muốn mỗi lần khi độc giả vào một trang khác của web/blog hay f5(reset web/blog) thì tự nó sẽ nhảy sang một bài hát bất kỳ khác chứ không phải mặc định là bài đầu tiên gây nhàm chán cho người xem!?.</i></span><br />
<span style="font-family: Verdana, sans-serif;">Mình xin giới thiệu một đoạn code giúp các bạn thực hiện điều đó. (Cái này mình mới áp dụng cho youtube thôi nha)</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK2EuLbOsSW8SVujMB3DsyxuEB3a0QxYyW0QEBBCBCKB0oBN8r6IObe5RriqoJkUJGqjWV4cvSz6eeBrcHwgu0BhZZEPLM_4UrP41qhuLHYhvHdSQvKBUAuUGs4EgxBQlOkBvyBykkkUWg/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK2EuLbOsSW8SVujMB3DsyxuEB3a0QxYyW0QEBBCBCKB0oBN8r6IObe5RriqoJkUJGqjWV4cvSz6eeBrcHwgu0BhZZEPLM_4UrP41qhuLHYhvHdSQvKBUAuUGs4EgxBQlOkBvyBykkkUWg/s1600/images.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="color: purple; font-family: Verdana, sans-serif;"><b>Đầu tiên các bạn vào Blogger -> Bố cục -> Thêm tiện ích -> HTML/Javascript sau đó thêm đoạn code.</b></span><br />
<span style="font-family: Verdana, sans-serif;">--Với đoạn </span><span style="color: blue; font-family: Verdana, sans-serif;">songs[0] = "</span><span style="color: red; font-family: Verdana, sans-serif;"><b>BIb79rnKRno</b></span><span style="color: blue; font-family: Verdana, sans-serif;">"; </span><span style="font-family: Verdana, sans-serif;">Bạn mở một bài hát trong danh sách video nhạc của bạn trên youtube và code phần mã đuôi của nó như thế này <span style="color: #351c75;"><b>https://www.youtube.com/watch?v=</b></span><b><span style="color: #cc0000;">BIb79rnKRno</span></b>. Số lượng song là tùy ý chứ ko nhất thiếu là 10 như ví dụ nha.</span><br />
<span style="font-family: Verdana, sans-serif;">--Với đoạn </span><span style="font-family: Verdana, sans-serif;"><span style="color: red; font-weight: bold;">?list=FLX6gcxxl0KjxXHEo8a7kl-Q</span><span style="color: blue; font-weight: bold;"> </span>được lấy từ cuối danh sách video youtube như thế này </span><span style="font-family: Verdana, sans-serif;"><b><span style="color: #351c75;">https://www.youtube.com/playlist</span><span style="color: #cc0000;">?list=FLX6gcxxl0KjxXHEo8a7kl-Q</span></b></span><br />
<span style="font-family: Verdana, sans-serif;">--Với đoạn </span><span style="font-family: Verdana, sans-serif;"><b style="color: blue;">&autoplay=0 </b>tức là không cho video tự động play. Nếu muốn nó tự động Play thì đổi </span><b style="color: blue; font-family: Verdana, sans-serif;">0</b><span style="font-family: Verdana, sans-serif;"> thành <span style="color: blue;"><b>1.</b></span></span><br />
<pre><span style="font-family: Times, Times New Roman, serif;"><script type="text/javascript">
// id của các bài hát trong playlist
var songs = new Array();
<span style="color: blue;">songs[0] = "</span><span style="color: red;">BIb79rnKRno</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[1] = "</span><span style="color: red;">QOePIxjy3xE</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[2] = "</span><span style="color: red;">oKPcChunFH4</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[3] = "</span><span style="color: red;">kOGz6UMy3j4</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[4] = "</span><span style="color: red;">_4wOnjYJLks</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[5] = "</span><span style="color: red;">kyR64n3nHIg</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[6] = "</span><span style="color: red;">YSqtv-3ijk8</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[7] = "</span><span style="color: red;">pv8M3E2wMiU</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[8] = "</span><span style="color: red;">Pl6_IOHOzVI</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[9] = "</span><span style="color: red;">dPv1bcytPeY</span><span style="color: blue;">";</span>
<span style="color: blue;">songs[10] = "</span><span style="color: red;">kOE9BdYFCYE</span><span style="color: blue;">";</span>
// lấy một id bất kỳ để phát đầu tiên
var random_song = Math.floor((Math.random() * songs.length ) + 1);
// xuất code ra
document.write('<iframe width=<span style="color: red;"><b>"400"</b></span> height=<span style="color: red;"><b>"250</b>"</span> src="http://www.youtube.com/embed/' + songs[random_song] + '<b><span style="color: red;">?list=FLX6gcxxl0KjxXHEo8a7kl-Q</span></b><b><span style="color: blue;">&autoplay=0</span>"</b> frameborder="0" allowfullscreen></iframe>');</script></span></pre>

Hướng dẫn tạo list video nhạc Youtube nhảy sang bài bất kỳ mỗi lần vào hoặc f5 web/blog

Bạn muốn đưa một danh sách các bài hát lên blog hoặc website nhưng muốn mỗi lần khi độc giả vào một trang khác của web/blog hay f5(reset web/blog) thì tự nó sẽ nhảy sang một bài hát bất kỳ khác chứ kh…

Xem chi tiết

19 Apr 2014

Tạo quảng cáo popup nổi ở góc phải hoặc góc trái trên Blogspot

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmR-BHj2_TbamtpebBm3l2Xw6Ui3ge-S3Ny9gRFvxjzZzYu71aOt5WDwZjCD5qlBhR0FU-4HDV-hKkSPKStKu2FZfq0Ku4zEx4lH2hWbTdrG-8KbuiibF7oKbPcoykGJ6ojPfQNHlQlqU/s1600/tao-quang-cao-goc-trai.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmR-BHj2_TbamtpebBm3l2Xw6Ui3ge-S3Ny9gRFvxjzZzYu71aOt5WDwZjCD5qlBhR0FU-4HDV-hKkSPKStKu2FZfq0Ku4zEx4lH2hWbTdrG-8KbuiibF7oKbPcoykGJ6ojPfQNHlQlqU/s1600/tao-quang-cao-goc-trai.png" width="400"></span></a></div>
<span style="font-family: Verdana, sans-serif;">Nếu bạn muốn tạo thêm một số quảng cáo nổi trên góc web blogs để giới thiệu hay quảng bá sản phẩm, một website khác, hay là facebook của mình... rất đơn giản điều bạn cần chỉ là chuẩn bị một link ảnh (trừ fb), link đích và thêm đoạn code như hướng dẫn là sẽ có được một popup quảng cáo.</span><br>
<span style="font-family: Verdana, sans-serif;"><br></span>
<span style="font-family: Verdana, sans-serif;">Có 2 mẫu quảng cáo popup nổi thông dụng các bạn lựa chọn cái thích hợp nhé (mình thấy cái một ổn hơn)</span><br>

Tạo quảng cáo popup nổi ở góc phải hoặc góc trái trên Blogspot

Nếu bạn muốn tạo thêm một số quảng cáo nổi trên góc web blogs để giới thiệu hay quảng bá sản phẩm, một website khác, hay là facebook của mình... rất đơn giản điều bạn cần chỉ là chuẩn bị một link ảnh…

Xem chi tiết

19 Apr 2014

Tạo hiệu ứng "Tuyết rơi" và "Bắn pháo hoa" cho Blogspot cực cool

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiLK9FoMv67I3IAt168UYKQw7qm04OaNlp27CGClGrU1CmeM_euUx2OrR5jBLgf6o_1riQQzynavs6T_f4U9IUWkM-9hreAhYmN9iFhJtBtfHb8RppIbBFdjaH0CZOYW1mK3vvj3h5tqE/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiLK9FoMv67I3IAt168UYKQw7qm04OaNlp27CGClGrU1CmeM_euUx2OrR5jBLgf6o_1riQQzynavs6T_f4U9IUWkM-9hreAhYmN9iFhJtBtfHb8RppIbBFdjaH0CZOYW1mK3vvj3h5tqE/s1600/1.jpg" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;"><b><span style="color: blue;">Các bước thực hiện</span></b><br />1. Đăng nhập vào Blogspot ---> <b>Bố cục</b> (Layout)<br />2. Trong phần bố cục bạn chọn ---> <b>Thêm tiện ích</b> (chọn cái tiện ích nào dài toàn bộ màn hình nhé, nếu ko mưa tuyết ko phủ khắp blog của bạn đâu)<br />3. Tìm đến tiện ích ----> <b>HTML/Javascript</b><br />4. Copy/Paste code dưới vào là xong... </span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><b>Đầu tiên là tạo hiệu ứng <span style="color: red;">tuyết rơi</span></b></span><br />
<pre><script type='text/javascript'>
//<![CDATA[
var snowmax=100
var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff")
var snowtype=new Array("Times","Arial","Times","Verdana")
var snowletter="*"
var sinkspeed=0.6
var snowmaxsize=30
var snowminsize=10
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
        rand=Math.floor(range*Math.random())
    return rand
}
function initsnow() {
        if (ie5 || opera) {
                marginbottom = document.body.scrollHeight
                marginright = document.body.clientWidth-15
        }
        else if (ns6) {
                marginbottom = document.body.scrollHeight
                marginright = window.innerWidth-15
        }
        var snowsizerange=snowmaxsize-snowminsize
        for (i=0;i<=snowmax;i++) {
                crds[i] = 0;
            lftrght[i] = Math.random()*15;
            x_mv[i] = 0.03 + Math.random()/10;
                snow[i]=document.getElementById("s"+i)
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow[i].size=randommaker(snowsizerange)+snowminsize
                snow[i].style.fontSize=snow[i].size+'px';
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
                snow[i].style.zIndex=1000
                snow[i].sink=sinkspeed*snow[i].size/5
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
                snow[i].style.left=snow[i].posx+'px';
                snow[i].style.top=snow[i].posy+'px';
        }
        movesnow()
}
function movesnow() {
        for (i=0;i<=snowmax;i++) {
                crds[i] += x_mv[i];
                snow[i].posy+=snow[i].sink
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
                snow[i].style.top=snow[i].posy+'px';
                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                        snow[i].posy=0
                }
        }
        var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}
//]]>
</script>
</pre>
<span style="font-family: Verdana, sans-serif;"><b>Hiệu ứng </b><span style="color: red; font-weight: bold;">bắn pháo hoa</span><b> cho blog (</b><span style="color: blue;">Lưu ý ko thể dùng cùng lúc 2 hiệu ứng nhé :x</span><b>)</b></span><br />
<pre><script type="text/javascript">
// <![CDATA[
var bits=80; // how many bits
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c"); 
//      blue red  green   purple  cyan orange  pink
 
/****************************
*   Fireworks Effect  *
*(c)2004-11 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var bangheight=new Array();
var intensity=new Array();
var colour=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var swide=800;
var shigh=600;
var boddie;
 
window.onload=function() { if (document.getElementById) {
  var i;
  boddie=document.createElement("div");
  boddie.style.position="fixed";
  boddie.style.top="0px";
  boddie.style.left="0px";
  boddie.style.overflow="visible";
  boddie.style.width="1px";
  boddie.style.height="1px";
  boddie.style.backgroundColor="transparent";
  document.body.appendChild(boddie);
  set_width();
  for (i=0; i<bangs; i++) {
 write_fire(i);
 launch(i);
 setInterval('stepthrough('+i+')', speed);
  }
}}

function write_fire(N) {
  var i, rlef, rdow;
  stars[N+'r']=createDiv('|', 12);
  boddie.appendChild(stars[N+'r']);
  for (i=bits*N; i<bits+bits*N; i++) {
 stars[i]=createDiv('*', 13);
 boddie.appendChild(stars[i]);
  }
}

function createDiv(char, size) {
  var div=document.createElement("div");
  div.style.font=size+"px monospace";
  div.style.position="absolute";
  div.style.backgroundColor="transparent";
  div.appendChild(document.createTextNode(char));
  return (div);
}

function launch(N) {
  colour[N]=Math.floor(Math.random()*colours.length);
  Xpos[N+"r"]=swide*0.5;
  Ypos[N+"r"]=shigh-5;
  bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
  dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
  if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
  else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
  else stars[N+"r"].firstChild.nodeValue="|";
  stars[N+"r"].style.color=colours[colour[N]];
}

function bang(N) {
  var i, Z, A=0;
  for (i=bits*N; i<bits+bits*N; i++) { 
 Z=stars[i].style;
 Z.left=Xpos[i]+"px";
 Z.top=Ypos[i]+"px";
 if (decay[i]) decay[i]--;
 else A++;
 if (decay[i]==15) Z.fontSize="7px";
 else if (decay[i]==7) Z.fontSize="2px";
 else if (decay[i]==1) Z.visibility="hidden";
 Xpos[i]+=dX[i];
 Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  }
  if (A!=bits) setTimeout("bang("+N+")", speed);
}

Tạo hiệu ứng "Tuyết rơi" và "Bắn pháo hoa" cho Blogspot cực cool

Các bước thực hiện1. Đăng nhập vào Blogspot ---> Bố cục (Layout)2. Trong phần bố cục bạn chọn ---> Thêm tiện ích (chọn cái tiện ích nào dài toàn bộ màn hình nhé, nếu ko mưa tuyết ko phủ khắp blog của…

Xem chi tiết

14 Apr 2014

Thủ thuật tạo nút Spoiler ẩn/hiện nội dung bài viết dài tăng tốc load cho blogspot

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMD1CvBYc4b_mGlXhWYqYwhg09Ga2GuVUzFMsS88fi8kFzcIo_eGrLD94nYl_0HvPiLJryyssrhHf2HM2pluDzsmzhUDekxa4GBjNVBSj7nnApJnkvxaIsVNrOQcVDWQCFNHIL_6gJWBAL/s1600/2014-04-14_142853.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMD1CvBYc4b_mGlXhWYqYwhg09Ga2GuVUzFMsS88fi8kFzcIo_eGrLD94nYl_0HvPiLJryyssrhHf2HM2pluDzsmzhUDekxa4GBjNVBSj7nnApJnkvxaIsVNrOQcVDWQCFNHIL_6gJWBAL/s1600/2014-04-14_142853.png"></a></div>
<span style="font-family: Verdana, sans-serif;"><b><span style="color: #0b5394;">Một code đơn giản  tạo nút Spoiler ẩn hiện để làm gọn lại nội dung hiển thị trên bài đăng. Đặc biệt là đối với những Blog dùng nhiều hình ảnh trong bài đăng. Dưới đây mình sẽ chia sẻ 2 mẫu Spoiler cho blogspot cho các bạn tùy chọn. Chúc các bạn thành công.</span></b><br><span style="color: #3d85c6;">Để sử dụng code, khi viết bài bạn chuyển sang chế độ HTML rồi dán vào vị trí mong muốn là được:</span></span><br>
<div>
</div>

Thủ thuật tạo nút Spoiler ẩn/hiện nội dung bài viết dài tăng tốc load cho blogspot

Một code đơn giản tạo nút Spoiler ẩn hiện để làm gọn lại nội dung hiển thị trên bài đăng. Đặc biệt là đối với những Blog dùng nhiều hình ảnh trong bài đăng. Dưới đây mình sẽ chia sẻ 2 mẫu Spoiler ch…

Xem chi tiết

14 Apr 2014

Tạo hiệu ứng hình ảnh đẹp khi rê chuột vào link

<span style="color: blue; font-family: Verdana, sans-serif;"><b>Nếu bạn cảm thấy blog của mình quá đơn điệu muốn thêm vài hiệu ứng cho sinh động và đẹp hơn thì bạn có thể tạo thêm hiệu ứng khi rê chuột vào link bất kỳ trên blog sẽ hiện ra kèm theo những hình ảnh động thú vị.</b></span><br>
<span style="color: blue; font-family: Verdana, sans-serif;"><b>Sau đây mình sẽ hướng dẫn các bạn tạo ra hiệu ứng chỉ bằng đoạn code đơn giản.</b></span><br>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmmSHR7pxDGMmp3nhLxA4-_25XwJns_qVOIxVXHbNcne1MRpD9ZdtpKUj9PYot01l8GC31ENW4u3Caqx9od2-z7pSu4X_6yBcf9sE8nIbz9-xjvTgxedJVRna_S_5ZMIfsPms0-OlhNdA/s1600/606485a7ko7vk4kq.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="hieu ung blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmmSHR7pxDGMmp3nhLxA4-_25XwJns_qVOIxVXHbNcne1MRpD9ZdtpKUj9PYot01l8GC31ENW4u3Caqx9od2-z7pSu4X_6yBcf9sE8nIbz9-xjvTgxedJVRna_S_5ZMIfsPms0-OlhNdA/s1600/606485a7ko7vk4kq.gif" title="hiệu ứng hình ảnh đẹp khi rê chuột vào link"></a></div>
</div>
<span style="color: purple; font-family: Verdana, sans-serif;">Đầu tiên đăng nhập vào blogspot -> Bố cục (Layout) -> Thêm tiện ích -> chọn HTML/JavaScript sau đó các bạn chèn đoạn code dưới đây vào là song thôi</span><br>
<span style="color: purple; font-family: Verdana, sans-serif;">(<b>lưu ý: </b>2 cái <b>backgroup</b> điền một link ảnh giống nhau nhé)</span><br>

Tạo hiệu ứng hình ảnh đẹp khi rê chuột vào link

Nếu bạn cảm thấy blog của mình quá đơn điệu muốn thêm vài hiệu ứng cho sinh động và đẹp hơn thì bạn có thể tạo thêm hiệu ứng khi rê chuột vào link bất kỳ trên blog sẽ hiện ra kèm theo những hình ảnh đ…

Xem chi tiết

13 Apr 2014

Một số website tạo Logo chữ viết/ hình ảnh trực tiếp cực đẹp

<b><span style="font-family: Verdana, sans-serif;">Khi tiến hành xây dựng blog website, logo là một thành phần quan trọng trong thiết kế nhưng nếu bạn không phải là một người sử dụng thành thạo Photoshop hay Illustrator, sẽ thật khó để bạn có thể thiết kế được một logo đẹp.</span></b><div>
<span style="font-family: Verdana, sans-serif;">Thật may vì có một số tool hay trang web cho phép tạo Logo online giúp các bạn tạo cho mình những logo thương hiệu cực đẹp, không kém phần chuyên nghiệp và không quá phức tạp hay cần chuyên môn cao để tạo ra nó.<br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh012f4wpSQRFe8He5hkhyBFvR6oSnY-dN06DVswTnPMo3_pXsOV9n0a6nzAy-vnEfWCwiBOlfZSWJTLdcwQX0JViAHucZvDKkS5DIESagNtGFeWg7is8P_JkKRCpk0Ni6QPEoZcJlRfWAI/s1600/cooltext1518101141.gif"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh012f4wpSQRFe8He5hkhyBFvR6oSnY-dN06DVswTnPMo3_pXsOV9n0a6nzAy-vnEfWCwiBOlfZSWJTLdcwQX0JViAHucZvDKkS5DIESagNtGFeWg7is8P_JkKRCpk0Ni6QPEoZcJlRfWAI/s1600/cooltext1518101141.gif" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohhjAPesfwBnAzm4HccJQBMafRTLVcuZa82oO9tD1rrQARBXyXFMSpKNPHzHBU6noPsnmPfkw7AVWXv2n3I5n8-YaIlUH1nJ-7pTQ2gHYCyF2VMDzC4XyhG9b8VEYTwt78XNv0KXP_DA/s1600/logo_Tips24h.net.png"> </a><br /><b><span style="color: purple; font-size: large;">Dưới đây là danh sách các website tạo logo online chuyên nghiệp và miễn phí</span></b><br /><div style="text-align: center;">
<a href="http://cooltext.com/">Cooltext</a></div>
<div style="text-align: center;">
<a href="http://www.flamingtext.com/">FlamingText</a></div>
<div style="text-align: center;">
<a href="http://www.simwebsol.com/ImageTool/Default.aspx">Simwebsol</a></div>
<div style="text-align: center;">
<a href="http://www.logomatik.net/">LogoMatik</a></div>
<div style="text-align: center;">
<a href="http://www.freeflashlogos.com/">FreeFlashLogos</a></div>
<div style="text-align: center;">
<a href="http://www.logosnap.com/">LogoSnap</a></div>
<div style="text-align: center;">
<a href="http://www.logomaker.com/">LogoMaker</a></div>
<div style="text-align: center;">
<a href="http://www.onlinelogomaker.com/">OnlineLogoMaker</a></div>
<div style="text-align: center;">
<a href="http://www.logoease.com/">LogoEase</a></div>
<br /><span style="color: red;">Chúc các bạn tạo được những logo đẹp!</span></span></div>

Một số website tạo Logo chữ viết/ hình ảnh trực tiếp cực đẹp

Khi tiến hành xây dựng blog website, logo là một thành phần quan trọng trong thiết kế nhưng nếu bạn không phải là một người sử dụng thành thạo Photoshop hay Illustrator, sẽ thật khó để bạn có thể thiế…

Xem chi tiết

13 Apr 2014

Đưa comment/bình luận Facebook vào blogspot

<div style="text-align: center;">
<b><span style="color: #38761d; font-family: Verdana, sans-serif; font-size: large;">Cách thêm comment facebook và quản lý cho Blogspot - Web</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHsMvsTRGJMk3Fwe5ug_WAK67wnxJUhBTPGjGwiR-mrv6MwK4EoGKDQpy1iN3LwiaKgNmt7wtSjYk6NaWJV0Ql8mzhcNl10DPJz6uqL9lnZW85B0Woq7po6jSUuQ7KtJLWno4nV1ESR8I/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="" border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHsMvsTRGJMk3Fwe5ug_WAK67wnxJUhBTPGjGwiR-mrv6MwK4EoGKDQpy1iN3LwiaKgNmt7wtSjYk6NaWJV0Ql8mzhcNl10DPJz6uqL9lnZW85B0Woq7po6jSUuQ7KtJLWno4nV1ESR8I/s1600/1.jpg" title="tạo comment, bình luận facebook lên blogspot" width="320" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="background-color: white; color: #333333;"><span style="color: orange;">Bước 1. Tạo Facebook APP</span></b><b style="background-color: white; color: #333333;"><span style="color: orange;"><br /></span></b><span style="background-color: white; color: #333333;">Chú ý mình đang dùng facebook với tiếng viêt nhé</span></span><br />
<ul style="background-color: white; color: #333333;">
<li><span style="font-family: Arial, Helvetica, sans-serif;">Truy cập <a href="https://developers.facebook.com/apps" style="color: #256ead; text-decoration: none;"><b>https://developers.facebook.com/apps</b></a></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Click vào nút: <b><span style="color: blue;">Ứng Dụng</span></b> ==>  <b style="color: blue;">Register as a Developer</b> (bạn được hình dưới chọn vào ô checkbox rồi nhấn tiếp tục)<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Qds0D9bhptYskTUa7UdUA-0daGKI63twqLzl-o-UPhZtP3TxJWlhbwYGCdLJm6u3SX3fuwRlaaS5Z3dcaqt8wLTu5-cBhCTFrtg8REw9dYC1chyphenhyphen37B6fvcM2CWEpMuflKo1ba8DGcJM/s1600/fa1.png" imageanchor="1" style="color: #256ead; font-size: 16px; margin-left: 1em; margin-right: 1em; text-align: center; text-decoration: none;"><img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Qds0D9bhptYskTUa7UdUA-0daGKI63twqLzl-o-UPhZtP3TxJWlhbwYGCdLJm6u3SX3fuwRlaaS5Z3dcaqt8wLTu5-cBhCTFrtg8REw9dYC1chyphenhyphen37B6fvcM2CWEpMuflKo1ba8DGcJM/s640/fa1.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></a></span></li>
</ul>
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">- Tại cửa sổ Popup bạn chọn quốc gia là Việt Nam và điền số điện thoại vào ( Bạn nên dùng mạng vina nhé , mạng viettel không được mình đã thử. Mình đã phải đàu tư ngay cái Sim vina để viết bài hướng dẫn này giúp các bạn :D ):</span><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjjAnRetqOI1e4cV28m4bs2avjV2aUJLWKjs70XqvFTiwizWuUzFGJyNzt-qIXE3W_o8DKfPp5NzUP94CDbWR76y66LskqVn8b8EZ0KRCRl1ufpqW9K_rIYM_ZXtxYTYr1Mg8U0LP7nKs/s1600/fa2.png" imageanchor="1" style="color: #256ead; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjjAnRetqOI1e4cV28m4bs2avjV2aUJLWKjs70XqvFTiwizWuUzFGJyNzt-qIXE3W_o8DKfPp5NzUP94CDbWR76y66LskqVn8b8EZ0KRCRl1ufpqW9K_rIYM_ZXtxYTYr1Mg8U0LP7nKs/s640/fa2.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></span></a></div>
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">- Sau đó bạn sẽ được gửi một tin nhắn về mã xác nhận tới điện thoại bạn vừa nhập. hãy nhập vào ô mã và bấm xác nhận. Nhấn tiếp tục đên hình dưới đây</span><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDy9HhPGsFVlitBBerjR09rpBu-iypN2WOGDuWknTai4hD2VB0Xy7xZ4sFaobkW19kPB8jF677-kdYkOOXV5wg6NCheNy1SQKYk0JCyp0Db3qpwSnbaUjks9kbxUwHyjN2TVIzjGLDUw8/s1600/fa3.png" imageanchor="1" style="color: #256ead; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="522" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDy9HhPGsFVlitBBerjR09rpBu-iypN2WOGDuWknTai4hD2VB0Xy7xZ4sFaobkW19kPB8jF677-kdYkOOXV5wg6NCheNy1SQKYk0JCyp0Db3qpwSnbaUjks9kbxUwHyjN2TVIzjGLDUw8/s640/fa3.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></span></a></div>
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">- Bạn tích vào những mục bạn mong muốn, bạn tích hết cũng được rối nhấn tiếp tục vậy là bạn đã thành công bước đầu (các thao tac bên trên là thao tác dành cho những ai chưa đăng ký tạo app lần nào). Còn bây giờ chúng ta bắt đầu đi tạo app để quản lý comment trên blogspot</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #333333; font-size: 16px;">Bắt đầu tạo app: </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;">Ứng Dụng</span></b><span style="background-color: white; color: #333333; font-size: 16px;"> => </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;">Create a New App</span> </b><span style="background-color: white; color: #333333; font-size: 16px;">điền đầy đủ thông tin rồi nhấn vào </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;">Tạo Ứng dụng</span></b></span><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0PAnDfoUe_rT2ZRGTaIo5C-0dnkjaPD4au1QyUFrjqeB5Q2HdUdmnCHeuXl_cSrES5GvGi8WQ12xX1ATclnYg05l0lTfQEVW95dUQEB62enYmrjdzgCfK1OAzFMpTP9EobSl2PosSang/s640/pa4.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: #333333; font-size: 16px;">- </span><b style="background-color: white; color: #333333; font-size: 16px;">sau khi thành công bạn sẽ có mục id này</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_e95JnGZkTEVl8dWldAOyo3N5hWxKL0Q2L0AuP30iazG_48fSnlqk94fZd1XRNAJonBIsdKD4av5osALaCRwIWhbSvRKJlk9eoybQ1rF88FT3G3fzeAiYBYtVCjAjjQnPl657RX_z18I/s1600/1.jpg" imageanchor="1" style="font-size: medium; margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_e95JnGZkTEVl8dWldAOyo3N5hWxKL0Q2L0AuP30iazG_48fSnlqk94fZd1XRNAJonBIsdKD4av5osALaCRwIWhbSvRKJlk9eoybQ1rF88FT3G3fzeAiYBYtVCjAjjQnPl657RX_z18I/s1600/1.jpg" width="400" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<br style="background-color: white; color: #333333; font-size: 16px;" />
<b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: red; font-size: medium;">Cách thêm commnet facebook cho blogspot</span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<b style="background-color: white; color: #333333; font-size: 16px;"><u><span style="color: orange;">Bước 1</span></u> </b><span style="background-color: white; color: #333333; font-size: 16px;">- Đăng nhập vào blog</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="background-color: white; color: #333333; font-size: 16px;"><u><span style="color: orange;">Bước 2</span></u></b><span style="background-color: white; color: #333333; font-size: 16px;"> - Chọn mẫu (Template)</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="background-color: white; color: #333333; font-size: 16px;"><u><span style="color: orange;">Bước 3</span></u> </b><span style="background-color: white; color: #333333; font-size: 16px;">- Chọn chỉnh sửa HTML (Edit HTML)</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<b style="background-color: white; color: #333333; font-size: 16px;"><u><span style="color: red;">Chú ý:</span></u></b><span style="background-color: white; color: #333333; font-size: 16px;">  Trước khi chỉnh sửa code web lên tải bản code về để có bản gốc, tránh trường hợp code lỗi ko khôi phục lại được !</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: #333333; font-size: 16px;">- Tìm đoạn code  </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;"><html</span>  </b><span style="background-color: white; color: #333333; font-size: 16px;">thường thì nó ở ngay dòng thứ 2,</span><b style="background-color: white; color: #333333; font-size: 16px;"> </b><span style="background-color: white; color: #333333; font-size: 16px;">bạn thêm đoạn code sau ngay bên phải nó ==> </span><b style="background-color: white; color: blue; font-size: 16px;">xmlns:fb='https://www.facebook.com/2008/fbml' </b><span style="background-color: white; color: #333333; font-size: 16px;">(ngăn cách nhau bằng dấu cách nếu có đoạn code đó rồi thì bạn ko phải thêm nữa nhé)</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: #333333; font-size: 16px;">- Thêm đoạn code sau dưới thẻ </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;"><head></span></b><span style="background-color: white; color: #333333; font-size: 16px;"> </span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #333333; font-size: 16px;">===> </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;"><meta content='</span></b><b><span style="color: red;">668548123219011</span></b><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;">' property='fb:app_id'/></span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<b style="background-color: white; color: #333333; font-size: 16px;"><u><span style="color: purple;">Chú ý:</span></u></b><span style="background-color: white; color: #333333; font-size: 16px;"> </span><b><span style="color: red;">668548123219011</span></b> <span style="background-color: white; color: #333333; font-size: 16px;">là mã ứng dụng (id App face mà bạn vừa tạo ở bước trên) bạn thay nó thành mã app của bạn nhé</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_e95JnGZkTEVl8dWldAOyo3N5hWxKL0Q2L0AuP30iazG_48fSnlqk94fZd1XRNAJonBIsdKD4av5osALaCRwIWhbSvRKJlk9eoybQ1rF88FT3G3fzeAiYBYtVCjAjjQnPl657RX_z18I/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_e95JnGZkTEVl8dWldAOyo3N5hWxKL0Q2L0AuP30iazG_48fSnlqk94fZd1XRNAJonBIsdKD4av5osALaCRwIWhbSvRKJlk9eoybQ1rF88FT3G3fzeAiYBYtVCjAjjQnPl657RX_z18I/s1600/1.jpg" width="640" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<b style="background-color: white; color: #333333; font-size: 16px;"><u><span style="color: orange;">Bước 4</span></u></b><span style="background-color: white; color: #333333; font-size: 16px;"> - Thêm đoạn mã bên dưới vào trước thẻ </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;"></body></span></b><span style="background-color: white; color: #333333; font-size: 16px;">.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: blue; font-size: 16px;"><div id='fb-root'/></span></span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">    <script></span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">      (function(d, s, id) {</span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">        var js, fjs = d.getElementsByTagName(s)[0];</span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">        if (d.getElementById(id)) {return;}</span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">        js = d.createElement(s); js.id = id;</span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">        js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;</span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">        fjs.parentNode.insertBefore(js, fjs);</span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">      }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: #333333; font-size: 16px;">Và đoạn code sau lên trên thẻ đóng </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;"></head></span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: blue; font-size: 16px;"><script type='text/javascript'></span></span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">//<![CDATA[</span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">var purl= location.href;</span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">var fb_href = purl.substring(0,purl.indexOf(".html")+5);</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: blue; font-size: 16px;">var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" </span><span style="background-color: white; color: red; font-size: 16px;">data-num-posts="5" data-width="540"</span><span style="background-color: white; color: blue; font-size: 16px;">></div>';</span></span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">//]]></span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;"></script></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: red;">Lưu ý :</span></b><span style="background-color: white; color: #333333; font-size: 16px;"> Các bạn điều chỉnh cho hợp lý với blog của mình nhé</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="background-color: white; color: blue; font-size: 16px;">data-num-post=5 : </b><span style="background-color: white; color: #333333; font-size: 16px;">số comment hiển thị. Nếu quá sẽ tự động gộp comment</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="background-color: white; color: blue; font-size: 16px;">data-width=540 : </b><span style="background-color: white; color: #333333; font-size: 16px;">chiều rộng khung comment</span></span><br />
<div style="background-color: white; color: #333333; font-size: 16px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<b style="background-color: white; color: #333333; font-size: 16px;">Cách thêm commnet facebook vào Blogspot</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="background-color: white; color: #333333; font-size: 16px;"><u><span style="color: orange;">Bước 5</span></u></b><span style="background-color: white; color: #333333; font-size: 16px;"> - Tìm một trong các đoạn code như sau: </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;"><b:include data='post' name='post'/></span></b></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">- Rồi thêm ngay dưới nó đoạn code sau:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: blue; font-size: 16px;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;"><script type='text/javascript'></span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;">document.write(fbcm);</span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;"></script></span><br />
<span style="background-color: white; color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 16px;"></b:if></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: red;">Chú ý:</span></b><span style="background-color: white; color: #333333; font-size: 16px;"> Một số bạn có thắc mắc về màu chữ hay khung có màu trùng với màu nền thì các bạn thực hiện thêm bước sau nhé (nếu ko ảnh hưởng thì không cần làm thêm bước này)</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: #333333; font-size: 16px;">Dán đoạn code sau vào trước thẻ </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;">]]></b:skin>.</span></b></span><br />
<div class="chuy" style="background-color: #c0e9fa; background-position: 30px 20px; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px dashed rgb(14, 127, 173); box-sizing: border-box; font-size: 15px; line-height: 24px; margin: 20px 10px; outline: none; overflow: auto; padding: 10px; width: 450px;">
<span style="font-family: Arial, Helvetica, sans-serif;">.comments-page {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          background-color: <b><span style="color: red;">#f2f2f2;</span></b></span><br />
<b><span style="color: red; font-family: Arial, Helvetica, sans-serif;">          width:540px</span></b><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">#blogger-comments-page {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          padding: 0px 5px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          display: none</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">.comments-tab {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          float: left; padding: 5px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          margin-right: 3px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          cursor: pointer;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          background-color:<b><span style="color: red;"> #f2f2f2</span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">.comments-tab-icon {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          height: 14px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          width: auto;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          margin-right: 3px</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">.comments-tab:hover {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          background-color: <b><span style="color: red;">#eeeeee</span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">.inactive-select-tab {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          background-color: <b><span style="color: red;">#d1d1d1</span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">          }</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #333333; font-size: 16px;">Để thay đổi màu nền của nội dung các tab chỉ cần chỉnh sửa </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: red;">#f2f2f2</span> </b><span style="background-color: white; color: #333333; font-size: 16px;"> , </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: red;">#eeeeee , #</span></b><b style="background-color: white; color: red; font-size: 16px;">d1d1d1 </b><span style="background-color: white; color: #333333; font-size: 16px;">(đây là mã màu các bạn thay đổi cho phù hợp nhé)</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #333333; font-size: 16px;">Để thay đổi độ rộng của chiều rộng khung comment thay đổi giá trị : </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: red;">540px</span></b></span><br />
<b style="background-color: white; color: #333333; font-size: 16px;"><span style="font-family: Arial, Helvetica, sans-serif;">Lưu lại vậy là Xong !</span></b><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: magenta; font-size: large;">Cách quản lý comment facebook trên blogspot</span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: #333333; font-size: 16px;">Sau khi các bạn đã làm thành công các bước trên . Để quản lý các comment facebook trên blospot của bạn các bạn làm như sau:</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<b style="background-color: white; color: #333333; font-size: 16px;"><u>Bước 1:</u></b><span style="background-color: white; color: #333333; font-size: 16px;"> Bạn truy cập vào link sau </span><b style="background-color: white; color: #333333; font-size: 16px;"><a href="https://developers.facebook.com/tools/comments" style="color: #256ead; text-decoration: none;">https://developers.facebook.com/tools/comments</a> (</b><span style="background-color: white; color: #333333; font-size: 16px;">chú ý bạn phải đang đăng nhập facebook mà bạn đã đăng ký app nhé</span><b style="background-color: white; color: #333333; font-size: 16px;">)</b></span><br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWar_6uZp1VoY6diDxs4JZNM7fece3905Yjvz5MpzhENBnsJvXpYJ6aFd7owEIcqfgpNZijAio52sk1_W-I3GcAgwL2Ch2k2Iv-Orus584_iOweLTgauRj4uXjg_MoY6yJPy7YCMSioJw/s1600/pa6.png" imageanchor="1" style="color: #256ead; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWar_6uZp1VoY6diDxs4JZNM7fece3905Yjvz5MpzhENBnsJvXpYJ6aFd7owEIcqfgpNZijAio52sk1_W-I3GcAgwL2Ch2k2Iv-Orus584_iOweLTgauRj4uXjg_MoY6yJPy7YCMSioJw/s640/pa6.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: #333333; font-size: 16px;">- Bạn muốn comment nó thuộc bài viết nào thì bạn click sang </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;">Moderator View</span></b><span style="background-color: white; color: #333333; font-size: 16px;"> ==> click chuột vào phần </span><b style="background-color: white; color: #333333; font-size: 16px;"><span style="color: blue;">Visit Website</span></b><span style="background-color: white; color: #333333; font-size: 16px;"> để sang bài viết mà có comment đó.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #333333; font-size: 16px;" />
<span style="background-color: white; color: #333333; font-size: 16px;">Còn bây giờ mọi người hay bắt tay vào và test ngay thôi !</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #333333; font-size: 16px;">Chúc các bạn thêm phần </span><span style="background-color: white; color: #333333; font-size: medium;"><b>comment facebook và quản lý cho Blogspot</b></span><span style="background-color: white; color: #333333; font-size: 16px;"> thành công!</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Nguồn:</b> http://bittuot.blogspot.com/</span></div>

Đưa comment/bình luận Facebook vào blogspot

Cách thêm comment facebook và quản lý cho Blogspot - Web Bước 1. Tạo Facebook APPChú ý mình đang dùng facebook với tiếng viêt nhé Truy cập https://developers.facebook.com/apps Click vào nút: Ứng Dụng…

Xem chi tiết

12 Apr 2014

Thủ thuật mở tab mới khi bật link (liên kết) bên ngoài cho blogspot

<span style="font-family: Verdana, sans-serif;"><span style="background-color: white; line-height: 16.639999389648438px;">Như các bạn đã biết, muốn độc giả khi click vào link khác trên blog và mở ra một cửa sổ mới thì ta phải thêm thuộc tính </span><span style="color: red; line-height: 16.639999389648438px;"><i>target="_blank"</i> </span><span style="background-color: white; line-height: 16.639999389648438px;">vào. Tuy nhiên cứ mỗi khi click vào bất kỳ một chỗ nào đó lại bật ra  một tab mới như ở trên thanh Menu Bar chẳng hạn, điều này có thể khiến người dùng khó chịu vì ra quá nhiều tab.</span></span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16.639999389648438px;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><span style="background-color: white; line-height: 16.639999389648438px;">Nhưng nếu bạn chỉ muốn các link ko thuộc website/blog của bạn được mở sang tab mới để độc giả ko quên đến blog của bạn thì phải làm sao? Mình sẽ giới thiệu cách làm công việc trên bằng </span><i style="color: red; line-height: 16.639999389648438px;">target="_blank"</i><span style="color: red; line-height: 16.639999389648438px;">  </span><span style="background-color: white; line-height: 16.639999389648438px;">được tùy biến bằng jquery sẽ giúp bạn thực hiện chuyện này</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDb0hD6cUSZiyB3SK2hpcA7CcJpZkQeST5uaWzvLY8nxtxR6cnzAaSSwJ1r1yYhsIiFOD6vs0U8SoerXTVFq_D4NK8UkjnAhjd15iZhVjJBn73Vs0Qp_av9tFQBOxZLINuFuaoUidUzcZk/s1600/mo-lien-ket-trong-the-moi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDb0hD6cUSZiyB3SK2hpcA7CcJpZkQeST5uaWzvLY8nxtxR6cnzAaSSwJ1r1yYhsIiFOD6vs0U8SoerXTVFq_D4NK8UkjnAhjd15iZhVjJBn73Vs0Qp_av9tFQBOxZLINuFuaoUidUzcZk/s1600/mo-lien-ket-trong-the-moi.png" /></a></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="line-height: 16.639999389648438px;" /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Thêm code vào template</b></span><br />
<pre><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
 $("a[href^='http://']").each(
 function(){
 if(this.href.indexOf(location.hostname) == -1) {
 $(this).attr('target', '_blank');
 }
 }
 );
$("a[href^='https://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
});
</script>

</pre>
<div>
<br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: white; line-height: 16.639999389648438px;">Bạn chèn đoạn js sau vào trước thẻ đóng </span><i style="line-height: 16.639999389648438px;"><b></head></b></i></span><br />
<ul style="line-height: 16.639999389648438px; margin: 0px; padding: 0px;">
<li style="list-style: none; margin: 0px; padding: 0px;"><span style="font-family: Verdana, sans-serif;">Đoạn mã được thêm 2 lần cho các liên kết được bắt đầu bằng cả http và https</span></li>
<li style="list-style: none; margin: 0px; padding: 0px;"><span style="font-family: Verdana, sans-serif;">Hai đoạn mã == -1 có tác dụng chỉ thêm thuộc tính <i>target="_blank"</i> vào các liên kết bên ngoài. Nhưng nếu bạn muốn áp dụng cho tất cả các đường link trên blog thì thay thế bằng ==1</span></li>
<li style="list-style: none; margin: 0px; padding: 0px;"><span style="font-family: Verdana, sans-serif;">Xóa đoạn code<span style="color: blue;"> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script></span> nếu trong template của bạn đã có jQuery rồi</span></li>
</ul>
<span style="font-family: Tahoma; font-size: 13px; line-height: 16.639999389648438px;"><br /></span></div>

Thủ thuật mở tab mới khi bật link (liên kết) bên ngoài cho blogspot

Như các bạn đã biết, muốn độc giả khi click vào link khác trên blog và mở ra một cửa sổ mới thì ta phải thêm thuộc tính target="_blank" vào. Tuy nhiên cứ mỗi khi click vào bất kỳ một chỗ nào đó lại bậ…

Xem chi tiết

10 Apr 2014

Hướng dẫn đặt code HTML,CSS,PHP vào trong khung bài viết của Blogspot

<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdudfKC-ksSd4hTkEVaIPEta6HkNC-1woPRCB8REMM0pBdHyCmLTk5PUppy5iY2_cOvnhFjFW55L2XqzcVNdhiIxRgV_PSnBWtflcxTrInwBIlQVWtY_eROuGqIFaI229siX-upyygXHY/s1600/test+code+HTML+cho+blogger.png" title="Hướng dẫn chèn code vào bài viết blogspot" width="277" /> </div>
<div class="separator" style="clear: both; text-align: left;">
Bài viết này mình hướng dẫn về cách đặt CODE trong các khung để cho người đọc dễ dàng nhận biết. Nói chung là có rất nhiều mẫu khác nhau 
nhưng về cơ bản cách làm thì hầu như là giống nhau, phần này mình xin 
giới thiệu với các bạn một cách trình bày code mà theo mình thấy là đẹp, 
đơn giản, dễ nhận biết vì có thêm đánh số và mình cũng đang dùng code này.</div>
<br />
<b>Tạo CSS điều khiển thuộc tính khung chứa code</b><br />
Trước
 tiên, chúng ta tạo ra một class mới chứa các thuộc tính của khung hiển 
thị code và đặt chúng vào trong CSS của template (đặt trước thẻ <span style="color: red;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">]]></b:skin></span></span>). Đoạn CSS này sẽ đi kèm thẻ pre hoặc thẻ code như đoạn code mà tôi đang sử dụng dưới đây:<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<pre>pre, code {
 display:block;
 max-height:350px; min-height:45px;
 font: 1em 'Courier New', Fixed, monospace;
 font-size : 100%;
 color: #666666;
 background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSwtMFDqksaCrbjZ0kcFu-Gta2aha9dSAma0n2jz06Sxta_KjLWXY6GYDpNF3xqBfP0X4tuqUzQjB_w6JUXe1nc5RhPNBHrqkEy-NcyPd4V5fS5xWet5mL4rjhu-rP-FtqSsuPM_Q1RBA/s1600/Code-form-1.jpg) no-repeat left top;
 overflow : auto;
 text-align:left;
 border : 1px solid #99cc66; 
 padding : 0px 20px 0 30px;
 margin:1em 0 1em 0;
 line-height:17px;
}</pre>
Lưu ý: các thuộc tính <b>max-height, min-height</b> để quy định chiều cao tối đa,tối thiểu của khung. Nếu số dòng vượt quá max-height thì khung sẽ tự tạo scroll bar và bạn có thể thay đổi nó theo ý muốn.<br />
<br />
<b>Cách sử dụng</b><br />
Khi sử dụng trong bài viết, bạn viết bài bình thường, đến khi bạn ghi hết 1 đoạn code song vào phần HTML của bài viết thêm <pre> (có thể dùng <code>  nhé) vào đầu nội dung mã code và thêm </pre> ở dòng cuối của đoạn code là ok<br />
<br />
- Giữa thẻ <pre><br />
<pre>< pre>
...Code....
< /pre></pre>
hoặc giữa thẻ <code><code><br />< code><br />...Code...<br />< /code></code>

Hướng dẫn đặt code HTML,CSS,PHP vào trong khung bài viết của Blogspot

Bài viết này mình hướng dẫn về cách đặt CODE trong các khung để cho người đọc dễ dàng nhận biết. Nói chung là có rất nhiều mẫu khác nhau nhưng về cơ bản cách làm thì hầu như là giống nhau, phần nà…

Xem chi tiết

07 Apr 2014

Đặt quảng cáo trượt 2 bên trên blogspot (thêm chức năng Remove Ads)

<span style="color: purple;"><b></b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgunjM-WwUFNYB2BCFXaena9g3WQ8GIJH1nwHpUEF_qTR131UqgyfhgqJKjMTYBwJBCJdmi9jgNyZsll7EMYnSOpYgrxg3hTJWEw9SSoY2BRLYDsKEAJ2VgZ4A3xQzW5OFFyAXKqHn_ikM/s1600/banner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgunjM-WwUFNYB2BCFXaena9g3WQ8GIJH1nwHpUEF_qTR131UqgyfhgqJKjMTYBwJBCJdmi9jgNyZsll7EMYnSOpYgrxg3hTJWEw9SSoY2BRLYDsKEAJ2VgZ4A3xQzW5OFFyAXKqHn_ikM/s1600/banner.png" width="320" /></a></b></div>
<span style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><br /></span></span>
<span style="font-family: Times,"Times New Roman",serif;"><span style="color: #20124d; font-size: large;"><b>Hướng dẫn chèn code để </b><b><b>đặt </b> các banner quảng cáo trượt, chạy dọc 2 bên trên website hoặc Blogspot đơn giản</b>.</span></span><br />
Sau đây mình 
xin chia sẻ đến các bạn cách đặt banner lên web hay blogspot chạy dọc 2 bên rất dễ dàng và mượt, Code này khá tiện lợi vì khi gặp màn hình vuông (độ phân giải
 768x1024) thì banner sẽ không bị chèn vào trong gây khó chịu vướng víu 
mà nó sẽ tự mất đi, nhưng chỉ những ai sử dụng màn hình dài mới thấy 
được quảng cáo. Và code này đã fix cho nằm im và chạy dọc rất êm ái ko 
chạy giựt giựt gây nhức mắt cho người dùng<br />
<div>
<br />
<a href="https://www.blogger.com/null" name="more"></a></div>
<span style="font-family: Times,"Times New Roman",serif;"><span style="font-size: large;"><span style="color: #20124d;"><b>Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot Fix đứng </b></span></span></span><br />
<span style="color: #660000;"><b>*Đối với Blogspot</b></span><br />
B1- Đăng nhập vào Blog<br />
B2- Vào bố cục (Layout)<br />
B3- Chọn Thêm tiện ích (add widget)<br />
B4-Tạo một widget HTML\Javascripts và chèn vào đoạn code bên dưới :<br />
<b><span style="color: #660000;">*Với website</span> </b>thì bạn chỉ cần  thêm đoạn code lên trên thẻ đóng <b><span style="color: red;"></body></span></b> nhé (nhớ là ở trên đấy)<br />
<ul>
</ul>
<pre><div id="left_ads_float">
        <a href="<b><span style="color: red;">Link đường dẫn</span></b>" target="_blank"><img border="0" src="<a href="http://cdn.vietdesigner.net/data/ads/fptarena1.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYidwRat6qWxCM8EjBZ1OjgsquwyExaibgCiqfrA7GrZ0MvPH9V0TE9VQ1AZMQjsVbqdTMlFrMIacXcvrJMDDV87lxTAOzcBvV-FmnJ357Nmn88t1dCgg0fPV-CTDdSKjYhnf6zlaFAU/s1600/fptarena1.png</a>" width="120" /></a>
    </div>
    <div id="right_ads_float">
       <a href="<b><span style="color: red;">Link đường dẫn</span></b>" target="_blank"><img border="0" src="<a href="http://cdn.vietdesigner.net/data/ads/fptarena1.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYidwRat6qWxCM8EjBZ1OjgsquwyExaibgCiqfrA7GrZ0MvPH9V0TE9VQ1AZMQjsVbqdTMlFrMIacXcvrJMDDV87lxTAOzcBvV-FmnJ357Nmn88t1dCgg0fPV-CTDdSKjYhnf6zlaFAU/s1600/fptarena1.png</a>" width="120" /></a>
    </div>
<style>
#left_ads_float
{
    bottom:<b><span style="color: red;">24px</span></b>;
    left: <b><span style="color: red;">10px</span></b>;
    position:fixed; }
#right_ads_float
{
    bottom:<b><span style="color: red;">24px</span></b>;
    right: <b><span style="color: red;">10px</span></b>;
    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>
</pre>
<br />
<b><span style="font-size: large;"><span style="color: purple; font-family: Arial, Helvetica, sans-serif;">Hoặc nếu bạn muốn quảng 2 bên quảng cáo có thêm chức năng</span><span style="color: #cc0000; font-family: Arial, Helvetica, sans-serif;"> Remove Ads</span><span style="color: purple; font-family: Arial, Helvetica, sans-serif;"> (tắt quảng cáo) thì có thể dùng đoạn code này </span></span></b><br />
<span style="color: #20124d; font-family: Arial, Helvetica, sans-serif;">Có thể sửa độ cao thấp của quảng cáo bằng các chỉ số trên bottom</span><br />
<b><span style="color: purple; font-family: Arial, Helvetica, sans-serif;"><br /></span></b>
<br />
<pre><div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"><style></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">#left_ads_float</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">{<span style="color: red;">bottom:0px</span>;</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">left:0px;</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">position:fixed;}</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">#right_ads_float</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">{<span style="color: red;">bottom:0px;</span></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">right:0px;</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">position:fixed;}</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"></style></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"><script></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">var vcons_remove_fads=false;</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">function vcons_check_adswidth()</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">{if(vcons_remove_fads) </span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">{ document.getElementById('left_ads_float').style.display='none';</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">document.getElementById('right_ads_float').style.display='none';</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">return;</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">}else if(document.cookie.indexOf('vcons_remove_float_ads')!=-1)</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">{</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">vcons_remove_fads=true;</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">vcons_check_adswidth();</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">return;</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">}</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">else</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">{</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">var lwidth=parseInt(document.body.clientWidth);</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">if(lwidth<1110)</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">{</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">document.getElementById('left_ads_float').style.display='none';</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">document.getElementById('right_ads_float').style.display='none';</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">}</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">else</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">{</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">document.getElementById('left_ads_float').style.display='block'; </span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">document.getElementById('right_ads_float').style.display='block'; </span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">}</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">setTimeout('vcons_check_adswidth()',10);</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">}</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif;"><span style="margin: 0px; padding: 0px;">}</span>
<span style="margin: 0px; padding: 0px;">function remove_ads()</span></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">{</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">document.cookie = "vcons_remove_float_ads=1; expires=Thu, 11-Aug-2050 18:09:14 GMT; path=/";</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">document.getElementById('left_ads_float').style.display='none';</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">document.getElementById('right_ads_float').style.display='none';</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;">}</span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"></script></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"><div id="left_ads_float"></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"><a href="javascript:remove_ads()" style="display:block;background-color:#b0c4de;border-bottom: 1px solid #03C"> [X] Remove ADS</a></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"><span style="color: #0b5394;"><a href="</span><b><span style="color: red;">Link quảng cáo của bạn</span></b><span style="color: #0b5394;">" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSMixxSZ0-FDPsI2PMLMoaKDlOCNmFP6yAXMKPz6g_WzIBHZCqoM9Adiz56bhlvx5TEI98zKFFae9KvzoSLw25ilPdIHdJcvrHJkdgA4otQ6ONeQifylWBxkTx6jQ9IPaQcOeHD4Xi46w/s1600/banner-right.gif" width="150" height="540" /></a></span></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"></div></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"><div id="right_ads_float"></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"><a href="javascript:remove_ads()" style="display:block;background-color:#b0c4de;border-bottom: 1px solid #03C"> [X] Remove ADS</a></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"><span style="color: #0b5394;"><a href="</span><b><span style="color: red;">Link quảng cáo của bạn</span></b><span style="color: #0b5394;">" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSMixxSZ0-FDPsI2PMLMoaKDlOCNmFP6yAXMKPz6g_WzIBHZCqoM9Adiz56bhlvx5TEI98zKFFae9KvzoSLw25ilPdIHdJcvrHJkdgA4otQ6ONeQifylWBxkTx6jQ9IPaQcOeHD4Xi46w/s1600/banner-right.gif" width="150" height="540" /></a></span></span></div>
<div style="font-size: 15px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; white-space: normal;">
<span style="font-family: Times, Times New Roman, serif; margin: 0px; padding: 0px;"></div></span></div>
</pre>

Đặt quảng cáo trượt 2 bên trên blogspot (thêm chức năng Remove Ads)

Hướng dẫn chèn code để đặt các banner quảng cáo trượt, chạy dọc 2 bên trên website hoặc Blogspot đơn giản. Sau đây mình xin chia sẻ đến các bạn cách đặt banner lên web hay blogspot chạy dọc 2 bên r…

Xem chi tiết

07 Apr 2014

Tạo nút chuyển lên đầu trang cho Blogspot - Back To Top

<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img alt="tao nut len dau trang web" border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7kYQToynDoCWzOUoWsi_21YTuHaDEKOjwN66OhshAZzxHoNYidrXqEzBSDveMzT8bqGQGJg3H7nJE9bDJEnUXVGsdwC38zaCnV_Mlne17jCIqLYfOxeLcbMAekQDAdUIU4sf-kWKL31Tz/s1600/1.jpg" title="Tạo back to top cho blogspot" width="320" /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">Chắc bạn cũng thường thấy ở các diện đàn và website hay hiện thị cái nút back to top khi ấn vào thì nó sẽ chuyển lên đầu trang luôn rất tiện lợi phải không nào. Để gắn cho blogspot cái nút này cũng rất đơn giản thôi.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Đầu tiên các bạn vào <a href="http://www.scrolltotop.com/">http://www.scrolltotop.com/</a> chọn một mẫu hình mình thích sau đó copy code bên dưới của hình ảnh đó.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">VD mình chọn mẫu code là:</span><br />
<blockquote class="tr_bq">
<span style="color: #20124d; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></span><span style="color: #20124d; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow45.js"></script></span><span style="color: #20124d; font-family: Arial, Helvetica, sans-serif;"><noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></span></blockquote>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">Sau đó vào blogger -> Mẫu -> Chỉnh sửa HTML</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBlq-Us07H-Fi4TdDKeQYYe5oyDDuKlcWvHLzF1FGecELlvo1lhG6GcS69ESLhwfbVa2lxENul4QlBxupJOwA9Sp-o1ThPzJia713i-qpt53Y4tSfb5jiQnbdj5s_BatwcB2Af2NiKcQ/s1600/chinh-sua-html.png" width="320" /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Các bạn ấn Ctrl+F tìm đến thẻ </body> và copy code lên trước thẻ </body> là song thôi...</span></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4JLwZ3kW_Qr7Ji6x5m6hVls6-yZO-O9sOAOqhyphenhyphenuUQls4d6WSNSjrcS-kAQ-euR1p2qbD3b7Y8DNGk9R9F9wkC_ks4Nq-O9x_bAjnwHDYMFjEWhvoAkcqbOfOiM2iWOoySRubVRUfaQ/s1600/code-len-dau-trang.png" width="400" /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Sau đó lưu nó lại và nhảy vào blog của bạn xem thành quả nhé</span></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ3IIlHVpS9-fSHRwts5aB_STNWMRS_u358iuRQCWGltX40OaZHhg5vVW3nGZ6D4NpH8ntVG0_7xO54q1TZScSdVM7pbBjq3BjWoiJ7mghDk4dfUnFelhVYGeF6d50EBbjlxgeMmOxsA/s1600/nut-len-dau-trang.png" width="166" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<br />

Tạo nút chuyển lên đầu trang cho Blogspot - Back To Top

Chắc bạn cũng thường thấy ở các diện đàn và website hay hiện thị cái nút back to top khi ấn vào thì nó sẽ chuyển lên đầu trang luôn rất tiện lợi phải không nào. Để gắn cho blogspot cái nút này cũng r…

Xem chi tiết

29 Mar 2014