Showing posts with label blogspot. Show all posts
Showing posts with label blogspot. Show all posts

Friday, July 22, 2016

Hướng dẫn kiếm tiền online bằng trang Blogspot/Blogger của bạn

Hướng dẫn kiếm tiền online bằng trang Blogspot/Blogger của bạn

Giúp bạn biến đam mê của bạn thành lợi nhuận ^^


Hôm nay Sơn Nguyễn sẽ hướng dẫn bạn cách kiếm tiền online bằng trang Blogspot/Blogger của bạn.

Điều kiện cần và đủ là bạn phải có ít nhất 1 trang Blogspot/Blogger đã hoạt động trên 6 tháng và 1 tài khoản AdSense




Video hướng dẫn Kiếm tiền Online bằng trang Blogspot của bạn


  • Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
  • Link: https://youtu.be/OBGcyKB8Ves
Để bắt đầu kiếm tiền online bằng Blogspot bạn cần có 1 tài khoản Google Adsense. Có nhiều cách để đăng ký tài khoản AdSense, như:
  • Đăng ký trực tiếp tại google.com/adsense; 
  • Đăng ký từ kênh YouTube của bạn, 
  • Đăng ký từ trang Blogspot/Blogger của bạn. 
Trong bài viết này Sơn Nguyễn sẽ hướng dẫn các bạn đăng ký tài khoản AdSense thông qua trang Blogger/Blogspot của các bạn. Còn nếu các bạn đã có tài khoản AdSense rồi thì hãy kết nối nó với trang Blogspot của các bạn nhé.

Hướng dẫn đăng ký tài khoản Adsense từ Blogger

Trong phần quản trị Blogspot bạn bấm vào cột Doanh thu để bật tiện ích kiếm tiền AdSense trên Blogspot của bạn. Sau đó tiến hành đăng ký tài khoản AdSense. Cũng chỉ 1 vài bước đơn giản thôi


Tiếp theo, bạn bấm vào Sign up for Adsense


Lúc này trình duyệt sẽ chuyển bạn đến Google Adsense thông qua Blogger của bạn.

Việc đăng ký tài khoản AdSense chỉ có 3 bước đơn giản

Bước 1: Tài khoản của bạn

Nếu bạn đã có tài khoản AdSense rồi thì tiến hành đăng nhập để kết nối với trang Blogspot của bạn

Còn nếu chưa thì bạn bấm         Có         để đăng ký mới



Bước 2: Trang web của bạn

Bước này Google AdSense sẽ xác nhận trang web của bạn sẽ tham gia phân phát hiển thị quảng cáo (là trang Blogspot của bạn).

Bạn bấm Chấp nhận liên kết để tiếp tục


Bước 3: Thông tin của bạn

Khoảng 1 vài giây để Google Adsense cập nhật trang Blogger của bạn. Nếu được chấp thuận thì tiện ích AdSense sẽ được thêm vào trang Blogspot của bạn. 

Bấm   Tiếp tục   để quay lại Blogger


Đôi khi vẫn bị lỗi (như hình dưới). Bạn vẫn bấm tiếp tục để quay lại với Blogger và tiến hành đăng ký lại như lúc nãy cho đến khi được chấp thuận (nhiều lắm thì khoảng 3 lần là được chấp thuận thôi)


Sau khi quay trở lại phần quản trị của Blogger, bạn vào phần Doanh thu  để Cài đặt hiển thị quảng cáo AdSense của bạn
  • Hiển thị quảng cáo trên blog: chọn
  • Ad Setup for blog: chọn Hiển thị quảng cáo bên dưới bài đăng của tôi và ttrong thanh bên (Được đề xuất)


Bạn cũng có thể truy cập vào AdSense để xem chi tiết thu nhập, cài đặt thông tin cá nhân, thông tin người nhận thanh toán .....

Hoặc chuyển đổi tài khoản AdSense qua địa chỉ Email khác


Vậy là xong.

Bạn chờ khoảng vài phút rồi vào trang Blogspot của bạn xem thế nào nhé? ^^

