BREAKING
Hiển thị các bài đăng có nhãn Thủ thuật blogspot. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Thủ thuật blogspot. Hiển thị tất cả bài đăng

Thứ Ba, 3 tháng 6, 2014

Tối ưu Seo trên Blogspot ? Bạn đã biết chưa ?

Hướng dẫn tối ưu Seo trên Blogspot 

Hướng dẫn cách tối ưu SEO cho trang Search Label trên Blogspot




Hướng dẫn cách tối ưu SEO cho trang Search Label cho Blogspot. Như tiêu đề hôm nay Bít Tuốt xin hướng dẫn các bạn cách tối ưu chuẩn SEO cho trang Search Label trên Blogspot - Blogger.

Do hiện nay có nhiều bạn hỏi mình có SEO được trang trang Search Label trên Blogspot và làm thế nào để SEO , tối ưu được trang Search Label trên Blogspot. Vì vậy Bít Tuốt quyết định viết bài hướng dẫn cho những ai chưa biết và quan tâm đến cách tối ưu SEO cho trang Search Label trên Blogspot . Xem thêm ==> Cách tối ưu SEO Blogspot

Cách tối ưu SEO cho trang Search Label trên Blogspot

Để tối ưu tốt được trang Search Label trên Blogspot các bạn cần làm những công việc sau đây.

1. Sửa lại file Robots.txt

- Để SEO được cho trang Search Label trên Blogspot. Các bạn phải cho phép bọ của google index trang đó trước đã. Thường thì nếu bạn ko sửa file robots.txt này thì nó sẽ mặc định là ko cho phép index vì vậy bạn có SEO thì cũng không thể lên được top vì bạn đã cầm google nó index trang này rồi.

- Để chỉnh sửa file robots.txt các bạn làm như sau:
  • B1: Đăng nhập blogspot
  • B2: Kéo chuột xuống dưới bên tay trái vào "Cài đặt"
  • B3: Chọn "Tùy chọn tìm kiếm" trong menu cài đặt
  • B4: Chọn "Trình thu thập thông tin và lập chỉ mục" bên tay phải của Tùy chọn tìm kiếm 
  • B5: Chọn "Robots.txt tùy chỉnh" >> "Bật nội dung robots.txt tùy chỉnh"
  • B6: Copy đoạn code dưới này vào khung nhập text và sau đó nhấp "lưu lại"
Code chuẩn robots.txt cho blogspot

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Allow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html
Sitemap: http://bittuot.blogspot.com/sitemap.xml

- Thay http://bittuot.blogspot.com thành link blog của bạn

2. Tối ưu thẻ Title + Meta Keywword + Meta description

Để viết được các thẻ Title + Meta Keywword + Meta description cho trang Search Label trên Blogspot

