Showing posts with label Thủ Thuật Blog. Show all posts
Showing posts with label Thủ Thuật Blog. Show all posts

Kiếm tiền với PopCash cho Blogspot/Website

10:41:00 AM Add Comment

PopCash là gì?

PopCash là một mạng quảng cáo với các poup-under quảng cáo,cách quảng cáo này được rất nhiều các blog/website sử dụng vì nó không chiếm không gian của blog/website.PopCash ra đời năm 2012 ,cho đến nay nó đã trở thành trang quảng cáo uy tin trên thế giới.Blog Minh Trí cin chia sẻ cách kiếm tiền với Popcash cho Blogspot và Website:
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website
Bạn có thể đặt quảng cáo này để kiếm tiền từ Blog/Website của bạn đơn giản.Nó có rất nhiều ưu điểm lớn cho Blog/Webiste của bạn.

Ưu điểm của PopCash mang lại:

  • Popcash chấp nhận tất cả các blog/website.Điều này có nghĩa các website người lớn cũng có thể sử dụng PopCash
  • Trả tiền cho mọi traffic, trong đó có cả Việt Nam.
  • Báo cáo doanh thu theo thời gian thưc.
  • Rút tiền nhanh chóng ,bạn có thể rút tiền khi đủ 10$.
  • Hỗ trợ rút tiền qua PayPal, Paxum hoặc Payza. 
  • Thời gian yêu cầu rút tiền nhanh chóng.

Nhược điểm của PopCash:

Cái gì cũng có ưu và nhược điểm,quảng cáo nói chung đều mang lại rất nhiều nhược điểm:
  • Nó sẽ làm bất tiện cho người dùng.
  • Người truy cập sẽ bị làm phiền bới quảng cáo.

Cách cài đặt PopCash cho Blog/Website:

Sau đây mình xin chia sẻ cách cài dặt Popcash cho Blog/Website.Mình sẽ chia sẻ chung.

Cách đăng ký tài khoản và Get Code trên PopCash:

Bước 1: Bạn truy cập địa chỉ tại đây và đăng ký một tài khoản.Bạn điền đầy đủ thông tin vào các ô có dấu * như trong hình:

Bước 2: Sau đó bạn đăng nhập tải khoản của bạn vào Popcash(trước tiên bạn phải xác minh bằng Email) và bạn sẽ có giao diện như trong hình.
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website

Bước 3: Bạn chọn vào menu con Website trong Publisher ,tiếp đó chọn Add new Website như hình:
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website


Bước 4: Điền địa chỉ blog/Website của bạn vào ô Domain và phần Category là thể loại website của bạn.Sau đó các bạn nhấn Add website :
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website

Cách cài đặt Popcash vào Blog/Website:

Sau khi đăng ký tài khoản và thêm website xong thì bạn sẽ tiến hành cài Popcash vào blog bằng cách sau:
Bước 1: Chọn menu Get code trong Publisher và chọn website mà bạn muốn get code và chọn get .Bạn sẽ nhận được đoạn code như hình:
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website
Bước 2:Các bạn tiến hành copy đoạn code này và dán vào trước thẻ đóng </head> và Lưu mẫu:
Kiếm tiền với PopCash cho Blogspot/Website

Kết luận:

  1. Càng nhiều lượt truy cập thì bạn sẽ kiếm được càng nhiều tiền.
  2. Bạn sẽ được rút tiền sau khi đủ 10$.
  3. Đây là một mạng uy tín trên thế giới vì vậy bạn không cần phải lo về vấn đề lừa đảo.

  Chúc các bạn thành công với thủ thuật nho nhỏ này.

Hướng dẫn cách sử dụng Font Awesome

3:44:00 PM Add Comment
Font Awesome mình chỉ nói tóm lại 1 câu là một thiết kế tuyệt vời cho các Blog/Website. Hầu như các webmaster đều sử dụng các biểu tượng này để tăng tính thẩm mỹ của blog/website của họ và gây hứng thú cho người dùng, những biểu tượng này ngày càng được được sử dụng phổ biến hơn. 
Web lấy icon tại ĐÂY

Hướng dẫn cách cài đặt biểu tượng này trên Blog của bạn và cách tùy biến biểu tượng này bằng CSS.

Bạn vào Blog => Mẫu => Chỉnh sữa HTML. Nhấn tổ hợp Ctrl + F và tìm đoạn <head> Sau đó thêm đoạn code dưới đây phía dưới thẻ <head>

<link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
 Sau khi chèn xong đoạn mã code trên thì bạn có thể vào site mình đã nghi ở trên để lấy đoạn code và chèn trước tên như hình : ))

Tùy biến các biểu tượng với CSS

Để tùy chỉnh màu sắc, kích thước hay tạo bóng cho các biểu tượng, chỉ cần gọi lệnh <i> trong CSS.
Bạn vào Blog => Mẫu => Chỉnh sữa HTML. Nhấn tổ hợp Ctrl + F và tìm đoạn ]]></b:skin> Sau đó thêm đoạn code dưới đây phía trên thẻ ]]></b:skin>