Như vậy là bạn đã cài đặt xong tiện ích AdSense vào trang Blogspot của bạn. Và từ đây, trang Blogspot của bạn đã có thêm "chức năng" kiếm tiền online rồi nhé ^^. Hãy chia sẽ trang Blogspot của bạn tới nhiều người, để họ biết đến trang của bạn nhiều hơn, và tăng cơ hội kiếm tiền từ quảng cáo nhiều hơn

P/s: Nếu trang Blogspot của bạn chưa có cột Doanh thu thì bạn làm như sau:

Bạn vào phần Cài đặt --> Ngôn ngữ và định dạng --> Chuyển ngôn ngữ qua Tiếng Anh (Hoa Kỳ)


Sau đó bạn bấm F5 để làm mới trình duyệt. Lúc này trong phần quản trị Blogspot đã có cột Doanh thu


Những điều cần lưu ý khi kiếm tiền online với AdSense:

- Mỗi cá nhân chỉ được đăng ký 1 tài khoản AdSense với thông tin của mình mà thôi. Nếu bạn đăng ký nhiều tài khoản bằng nhiều địa chỉ Email khác nhau thì phải đăng ký bằng nhiều thông tin cá nhân khác nhau.

- 1 máy tính thì ko nên đăng ký/Đăng nhập nhiều tài khoản AdSense.

- 1 trang Website/Blogspot/Blogger ko được đặt quá 3 mã quảng cáo AdSense (điều kiện này áp dụng từ năm trước, ko biết hiện tại có áp dụng ko nữa?)

- Nếu vi phạm có thể sẽ bị xóa tài khoản và có thể bạn sẽ bị cấm tham gia AdSense. Tốt nhất là nên đọc các điều khoản của Google AdSense cho chắc ăn nhé

- Nếu bạn lỡ đăng ký nhiều trang Blogspot bằng nhiều địa chỉ Emai khác nhau và lỡ tạo nhiều tài khoản AdSense khác nhau thì tốt nhất bạn nên tự xóa các tài khoản AdSense đó đi, và chỉ để lại 1 tài khoản thôi

- Bạn cũng ko được tự mình click vào quảng cáo trên trang của bạn. Nếu bạn cố tình lách luật bằng 1 vài cách nào đó để tự click vào quảng cáo trên trang của chính bạn, và bị Google AdSense phát hiện ra thì họ sẽ cấm bạn tham gia AdSense luôn

Nếu bạn có nhiều trang Blogspot được đăng ký bằng nhiều địa chỉ Email khác nhau và bạn muốn hiển thị quảng cáo AdSense trên tất cả các trang Blogspot của bạn, thì bạn có thể thực hiện theo các cách sau:
  • Chuyển quyền quản trị các trang Blogspot về 1 địa chỉ Gmail duy nhất (địa chỉ Gmail đăng ký tài khoản AdSense) >> Xem thêm: Bài 14: Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot
  • Hoặc bạn truy cập vào tài khoản AdSense của bạn, lấy mã quảng cáo và gắn vào các Blogspot khác của bạn, kể cả các trang Blogspot chưa đủ 6 tháng hoạt động và ko đủ điều kiện tham gia AdSense
Tuy nhiên, bạn hãy nhớ rằng: dù bạn có phân phát mã quảng cáo trên hàng ngàn trang Blogspot/Blogger của bạn nhưng các trang Blogspot này ko có ma nào truy cập thì cũng như ko. Quảng cáo chỉ phát huy hiệu quả ở những nơi "đông người". Vì vậy hãy tập trung phát triển nội dung của trang Blogspot của bạn, hãy làm cho trang Blogger của bạn trở nên có ích với người dùng để tăng lượt truy cập vào thì phân phát hiển thị quảng cáo AdSense mới có hiệu quả (càng nhiều người truy cập vào web sẽ tăng cơ hội số lượt click vào quảng cáo hơn). Bạn có thể phát triển nội dung blogspot của bạn theo hướng những gì bạn biết rõ nhất, bạn giỏi và thành thạo nhất,.... như câu slogan của Google AdSense "Biến đam mê của bạn thành lợi nhuận"

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

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