các bạn tìm các đoạn code có dạng
<b:if cond='data:blog.pageType == &quot;index&quot;'> ... </b:if> hoặc
<b:if cond='data:blog.searchLabel'>.......</b:if> trên dòng code <![CDATA[/*
Rồi các bạn xóa nó đi rồi thay đoạn code dưới đây vào

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> :: Tổng hợp các bài viết về <data:blog.pageName/></title>
<!-- Meta Description Label Page -->
<meta expr:content='data:blog.pageName + &quot; - Tổng hợp các bài viết về: &quot; + data:blog.pageName + &quot;. Cùng đón đọc các bài viết về &quot;+ data:blog.pageName + &quot; tại Bít Tuốt Blog&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='Keywords'/>
</b:if>
Chú ý: <data:blog.pageName/>: Phần code lấy tên Label để viết vào. data:blog.title : Phần code lấy tiêu đề blog của bạn để viết vào. Các bạn thay đổi phần chữ màu xanh cho phù hợp nhé

3. Tối ưu thẻ H1- H2

- Bước này không quá quan trọng nhưng nếu bạn làm được thì càng tốt.Nếu blogspot bạn có thẻ H1 rồi thì thôi còn chưa có thì làm theo cách sau.

- Các bạn đăng nhập Blogspot ==> Template (Mẫu) ==> Edit HTML (Chỉnh Sửa HTMl) rồi làm theo bước sau.

Bước 1 : Thêm đoạn code sau lên trên phần ]]></b:skin>

.newsfea{font:16px 'Times New Roman';color:#193250;border-bottom:1px solid #c3c3c3;border-top:1px solid #c3c3c3;text-shadow:1px 1px 1px #ccc;margin:0;padding:5px 0 5px 0;height:82px;}

Bước 2: Tìm đoạn code có dạng tương tự: <b:section class='main' id='main' showaddelement='no'>
Rồi thêm lên trên nó đoạn code:

<b:if cond='data:blog.url != data:blog.homepageUrl'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='newsfea'>
<img style='float: left;margin-right: 5px;' expr:alt='data:blog.pageName' expr:title='data:blog.pageName' src="https://lh5.googleusercontent.com/-axhYnvr3WKA/AAAAAAAAAAI/AAAAAAAACLM/tHAx7cMrcIE/s120-c/photo.jpg"width='80' height='80'/><h1><data:blog.pageName/>:: Tổng hợp các bài viết về: <b><data:blog.pageName/></b> tại Bít Tuốt Blogspot </h1>Hãy cùng <b>Bít Tuốt</b> tìm hiểu và đón đọc các các bài liên quan đến chủ đề <data:blog.pageName/>
</div></b:if></b:if></b:if>
Chú ý:
- src="https://lh5.googleusercontent.com/-axhYnvr3WKA/AAAAAAAAAAI/AAAAAAAACLM/tHAx7cMrcIE/s120-c/photo.jpg" phần trong "" là link ảnh mà bạn muốn hiển thị
<data:blog.pageName/> là phần code viết ra tên Label
- Các bạn sửa lại nội dung phần chữ màu hồng theo ý muốn của bạn

Các bạn xem demo ngay tại trang search label tại Blog Bít tuốt nhé

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


Bài viết được viết bởi bittuot.blogspot.com - Bít Tuốt Blogspot . Ai copy xin ghi rõ nguồn !
Shareallday !! 

Tạo Banner Quảng cáo chạy 2 dọc 2 bên website như thế nào ?

Tạo Banner quảng cáo Blogspot


Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot
Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot.Hướng dẫn tạo quảng cáo trượt 2 bên trang web.Code tạo banner quảng cáo banner chạy dọc 2 bên website.Javasrcipt quảng cáo chạy 2 bên trang web.Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot khi kéo chuột xuống thì nó chạy theo

Sau đây Bít Tuốt Blog xin chia sẻ đến các bạn hay làm web-blogspot đang có nhu cầu tạo banner quảng cáo, 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

Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot Fix đứng
  • Đối với Blogspot
    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 :
  • Còn đối với website thì bạn chỉ cần  thêm phần code dưới lên trên thẻ đóng </body>  Chú ý: các bạn thay đổi phần chữ màu đỏ theo ý thích của bạn nhé )


 <div id="left_ads_float">
        <a href="Link đường dẫn" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyfzzmNbQyifiB2IJd2Q_ymErqQ_MkKc2bH4x_4qUB6ZU0gtlFe82Nzki9pwdxdrq8eenU3B2_UnIPnU910lqgOQhMWKaSi2WH8P0E6Miuqpb08A9bNTbHJviEGMIyslqyhiquKpUKERo/s1600/fptarena1.png" width="120" /></a>
    </div>
    <div id="right_ads_float">
       <a href="Link đường dẫn" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyfzzmNbQyifiB2IJd2Q_ymErqQ_MkKc2bH4x_4qUB6ZU0gtlFe82Nzki9pwdxdrq8eenU3B2_UnIPnU910lqgOQhMWKaSi2WH8P0E6Miuqpb08A9bNTbHJviEGMIyslqyhiquKpUKERo/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>
   

Cách tạo Banner quảng cáo trượt dọc 2 bên cho blogspot / website

- Dạng này là dạng 2 banner ở 2 bên web. Khi kéo chuột xuống sẽ có hiệu ứng 2 banner trượt theo khi kéo chuột xuông

Cách làm như sau

Đối với website: Bạn chỉ cần thêm phần code dưới lên trên thẻ đóng </body>

Đối với Blogspot
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 :


<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">  
<a href="http://bittuot.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyfzzmNbQyifiB2IJd2Q_ymErqQ_MkKc2bH4x_4qUB6ZU0gtlFe82Nzki9pwdxdrq8eenU3B2_UnIPnU910lqgOQhMWKaSi2WH8P0E6Miuqpb08A9bNTbHJviEGMIyslqyhiquKpUKERo/s1600/fptarena1.pngwidth="125" /></a>
</div>  
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">  
<a href="http://bittuot.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyfzzmNbQyifiB2IJd2Q_ymErqQ_MkKc2bH4x_4qUB6ZU0gtlFe82Nzki9pwdxdrq8eenU3B2_UnIPnU910lqgOQhMWKaSi2WH8P0E6Miuqpb08A9bNTbHJviEGMIyslqyhiquKpUKERo/s1600/fptarena1.pngwidth="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 bạn cần tùy chỉnh code

  • http://bittuot.blogspot.com/ : là liên kết mở ra khi người đọc click vào ảnh.
  • Phần màu cam 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



Chúc các bạn thành công !
Nguồn : Bittuot 

Code chạy dọc dành cho quảng cáo blogspot

Code Chạy dọc dành cho quảng cáo 

Code quảng cáo chạy dọc khi kéo chuột cho Blogspot

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

Hôm nay Bít Tuốt xin chia sẻ với các bạn Code quảng cáo chạy dọc khi kéo chuột cho web -Blogspot. Nó chạy như thế nào các bạn có thể thấy demo này tại trên blog này phần tải game cho mobile bên phải

Bài viết bạn có thể quan tâm khác: Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot

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 . Giúp ích rất nhiều cho việc tăng click vào quảng cáo trên web ,blog của bạn còn sau đây cùng xem cách làm ra sao nhé

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 kiểu như giống blog của mình

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>

Rồi lưu lại

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

Nguồn : Bituot

Thứ Ba, 4 tháng 3, 2014

Dạy nói giọng mỹ bằng phần mềm !

 Learn To Speak English Deluxe 10 - phần mềm học tiếng Anh



Đây là chương trình dạy tiếng Anh (giọng Mỹ) nổi tiếng hiện nay. 
Bộ phần mềm này được giảng dạy toàn bộ bằng tiếng Anh. Để học hiệu quả, bạn kết hợp với bộ từ điển để tra khi bạn muốn. Điểm nổi bật nhất của bộ phần mềm này là tương tác trực tiếp-nói chuyện với người ảo trong nhiều lĩnh vực( sinh hoạt hàng ngày: phòng ăn, phòng khách, vườn tược ...; xuất nhập cảnh, giao tiếp nơi công sở, đi du lich, nơi công cộng, trong nhà hàng - khách sạn ... ). 
Ngoài việc giúp bạn nói chuyện với người nước ngoài (người ảo trên máy tính ) bộ phần mêm còn rèn luyện học từ vững, ngữ pháp, bài tập, luyện nghe ... như những bộ phần mềm khác.


Bi Bùi chúc các bạn học vui vẻ...! ^^



                                        Download Learn To Speak English Deluxe 10


Các bạn có thể download Learn To Speak English Deluxe 10 ở các link bên dưới: 

<*> Hướng dẫn Download: Các bạn click vào link tải rồi đợi 6 giây chạy xong => click vào hình 
 ở bên trên góc bên phải màn hình.


      Download và sử dụng: (Nhớ like và share Facebook nhé!) 

=> Tải Link Full (1.4G) Dự Phòng

Chia nhỏ nhé:

Cố lên các bạn nhé :D 

Thứ Hai, 24 tháng 2, 2014

Khóa học trọng âm miễn phí !

Khóa Học Trọng Âm với 50 nguyên tắc nỗi tiếng ! 




Bộ dvd dạy học phát âm cực chuẩn, HOT HOT !!!!!!
Còn đây chính là 4DVD. bạn có thể tải miễn phí tại các link bên dưới:
<*> Hướng dẫn Download: Các bạn click vào link tải rồi đợi 6 giây chạy xong => click vào hình 
>> Download trọn bộ link full Fshare: (Pass: diendantienganh.net) - Nhớ tải hết 25 part rồi mới giải nén từng part nha!
>> Link dự phòng Full Mediafire



Bạn có tự tin là mình phát âm chính xác?? Trong tiếng anh, nếu bạn phát âm sai, không những người nghe không hiểu, đôi khi có thể mang tới cho người nghe sự hiểu lầm, mang tới cho bản thân bạn những bối rối không đáng có.

Mình lấy ví dụ cho các bạn nhé

Beach vs ***** AND Sheet vs **** 

Please remember that “bitch”, “shit” are very very bad words in English

Hầu hết các bạn sẽ nói là sự khác biệt giữa chúng là âm dài và âm ngắn (long and short vowel). It is wrong perception.

So what should you do to fix it up??? Let watch this video

Đoạn video trên chỉ là một phần nhỏ trong bộ giáo trình: The American Accent Course – 50 Rules You Must Know. Đây là một bộ giáo trình học qua video với Lisa Mojsin, M.A Director of Accurate English School, nó được áp dụng phương pháp giảng dạy hiện đại. Bộ giáo trình này gồm có 4dvds với 50 bài giảng khác nhau chỉ ra các lỗi sai mà hầu hết người học đều mắc phải và giúp bạn có thể phát âm tiếng anh giọng mỹ một cách chính xác (an authentic American accent). 

Bộ Dvd này không có ở Vietnam nên bạn đọc đừng mất công đi hỏi các hiệu sách làm gì. 
Giá gôc của bộ 4 DVDs này tại Mỹ là $196 ($49/1dvd).


 ở bên trên góc bên phải màn hình.



Bạn không tốn tiền , chỉ tốn thời gian, bạn còn chần chừ gì nữa ????