i {
    color:#E2FD18;
    font-size:15px;
    padding-right:5px;
    text-shadow: 1px 1px 1px #000;
}
Cách này bạn sẽ chỉnh sữa hết các biểu tượng cùng một lúc
Còn bạn chỉ muốn làm hiệu ứng cho một biểu tượng cụ thể thì sử dụng lệnh này. Dưới đây là Ví dụ:
<i class='fa fa-heart' style='font-size:18px; color:red;'/>
>>>> Sau khi bạn áp dụng thì: Kích thước biểu tượng của bạn là 18px và màu biểu tượng của ban là màu đỏ.
Kết luận
- Chỉ với một thủ thuật nho nhỏ đã làm Blog/Website của bạn trở nên sinh động hơn rất nhiều.
Nguồn: Tuyên MNO.

Thêm nút Like Facebook và G+ trượt mượt góc màn hình

5:17:00 PM Add Comment
Mạng xã hội – Giúp phần rất lớn vào việc thúc đẩy Website của bạn đối với công cụ tìm kiếm, bạn cũng có thể tiếp thị được với đông đảo người đọc hơn nhờ mạng xã hội.
Một thủ thuật dành cho web, Blog dưới đây mình chia sẻ cũng đang được áp dụng ở khá nhiều Website, nó không gây cảm giá phiền toái cho người truy cập website mà lại khuyến khích người truy cập chia sẻ nội dung hữu ích trên website của bạn thông qua nút Like Facebook và G+ trượt ở dưới góc màn hình.

Làm thế nào để thêm thủ thuật này vào Website, Blog của bạn
Thủ thuật này sử dụng một đoạn mã CSS + HTML + JS khá nhẹ và chỉ cần bạn dán vào vị trí body của Website, blog là chạy được. Đối với những bạn mới sử dụng Website, blog thì mình hướng dẫn trên Blogspot hoặc WordPress dưới đây.

Thêm nút Like Facebook và G+ trượt mượt góc màn hình

Đối với Blogspot và WordPress bạn có 2 cách thêm: 1 là tạo 1 widget HTML và dán code vào là được, 2 là bạn dán code vào mẫu của Blogspot hoặc WordPress. (Dán trong thẻ BODY)
Bước 1: Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a widget) -> HTML/Javascript
Bước 2: Dán code dưới đây vào tiện ích vừa thêm
<style>
#socialslide{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh70vCA7lIWs87UOcnnT_lcmy8GW42kR-jeB0-Q0XqYVrzelUGiqBQxm_BQAbRCZ3oZQf-am4VknayMdwmgiZlNoLKjhQGTsMQsOwWw1bbJFnWjx3kFoKIVe4qIsDYETcxIaE22jYd9V2U/s1600/recbg-btrix.png) left top repeat-x;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: inset 0 0 3px #333;
-webkit-box-shadow: inset 0 0 3px #333;
box-shadow: inner 0 0 3px #333;
padding: 12px 14px 12px 14px;
width: 250px;
position: fixed;
bottom: 13px;
left: 2px;
display: none;
z-index: 3;
height: 75px;
}
</style>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/10)$("#socialslide").show("slow");else $("#socialslide").hide("slow");});function closesocialslide(){$('#socialslide').remove();}</script>
<div style="display: none;" id="socialslide">
<a style="position:absolute;top:11px;right:10px;color:#fff;font-size:14px;font-weight:bold;" href="javascript:void(0);" onclick="return closesocialslide();"> (x) </a>
<span style="font-family: arial; font-size: 16px; margin: 10px 0; color:#fff;">Hãy like website nhé!</span><br />
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>
<div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=LINKPAGEFACEBOOK&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div>
</div>
<div class='clear'></div>
Trong đó phần được bôi đỏ bạn thay link Page FAcebook của mình vào
Bước 3: Lưu lại widget và xem kết quả
Nếu bạn gặp bất kỳ khó khăn nào trong việc thêm thủ thuật này thì vui lòng ghi nội dưới comments, mình sẽ hỗ trợ sớm nhất cho bạn.

5 Template Blogger đẹp nhất cho blog thủ thuật

6:26:00 PM Add Comment
Blogger rất hữu dụng cho người dùng ,nó cho phép bạn đăng bài lên blog của bạn,upload chia sẻ ảnh cá nhân,v...v .Ngoài những việc trên bạn cũng có thể tạo cho mình một blog thủ thuật bằng Blogger,bạn sẽ không phải lo lắng về giao diện website khi bạn không biết gì về các ngôn ngữ lập trình như html,css,js,...Mình sẽ chia sẻ cho các bạn 5 Template Blogspot thủ thuật đẹp mà bạn có thể sử dụng một cách dễ dàng cho blog thủ thuật của bạn.
10 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Một chút lưu ý cho các bạn nhé,Template và theme là khác nhau nhé . Template là những mẫu layout dàn trang, bố cục được thiết kế sẵn, khi sử dụng chỉ việc đặt các đối tượng thông tin đồ họa vào chỉnh sửa một chút là hoàn thiện thiết kế.Vì vậy các bạn đừng lầm tường Template là theme nhé .Theo mình nghĩ là nó chỉ "la lá" giống nhau thôi.Nào không vòng vo nữa,hôm nay mình sẽ chia sẻ cho các bạn 5 Template Blogger đẹp nhất cho blog thủ thuật ngay bây giờ.