<<< Bài trước
Bài 17: Hướng dẫn thiết kế website bằng WordPress chi tiết
Bài 18: Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress
Bài sau >>>

Saturday, June 25, 2016

Hướng dẫn đăng ký tên miền miễn phí cho Blogspot

Hướng dẫn đăng ký tên miền miễn phí cho Blogspot

"cắt bỏ" đuôi mặc định ban đầu của Blogger là .blogspot.com.

Hôm nay Nguyễn Trường Sơn chia sẽ bài viết này để hướng dẫn đăng ký tên miền riêng miễn phí cho Blogspot

Với việc đăng ký tên miền miễn phí này sẽ giúp trang Blogspot của bạn "cắt bỏ" đuôi mặc định ban đầu của Blogger là .blogspot.com.


Hướng dẫn đăng ký tên miền miễn phí cho Blogspot

Bắt đầu thôi!

Cũng đơn giản và nhanh gọn thôi mà ^^

B1: Đầu tiên, để đăng ký tên miền miễn phí cho blogspot, bạn hãy truy cập vào trang DOT.TK
B2: Chọn tên miền cho Blogspot của bạn
B3: Bấm GO để đăng ký



B4: thực hiện theo hình phía dưới
  • Use your new domain: chọn Forward this domain to và đưa đường link trang Blogspot của bạn vào để chuyển tiếp
  • Registration length: chọn thời hạn cho tên miền riêng cho blogspot của bạn (tối đa 12 tháng). Hết hạn vẫn gia hạn tiếp miễn phí nhé
  • Type the characters you see in this picture: nhập mã số phía dưới vào khung

B5: click Sign Up để đăng ký tài khoản



Lúc này bạn phải đăng ký tài khoản trên Dot Tk

Bạn có thể dùng tài khoản Facebook để đăng ký tài khoản trên DOT.TK hoặc dùng địa chỉ Email của bạn để đăng ký. Trong trường hợp này Sơn Nguyễn dùng địa chỉ Email để đăng ký

Bấm NEXT để tiếp tục


Điền tên và mật khẩu của bạn
Bấm Create Account để tạo tài khoản


Sau khi bạn tạo tài khoản thành công sẽ xuất hiện thông báo hướng dẫn kích hoạt tài khoản trên DOT.TK.

Việc tiếp theo: bạn mở Email của bạn ra và xác nhận đăng ký


Vậy là xong!

Vậy là trang Blogspot của bạn đã được gắn tên miền miễn phí rất dễ nhớ (đương nhiên là dễ nhớ hơn đuôi .blogspot.com rồi)

Sau khi đăng ký tên miền ở trang web này thì Blogspot của bạn sẽ có đuôi dạng abc.tk thay vì đuôi mặc định ban đầu của Blogger khi bạn khởi tạo blogspot.
Dù sao đuôi .tk cũng dễ nhớ hơn đuôi .blogspot.com mà, phải ko ^^

P/s: Dù đã được gắn tên miền, nhưng bạn vẫn truy cập trang blogspot của bạn bằng địa chỉ mặc định ban đầu của Blogger được nhé (tức là trang Blogspot của bạn truy cập được cả tên miền riêng và tên miền mặc định ban đầu của Blogger). Test thử nào ^^

Pss: Nếu bạn đã mua tên miền (đuôi .com, .net, .vn, .com.vn, .org ...) thì hãy tham khảo Bài 9: Hướng dẫn gắn tên miền riêng vào Blogspot chi tiết

Nếu bạn chưa có tên miền thì có thể tham khảo mua tên miền giá rẻ , hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu để cập nhật các chương trình khuyến mãi tên miền mới nhất
Chúc các bạn thành công!

Psss: Nếu bạn thấy nội dung này hay và hữu ích thì hãy SHARE cho mọi người cùng biết nhé.

Thanks!

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

<<< Bài trước
Bài 14: Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot
Bài 15: Tổng hợp 10 trang cung cấp Template Blogspot đẹp, miễn phí
Bài sau >>>

Tuesday, June 14, 2016

Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot

Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot

Thêm cộng tác viên viết bài cho Blogspot của bạn


