Showing posts with label tao-blogspot-kiem-tien. Show all posts
Showing posts with label tao-blogspot-kiem-tien. Show all posts

Thursday, July 28, 2016

Hướng dẫn tạo Floating Social Bookmark trượt đẹp cho Blogspot

Hôm nay Sơn Nguyễn sẽ hướng dẫn tạo Floating Social Bookmark trượt đẹp cho Blogspot của bạn. 

Bộ này sẽ bao gồm các nút: Facebook, Twitter, G+, Pinterest, YouTube .... đều là các trang mạng xã hội rất nổi tiếng hiện nay. 


Ngoài ra sẽ có thêm 1 liên kết RSS Feed giúp độc giả theo dõi các bài viết của bạn.


Cách tạo Floating Social Bookmark trượt đẹp cho Blogspot

Truy cập vào Blogger --> Đăng nhập --> Chọn Blogspot bạn cần thực hiện --> Vào phần quản trị của Blogspot đó 

Trong phần quản trị Blogspot --> Mẫu --> Chỉnh sửa HTML 

Trong phần code HTML, bấm Ctr+F tìm phần tử  ]]></b:skin>

Copy đoạn code bên dưới và paste vào sau thẻ ]]></b:skin>

social-buttons {
position: fixed;
top: 130px;
width: 45px;
z-index: 9999;
}
.button-left {
left: 0;
}
.button-right {
right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
background-color: #33353B;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUGKN-5dWRQLgv6GcaESf0zJUTDsiZp-koZEcF32vQrHPcW43mKDuTbbCUyabUZfMyTZklB0zX23pnY23YhOg19nl3_vDS1Zx_EHsysCc0N6-cHQxTxSGIjT-CSCTrCNpA94HqKbHkahaS/s1600/mas-icons-namkna-blogspot-com.png);
}
.button-left #facebook-btn span {
background-position: right 10px;
}
.button-left #twitter-btn span {
background-position: right -35px;
}
.button-left #google-btn span {
background-position: right -127px;
}
.button-left #rss-btn span {
background-position: right -80px;
}
.button-left #pinterest-btn span {
background-position: 11px -177px;
}
.button-left #youtube-btn span {
background-position: 11px -223px;
}
.button-right #facebook-btn span {
background-position: 12px 10px;
}
.button-right #twitter-btn span {
background-position: 11px -35px;
}
.button-right #google-btn span {
background-position: 10px -127px;
}
.button-right #rss-btn span {
background-position: 11px -80px;
}
.button-right #pinterest-btn span {
background-position: 11px -177px;
}
.button-right #youtube-btn span {
background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
background-color: #C4302B;
}
.social-buttons a:hover .social-text {
display: block;
}
.button-left .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-left .social-text {
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.button-right .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-right .social-text {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.social-buttons .social-text {
color: #FFFFFF;
}

Trong ô tìm kiếm (bấm Ctr+F) bạn tìm thẻ đóng </head> 

Copy đoạn code bên dưới và Paste vào trước thẻ </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script>
$(window).load(function(){
$(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
$(this).stop();
$(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){});

});
$(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
$(this).stop();
$(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
});
</script>

Lưu ý: nếu trang Blogspot của bạn đã có thư viện Jquery rồi thì hãy xóa dòng <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> đi nhé ^^

Tiếp tục, trong ô tìm kiếm (bấm Ctr+F) bạn tìm thẻ đóng </body> 

Copy đoạn code bên dưới và Paste vào trước thẻ đóng </body>

<div class='social-buttons button-right hidden-phone hidden-tablet'><a class='itemsocial' href='https://www.facebook.com/nguyentruongson.org' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a><a class='itemsocial' href='https://twitter.com/SonNguyen83' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a><a class='itemsocial' href='https://plus.google.com/+NguyễnTrườngSơn' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a><a class='itemsocial' href='http://pinterest.com/sontruongnguyen' id='pinterest-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Pinterest</span></span></a><a class='itemsocial' href='https://www.youtube.com/user/truongson83' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a><a class='itemsocial' href='http://feeds.feedburner.com/nguyentruongson/SsQL' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a></div>

P/s: Thay các thông số màu vàng tương ứng phù hợp với bạn nhé
Bấm Lưu mẫu để hoàn tất

Các bạn tự chiêm ngưỡng thành quả của mình nhé ^^

Để xem thêm các thủ thuật Blogger bạn bấm vào "Blogger" trên thanh menu nhé!

P/s: các đoạn code trong bài viết này được sưu tầm trên mạng


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 >>>