5 Template Blogger đẹp nhất cho blog thủ thuật:

Đây là những theme mà mình sưu tầm được vì vậy vì vấn đề bản quyền thì mình chịu cmnr :)) , mình xin phép không đề tên tác giả nhé vì đơn giản là mình chẳng dõ tác giả của nó nữa.

1: Revoltify Template:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Một Template đơn giản được thiết kế 2 cột đem lại sự đơn giản cho người sử dụng ,tối ưu trên các thiết kị di động .Template tích hợp đầy đủ các nút chia sẻ,bình luận Google +.

2:MiniMag Template:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Với bố cục là các ô vuông,và giao diện đẹp mắt tích hợp đầy đủ các tính năng như chia sẻ bình luận,2 menu và bố cục dành cho quảng cáo thì chắc hẳn Template này sẽ làm cho blog thủ thuật của bạn thêm bắt mắt hơn.

3:Loveria Fashion Blog Theme:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Là một Template màu hồng có vẻ hơi "nữ tính".Nếu bạn thấy thích nó thì bạn có thể tải về và sử dụng với Blog thủ thuật của bạn .Nó sẽ rất mới lạ và bắt mắt đó :))

4:Dearpins Blogger Template:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Với tông màu xanh và 2 menu,giao diện 2 cột bắt mắt với nhiều nổi bật bạn sẽ có một blog thủ thuật thật đẹp.

5:Point Blogger Template:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Với giao diện giống như một template tin tức nhưng nó có lẽ rất thích hợp cho blog thủ thuật của bạn đó.
Mình vừa chia sẻ 5 Template Blogger đẹp nhất cho blog thủ thuật,đó là theo mình thấy nó đẹp.Còn bạn?Nếu thấy nó đẹp thì có thể chia sẻ giúp mình hoặc bình luận bên dưới để mình sẽ chia sẻ các Template khác ,đẹp hơn nữa nhé :D

Lỗi không hiển thị ảnh trên Blogspot và cách khắc phục

2:30:00 PM 1 Comment
Với mạng VNPT ở Việt Nam đã bị chặn truy cập Blogspot của Google nhưng có thể truy cập bằng cách đổi DNS để truy cập,hay các quản trị viên Blog có thể trỏ tên miền về Blog để khách hàng có thể truy cập Blogspot mà không cần đổi DNS.Đối với việc trỏ các tên miền vào Blogspot thì những người dùng mạng VNPT vẫn có thể truy cập vào Blogspot như bình thường nhưng các ảnh sẽ bị lỗi hình ảnh.Việc lỗi hình ảnh này sẽ gây ra không hiển thị hình ảnh trên Blogspot.Vậy có cách nào để khắc phục tình trạng không hiển thị ảnh trên Blogspot?Blog Minh Trí sẽ chia sẻ cho các bạn 3 cách để khắc phục vấn đề này?
Lỗi không hiển thị ảnh trên Blogspot và cách khắc phục
Lỗi không hiển thị ảnh trên Blogspot và cách khắc phục

Các cách khắc phục không hiển thị ảnh trên Blogspot:

Mình sẽ chia sẻ 3 cách để khắc phục lỗi không hiển thị ảnh trên Blogspot,những các này chỉ có tác dụng với các Blog đã trỏ tên miền.Mục đích của 3 cách này là gì để đổi đuôi ảnh bp.blogspot.com sang các dạng như lh4.googleusercontent.com .Vì các ảnh được upload trên Blogspot cũng được đồng bộ lên tài khoản Google của bạn.

Cách 1: Sửa link ảnh thủ công:

Sau khi upload các hình lên Blogspot để viết bài bạn chỉ cần chỉnh sửa link ảnh từ bp.blogspot.com  sang dạng lh4.googleusercontent.com hay lh4.ggpht.com  .Để chỉnh sửa link ảnh thì các bạn chuyển đổi chế độ viết bài bằng HTML và tìm đến Link ảnh và chính sửa mà thôi.

Cách 2: Sử dụng Javascript để tự động đổi link ảnh:

Đối với các này bạn không cần phải sử dụng biện pháp thủ công để chỉnh sửa link ảnh nữa mà đã có Javascript để chỉnh sửa.
Dùng Javascript để khắc phục không thể hiển thị ảnh Blogspot

Bạn chỉ cần thêm đoạn code này vào trước thẻ đóng </body> của Template:

Cách 3: Sử dụng JQuery để khắc phục lỗi không thể hiển thị ảnh Blogspot:

Để khắc phục lỗi không thể hiển thị ảnh cho Blogspot tự động mà ko cần chính sửa link ảnh thủ công thì các bạn có thể sử dụng các này để khắc phục tình trạng đó:
Cũng giống như sử dụng Javascript bạn chỉ cần thêm đoạn code này trước thẻ đóng </body> của Template:

Chúc các bạn thành công với 3 cách này,nếu bạn có thắc mắc gì xin vui lòng liên hệ với mình Facebook để được hướng dẫn chi tiết hơn.