Sau khi bạn đã tự thiết kế website bằng blogspot chuyên nghiệp rồi và bạn có nhu cầu đổi qua địa chỉ Email khác mà bạn thường xuyên dùng để tiện cho việc quản trị blog; hoặc thêm người khác đóng góp viết bài cho blog của bạn nếu bạn ko có nhiều thời gian để viết bài. 

Hôm nay Nguyễn Trường Sơn sẽ hướng dẫn các bạn cách thêm Cộng tác viên viết bài đóng góp cho blog của bạn, hoặc hướng dẫn thay quyền quản trị blog bằng 1 địa chỉ email khác.



Cũng đơn giản thôi ^^ Tiêu chí của blog này là vậy mà :D

Video Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot


  • Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
  • Link: https://youtu.be/6NQL4e8v1vs

Các bước thực hiện thêm/thay đổi Email quản trị tài khoản Blogspot như sau:

  • B1: bạn đăng nhập vào Blogspot bằng tài khoản Gmail mà bạn dùng để đăng ký blog lúc đầu. 
  • B2: Chọn blog mà bạn muốn thêm tác giả viết bài, hoặc bạn muốn thay quyền quản trị --> vào phần quản trị của blog đó
  • B3: Trong phần Quản trị blog, bạn chọn mục Cài đặt ---> Cơ bản
  • B4: Bạn kéo xuống phần chuyên mục Quyền , Trong phần Tác giả blog, bạn bấm + Thêm tác giả 
  • B5: Điền các tài khoản email của những người muốn tham gia đóng góp viết bài cho blog, hoặc bạn thêm 1 hoặc nhiều tài khoản email khác của bạn vào để thay quyền quản trị (các địa chỉ email cách nhau bởi dấu phẩy) - Lưu ý: Chỉ dùng Gmail thôi nhé. 
  • B6: bấm Mời tác giả để hoản tất

  • B7: người được mời sẽ nhận 1 email thông báo. bạn chỉ cần mở email và xác nhận lời mời
  • B8: tiến hành đăng nhập vào blogger/blogspot bằng địa chỉ mail mới 

  • B9: Xác nhận lời mời tham gia đóng góp cho blog (lời mời có giá trị trong 1 tháng)
Sau khi bạn xác nhận lời mời thì trong phần Blog của bạn sẽ xuất hiện trang blog mà bạn vừa được xét duyệt làm thành viên

Tại phần quản trị blog với Email cũ, bạn có thể phân quyền cho từng tài khoản email mới thêm vào.
  • Quyền tác giả: tài khoản có quyền này chỉ được phép đăng bài viết lên blog và chỉnh sửa hoặc xóa bài viết của chính họ. Điều này sẽ làm cho những tác giả khác của blog ko phải lo sợ bài viết của mình bị tác giả khác vào chỉnh sủa hay xóa mất
  • Quyền quản trị viên: khi tài khoản được set quyền này thì đồng nghĩa tài khoản này được phép làm mọi thứ :D, kể cả xóa tài khoản của bạn. Vì vậy, nếu bạn muốn thay đổi tài khoản email quản trị blogspot thì bạn biết phải làm gì rồi đấy :D Tuy nhiên, Sơn Nguyễn có lời khuyên với các bạn: dù có thay đổi quyền quản trị viên cho blogspot thì cũng ko nhất thiết xóa tài khoản email cũ, đề phòng trường hợp khẩn cấp cần lấy lại quyền quản trị blog thì vẫn còn cơ hội để làm lại

Nếu bạn muốn xóa tài khoản nào thì chỉ việc bấm vào dấu x cuối tài khoản đó (chỉ tài khoản Quản trị viên mới làm được)
Hoặc bạn Tự xóa mình khỏi blog này (nếu bạn đang tham gia đóng góp cho 1 blog khác)


Như vậy là bạn đã biết cách để thêm tác giả đóng góp cho blog của bạn, hoặc thay quyền quản trị blog cho địa chỉ email mới. Hj vọng bạn sẽ hài lòng với bài viết này. 


Friday, June 3, 2016

Hướng dẫn tạo Popup quảng cáo nhỏ gọn ở góc dưới màn hình

Hướng dẫn tạo Popup cho Blogspot

Quảng cáo cho khách vào website, kích thước nhỏ gọn ở góc dưới màn hình



Hôm nay Nguyễn Trường Sơn sẽ hướng dẫn các bạn cách tạo Popup quảng cáo nhỏ gọn ở góc dưới màn hình dành cho Blogspot. Khi người dùng/khách hàng truy cập vào trang Website/Blogspot của bạn thì popup quảng cáo sẽ tự động trượt lên và mở 1 cửa sổ quảng cáo nhỏ gọn ở phía dưới góc phải màn hình và có thể ẩn hiện tùy ý, rất thiện cảm với người dùng.






Popup quảng cáo nhỏ gọn ở góc dưới màn hình

Hướng dẫn tạo Popup quảng cáo nhỏ gọn ở góc dưới màn hình


Cũng đơn giản thôi. Ko có gì phức tạp cả :D

Để tạo popup quảng cáo góc dưới màn hình cho Blogspot các bạn chỉ cần thực hiện theo các bước sau:
  1. Bước 1: Truy cập vào trang Blogger.com 
  2. Bước 2: Đăng nhập vào Blogger bằng tài khoản Gmail của bạn
  3. Bước 3: Ở phần quản trị Blog: chọn Blog cần tạo popup quảng cáo 
  4. Bước 4: Vào phần Bố cục --> Chọn Thêm tiện ích --> Chọn HTML/Javascript.
  5. Bước 5: Copy đoạn code phía dưới và Paste vào phần nội dung của HTML/Javascript (Phần tiêu đề các bạn để trống)
<style type="text/css">
* html div#fl813691 {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; }
#eb951855{ width:279px; padding-right:7px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTuc8uOP_uC-KLBbN4HhAYxlGxS_fNc48JNqqpZII674MfPd9B-vEUI9G6AaBkyJxPlx4H_p1YGOlrMsAJeMesAM1Xad8pQAqkMnBkO5U50Xp1idpE-bBHrt_uP8f5AQCGnB7SJBrcA2v/w15-h150-no/cuocsongmuonmau.info_bg_right.gif) no-repeat right top;}
#cob263512{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqu-wFKz71HunbR5JdVcneeWv9bIojgjYcYkgFcNdx36vbR6_FUPZ7vErhM4oKDkay01yUkNLCAXwNiCnSbYZabwdRq2NR4zi3i5R5R0qxkSCiil0ksa8EQIln3td-XJfsiKmehhzLidn/w501-h150-no/cuocsongmuonmau.info_bg.gif) no-repeat left top; height:150px; padding-left:7px;}
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPY-9qsh7FEZSlX7lfcgkKwLkL36KYYvfCTR-eV3ixD4qWKmcr7ktjWxy5B7esg5zaSd9385-FkWlhrdcHpEEen9v30DnkezQI9ByK7kUOkDEv4pStZ1A4kUQZyXbsyT38POhEi6OF6h7/w90-h30-no/cuocsongmuonmau.info_button.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0 0;}
#coc67178 li a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px 0;}
#coc67178 li a.min:hover{background-position: -30px -15px;}
#coc67178 li a.max{background-position: -60px 0;}
#coc67178 li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
</style>
<div id="fl813691" style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
&nbsp;Hot: Hướng dẫn Blogspot Chi tiết
</div>
<div id="co453569">
<!-- code ads -->
<a target="_blank" href="
https://huongdanblogspotchitiet.blogspot.com"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="Link-hình-ảnh-quảng-cáo" height="115" title="Hướng dẫn chi tiết | Từ cơ bản đến nâng cao"></a>
<!-- code ads -->

</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 150;//Chieu cao khung quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script>

Các bạn thay 2 dòng màu đỏ và 2 dòng màu xanh cho phù hợp với Blogspot/Website của các bạn nhé.

Như vậy là Nguyễn Trường Sơn đã hướng dẫn xong cách tạo Popup cho Blogspot rồi nhé. Hi vọng nó có ích với bạn

Nếu bạn có câu hỏi nào thì hãy comment xuống phía dưới nhé

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

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

<<< Bài trước
Bài 10: Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot
Bài 11: Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot
Bài sau >>>

Tuesday, May 31, 2016

Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot

Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot

Giúp bạn quảng bá sản phẩm của mình đến người đọc trên trang Blogspot của mình


Khi bạn đã tự thiết kế website bằng Blogspot chuyên nghiệp rồi thì bạn cũng nên tạo những banner quảng cáo cho các sản phẩm mà bạn đang kinh doanh (hoặc bán quảng cáo cho các đối tác khác khi website/Blogspot của bạn có lượng truy cập nhất định).

Hôm nay Nguyễn Trường Sơn sẽ hướng dẫn các bạn cách tạo banner quảng cáo dọc 2 bên website/Blogspot của bạn.  Cũng đơn giản thôi, ko có gì phức tạp cả. Bạn chỉ cần thiết kế trước cho mình 2 hình ảnh banner quảng cáo cho 2 sản phẩm của bạn thôi, phần còn lại để Sơn Nguyễn lo :D

Đối với dạng quảng cáo bằng banner ở 2 bên Blogspot này sẽ có 2 dạng: 1 dạng banner quảng cáo đứng im 1 chỗ và 1 dạng banner quảng cáo trượt dọc 2 bên Blogspot khi kéo chuột. Sơn Nguyễn sẽ hướng dẫn bạn làm cả 2 dạng này luôn, còn bạn chọn dạng banner quảng cáo nào cho Blogspot của bạn thì tùy ở bạn.

Banner quảng cáo dọc 2 bên website/Blogspot


Hướng dẫn tạo banner quảng cáo 2 bên website/Blogspot - fix đứng im 1 chỗ


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

Đối với Blogspot
Bước 1: Đăng nhập vào Blog
Bước 2: Vào phần quản trị Blog ---> chọn Bố cục
Bước 3: Chọn Thêm tiện ích
Bước 4: Chọn HTML\Javascripts
Bước 5: Dán (paste) đoạn code bên dưới vào phần nội dung
Bước 6: bấm Lưu để hoàn tất
<div id="left_ads_float">
<a href="Link web 1" target="_blank"><img border="0" src="Link hình ảnh 1" width="120" /></a>
</div>
<div id="right_ads_float">
<a href="Link web 2" target="_blank"><img border="0" src=" Link hình ảnh 2" width="120" /></a>
</div>
<style>
#left_ads_float
{
top:10px;
left: 10px;
position:fixed; }
#right_ads_float
{
top:10px;
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>


Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot 


Dạng này là dạng 2 banner ở 2 bên website/Blogspot. Khi kéo chuột xuống thì 2 banner sẽ trượt theo (banner trượt rất êm, ko dựt dựt gây nhức mắt cho người đọc/khách hàng).

Cách thực hiện như sau

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

Đối với Blogspot
Bước 1: Đăng nhập vào Blog
Bước 2: Vào phần quản trị Blog ---> chọn Bố cục
Bước 3: Chọn Thêm tiện ích
Bước 4: Chọn HTML\Javascripts
Bước 5: Dán (paste) đoạn code bên dưới vào phần nội dung
Bước 6: bấm Lưu để hoàn tất

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

</script>

Chú ý: Phía cuối đoạn code có vài thông số bạn tham khảo thêm để chỉnh sữa cho phù hợp với website/blogspot của bạn
  • LeftBannerW = 125: độ rộng của banner bên trái
  • RightBannerW = 125: độ rộng của banner bên phải
  • 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
Như vậy Nguyễn Trường Sơn đã hướng dẫn cho bạn cách tạo banner quảng cáo trượt dọc 2 bên Blogspot rồi đấy. Hi vọng nó có ích đối với bạn.

Nếu bạn có câu hỏi nào thì hãy comment xuống phía dưới nhé

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

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

<<< Bài trước
Bài 9: Hướng dẫn gắn tên miền vào Blogspot đơn giản, nhanh gọn
Bài 10: Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot
Bài sau >>>