Tạo hiệu ứngcho link liên kết.

Để cho link liên kết thêm sống động, bạn phải gắn hiệu ứng cho nó.

Bạn bấm vào "Xem thử" để thấy rõ hơn hiệu ứng của link liên kết.

Để làm được điều này, bạn đăng nhập vào blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi copy đoạn code phía dưới và dán vào.


CODE

<style type="text/css">

a.navbar:hover {

color:;

font-weight:bold;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxT_zjF9Gm09fzNkoHVtAOeeghGldGxbHv5Z8ZWVDWLKmczqbgFKmeWzBorlBRkHboyx7I3tC3-gk3vjxKPM8iXaaTlV-xNFriddGJxxxn3Ledz4MkMRzjqbTC73scB52IfRM3IDekw7k/s1600/rainbow.gif);

}

a:hover, a.link:hover, a.navbar:hover {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxT_zjF9Gm09fzNkoHVtAOeeghGldGxbHv5Z8ZWVDWLKmczqbgFKmeWzBorlBRkHboyx7I3tC3-gk3vjxKPM8iXaaTlV-xNFriddGJxxxn3Ledz4MkMRzjqbTC73scB52IfRM3IDekw7k/s1600/rainbow.gif);

font-size:10t;

color:;

text-decoration:none;

border:1px solid;

}

</style>

Bây giờ, bạn có thể đổi các dòng lệnh màu xanh và màu đỏ tuỳ theo ý thích của bạn, cuối cùng bấm Lưu lại là xong.

Dưới đây, là một vài mẫu hiệu ứng cho link liên kết, bạn bấm phải chuột vào ảnh chọn Save as (lưu ảnh dưới dạng)... để tải về, sau đó upload để lấy link chèn vào dòng lệnh màu đỏ.

Công ty có quyền quy định thời gian thử việc đến 4 tháng?

(NLĐO) – Tôi tốt nghiệp đại học kinh tế, vừa qua, tôi được một doanh nghiệp tuyển dụng. Đơn vị này yêu cầu tôi thử việc 4 tháng và cho rằng đó là quy định riêng của công ty.

Công ty có quyền ban hành quy định riêng về thời gian thử việc như vậy không?

Trần Tuấn (quận Bình Tân-TPHCM)

Ảnh minh họa

Luật sư Cao Thế Luận, Công ty Luật Phạm Nghiêm, trả lời:

Theo quy định của pháp luật lao động thời gian thử việc đối với trình độ đại học không được quá 60 ngày.

Như vậy, doanh nghiệp có quyền quy định thời gian thử việc nhưng phải ít hơn thời hạn tối đa nêu trên. Nếu công ty yêu cầu bạn thử 4 tháng là trái pháp luật. Bạn nên đề nghị doanh nghiệp thực hiện đúng quy định để tránh các tranh chấp về sau.

Nếu công ty không chấp nhận thì bạn có quyền từ chối nhận việc hoặc phản ánh với cơ quan lao động nơi công ty có trụ sở để được can thiệp giải quyết.

Bạn đọc có thể gửi câu hỏi thắc mắc về pháp luật lao động theo địa chỉ: Chuyên mục “Tư vấn pháp luật lao động”, 14 Cách Mạng Tháng Tám, quận 1- TPHCM hoặc e-mail: phapluatlaodong@nld.com.vn

Nam giới cũng được hưởng chế độ thai sản?

(NLĐO) - Công ty tôi có một nam nhân viên chưa lập gia đình. Vừa qua nhân viên này đã xin một đứa con nuôi và đề nghị công ty giải quyết chế độ thai sản 4 tháng.

Xin hỏi, khi nào thì người lao động được hưởng chế độ thai sản nào? Nam giới có được hưởng chế độ thai sản theo Luật BHXH hay không?

Hoang Tuyen (tuyennguyen675@...)

Luật gia Lê Trúc Phương, Hội Luật gia TPHCM trả lời:

 Theo quy định tại điều 27 Luật BHXH, người lao động được hưởng chế độ thai sản khi thuộc một trong các trường hợp sau:

a) Lao động nữ mang thai;
b) Lao động nữ sinh con;
c) Người lao động nhận nuôi con nuôi dưới bốn tháng tuổi;
d) Người lao động đặt vòng tránh thai, thực hiện các biện pháp triệt sản.

Trong đó, người lao động quy định tại điểm b và điểm c phải đóng BHXH từ đủ 6 tháng trở lên trong thời gian 12 tháng trước khi sinh con hoặc nhận nuôi con nuôi.

Như vậy, yêu cầu của nam nhân viên kia là đúng luật. Công ty có trách nhiệm lập thủ tục giải quyết mọi quyền lợi cho người lao động về thời gian nghỉ thai sản, trợ cấp thai sản, trợ cấp thai sản một lần…

Bạn đọc có thể gửi câu hỏi thắc mắc về pháp luật lao động theo địa chỉ: Chuyên mục “Tư vấn pháp luật lao động”, 14 Cách Mạng Tháng Tám, quận 1- TPHCM hoặc e-mail: phapluatlaodong@nld.com.vn

Tiện ích bài viết mới cuộn ngang với 2 nút điều khiển

Được một bạn yêu cầu tạo một tiện ích bài mới với 2 nút điều khiển cuộn qua lại giống với tiện ích "NỔI BẬT" của trang web vn.news.yahoo.com, hôm nay mình chia sẻ cùng mọi người thủ thuật này. Với thủ thuật này thì chúng ta có thể trình diễn bài viết cuộn theo hàng ngang với 2 nút điều khiển qua lại hiệu ứng bằng JQuery trông khá mướt. Để không mất thời gian chúng ta sẽ đi ngay vào thủ thuật này, và muốn thấy rỏ hơn thì bạn có thể xem demo trước khi thực hiện thủ thuật này.

Xem Demo

☼ Bắt đầu thủ thuật này
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào sau thẻ <head> hoặc trước thẻ </head>
=> Trước tiên các bạn nên tải các File Js về TẠI ĐÂY sai đó Upload lên host riêng để sử dụng lâu dài.
-

<script type="text/javascript" src="http://namknablog.googlecode.com/files/Jquery1.3.2.js"></script>
<script type="text/javascript" src="http://namknablog.googlecode.com/files/recent_jcarousel_yahoo.js"></script>
<script type="text/javascript">
jcarousel.setup({
 galleryid: 'container',
 beltclass: 'belt',
 contentclass: 'content',
 contentbehavior: {speed:500, wraparound:true, wrapbehavior:'pushpull', persist:false},
 defaultbuttons: {enable: false, moveby: 1, leftnav: ['', -10, 300], rightnav: ['', -10, 100]},
statusvars: ['firstnum', 'lastnum', 'totaltnum'],
 contenttype: ['inline']
})
</script>

<style type='text/css'>
.allcontainer {
font-size:12px;
font-family:arial;
color:#090404;
width: 640px;  /*độ rộng của tiện ích*/
padding-top:6px;
background:#fff;  /*màu nền của tiện ích*/
}
.jcarousel{
position: relative;
order-top: 1px solid #333;
overflow: scroll;
padding:0px;
margin-top:0px;
width: 640px;
height: 185px;  /*chiều cao của phần nội dung*/
}
.content h2 {
font-size:13px;line-height:1.2em;background:transparent;
margin:0px;}
.content h2 a{text-shadow:1px 1px 1px #ccc;color:#000;}
.content h2 a:hover{color:#666;}

.containerImg{float:left;
margin-right:5px;
padding:2px;
border: 1px solid #ccc;}
.jcarousel .belt{
position: absolute;
left: 0;
top: 0;
}
.jcarousel .content{
float: left;
overflow: hidden;
margin: 0px 6px 5px 5px;
width: 312px;
}
.prev{
margin-top:-5px;
width: 20px;
height: 24px;
float:right;
padding:6px;
background: url(https://lh6.googleusercontent.com/-hessCUkLH14/TkNckajRUzI/AAAAAAAAAf4/ACR9tMA6ZS4/nav.png) 0px 0px no-repeat;}
.next{
margin-top:-5px;
width: 27px;
height: 24px;
float:right;
padding:6px;
background:
 
url(https://lh6.googleusercontent.com/-hessCUkLH14/TkNckajRUzI/AAAAAAAAAf4/ACR9tMA6ZS4/nav.png)
 -32px 0px no-repeat;}
</style>

 5. Save template lại và trở về phần tử trang (Page Elements)
6. Chọn thêm tiện ích (Add a Gadget)
7. Thêm 1 HTML/Javascript và thêm vào code bên dưới

-

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1kuao4dP1vWevDXndxQLJRwjf5vPBVmwEPqAiLiMDAqB8fd-bD3HbYwczCB0RFwAEbPWQtH2UaGz77gOX2MlizWhKdgRjGd9c1T0K4CcZy6dSMGzA5NzRYJAfyM0lChXWqLew10QUmv6g/";
imgwidth = 80; //độ rộng của ảnh trong tiện ích
imgheight = 75; //chiều cao của ảnh trong tiện ích
showRandomImg = false;
aBold = true;
text = "Nhận xét";
showPostDate = true; //Nếu không muốn hiển thị ngày đăng bài bạn thay TRUE thành FALSE
summaryPost = 350; //số ký tự hiển thị phần tóm tắt bài viết
numposts =20; //số bài viết hiển thị
label = "Advanced blogger"; //thay thành nhãn bài viết của bạn
home_page = "http://namkna.blogspot.com/"; //thay thành địa chỉ blog của bạn
</script>

<div class="allcontainer">
<span id="container-paginate">
<img
src="https://lh3.googleusercontent.com/-NEniU-ywjyM/TkOcjWA2QLI/AAAAAAAAAgU/Ksr677PeioI/opencircle.png"
data-over="https://lh5.googleusercontent.com/-dYVb8IRGIlw/TkOcjcIMvJI/AAAAAAAAAgU/lVbrLDaOdQ0/graycircle.png"
data-select="https://lh3.googleusercontent.com/-eAd5my2yXHs/TkOcju5B0KI/AAAAAAAAAgU/4nBRatFY7cM/closedcircle.png"
 data-moveby="2" /></span>

<div style="float: right;text-align:right;">
<span
 style="margin-bottom: -8px;margin-right:10px;"><span 
id="firstnum"></span> - <span id="lastnum"></span> /
 <span id="totaltnum"></span> </span><a 
href="javascript:jcarousel.stepBy('container', 2)" 
class="next"></a><a class="prev" 
href="javascript:jcarousel.stepBy('container', 
-2)"></a></div>

<script src="http://namknablog.googlecode.com/files/re_jcarousel_yahoo-label.js" type="text/javascript"></script></div>

 

8. Cuối cùng save tiện ích lại

Nếu muốn hiển thị cho tất cả bài viết trên blog bạn thay file JS (re_jcarousel_yahoo-label.js) thành link bên dưới.

http://namknablog.googlecode.com/files/re_jcarousel_yahoo_allpost.js

Nếu bạn muốn di chuyển phần phân trang (các nút tròn) xuống phía dưới các bài viết thì bạn di chuyển đoạn code bên dưới (ở bước 7).

-

<span id="container-paginate">
<img 
src="https://lh3.googleusercontent.com/-NEniU-ywjyM/TkOcjWA2QLI/AAAAAAAAAgU/Ksr677PeioI/opencircle.png"
 
data-over="https://lh5.googleusercontent.com/-dYVb8IRGIlw/TkOcjcIMvJI/AAAAAAAAAgU/lVbrLDaOdQ0/graycircle.png"
 
data-select="https://lh3.googleusercontent.com/-eAd5my2yXHs/TkOcju5B0KI/AAAAAAAAAgU/4nBRatFY7cM/closedcircle.png"
 data-moveby="2" /></span>

-Xuống phía dưới phần JS như bên dưới

<script src="http://namknablog.googlecode.com/files/re_jcarousel_yahoo-label.js" type="text/javascript"></script>

<span id="container-paginate">
<img
 
src="https://lh3.googleusercontent.com/-NEniU-ywjyM/TkOcjWA2QLI/AAAAAAAAAgU/Ksr677PeioI/opencircle.png"
 
data-over="https://lh5.googleusercontent.com/-dYVb8IRGIlw/TkOcjcIMvJI/AAAAAAAAAgU/lVbrLDaOdQ0/graycircle.png"
 
data-select="https://lh3.googleusercontent.com/-eAd5my2yXHs/TkOcju5B0KI/AAAAAAAAAgU/4nBRatFY7cM/closedcircle.png"
 data-moveby="2" /></span>

</div>

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

theo: TDM.

Auto readmore với thumbnail trên Blogger dùng Script - Style 1

Trong bài này namkna sẽ hướng dẫn các bạn tạo Auto Readmore (đọc thêm) cho bài viết tự động hoàn toàn không còn thủ công như trước đây. Với Script mình giới thiệu hỗ trợ ảnh Thumbail lấy hình ảnh đầu tiên xuất hiện trong bài viết để làm ảnh đại diện, do vậy blog của bạn nhìn sẽ chuyên nghiệp hơn.
Thêm 1 điểm nữa là tiện ích lấy ảnh trong Album Picsa làm ảnh thumbnail, Với những hình ảnh không thuộc host Picasa của google sẽ không lấy được thumbnail. Do vậy bạn hãy Upload trực tiếp ảnh của mình lên blog khi post bài nha.

Bạn có thể xem Demo sẽ rõ hơn  : Demo for Post

Ảnh minh họa:

☼ Cách tiến hành:

1- Đăng nhập (login) vào Blog
2- Vào Mẫu (Template)

3- Chọn Chỉnh sử HTML (Edit HTML) => Tiếp tục (process)
4- Click chọn Mở rộng tiện ích mẫu 

5- Tìm (Ctrl +F) thẻ bên dưới:

<data:post.body/> 

- Và thay nó bằng đoạn mã sau đây:-

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt;Đọc thêm...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

6- Thêm đoạn mã dưới đây vào sau thẻ <head> (hoặc đặt trước thẻ </head>):

-

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script>

Trong đó bạn thay đổi các thông số cho phù hợp với blog của bạn nha:

• summary_noimg là số ký tự phần miêu tả cho các bài không có hình đại diện.
• summary_img là số ký tự phần miêu tả cho các bài có hình đại diện.
• img_thumb_height chiều cao của hình đại diện (pixel).
• img_thumb_width chiều rộng của hình đại diện (pixel).

7- Bấm Lưu mẫu lại và về trang chủ của blog để xem kết quả nha.

Nếu bạn sợ sử dụng scrip sẽ làm blog bạn chậm thì bạn có thể xem bài viết tạo autoread more không sử dụng Javarscrip Tại đây

Tạo Auto readmore không sử dụng javascript cho Blogger

Blogger đã có readmore tuy nhiên nó khá thủ công, với blog đã có nhiều bài viết thì việc tạo readmore cho từng bài là rất vất vả và blogger thường tìm đến với auto readmore javascript. Auto readmore javascript thực ra chỉ hiển thị một phần bài viết qua hàm document.write, nội dung cả bài viết vẫn được trình duyệt tải về. Nhược điểm của nó là không thân thiện với các bộ máy tìm kiếm và các công cụ dịch trực tuyến, ngoài ra với bài viết dài nếu không dùng thêm readmore của Blogger thì sẽ gặp lỗi phân trang do Blogger tự ngắt trang. Thủ thuật auto readmore mình giới thiệu sau đây hoàn toàn mới, không sử dụng javascript mà dùng các câu lệnh do chính Blogger cung cấp. Nó sẽ cải thiện tốc độ blog của bạn khi duyệt các trang kiểu index, archive do chỉ tải về trích đoạn nội dung của bài viết.

Hình minh họa

 Cách thực hiện: Mình sẽ giới thiệu 2 cách thực hiện về cơ bản đều gốngn hau cả. các bạn xem bên dưới nha:

Cách 1: Theo Duypham

Bước 1: Thêm class post-thumbnail để hiển thị hình ảnh. Có 2 dạng hiển thị hình ảnh là bên trái hoặc bên phải.

1. Hiển thị hình ảnh bên trái:

Thêm đoạn mã dưới đây vào bên trên thẻ  ]]></b:skin> :

.post-thumbnail{float:left;margin-right:20px}

2. Hiển thị hình ảnh bên phải:

Thêm đoạn mã dưới đây vào bên trên thẻ   ]]></b:skin> :

.post-thumbnail{float:right;margin-left:20px}

Bước 2: Thêm đoạn mã auto readmore. Có 4 dạng auto readmore để lựa chọn.1. Auto readmore với hình ảnh:
Thay thế  <data:post.body/>  bằng đoạn mã dưới đây:

-

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div>
   <b:if cond='data:post.thumbnailUrl'>
    <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
   </b:if>
   <data:post.snippet/>
  </div>
  <div class='jump-link'>
   <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
  </div>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

2. Auto readmore với hình ảnh và hiển thị ảnh mặc định cho bài viết không có ảnh:
Thay thế  <data:post.body/>  bằng đoạn mã dưới đây:

-

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div>
   <b:if cond='data:post.thumbnailUrl'>
    <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
   <b:else/>
    <img class='post-thumbnail' alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHzNaYoUKITrEQCcP8Cm5FPofB9rfLxLvoRwusLwZBiTWcsqGEfJwiuDqb2bYdTDqup93QGYW5fwkVOfMzSN8NVWM2GkUcVN4r4hu0ayH1TGGbQXs7Cd-U01Y7FzkNQ_ftZyD4GPAdcCpv/' width='72px' height='72px'/>
   </b:if>
   <data:post.snippet/>
  </div>
  <div class='jump-link'>
   <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
  </div>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

 3. Auto readmore với hình ảnh. Không readmore với bài viết mới nhất:
Thay thế  <data:post.body/>  bằng đoạn mã dưới đây:

-

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
    <data:post.body/>
     <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
       <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  
      </div>
     </b:if>
   <b:else/>
    <div>
     <b:if cond='data:post.thumbnailUrl'>
      <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
     </b:if>
     <data:post.snippet/>
    </div>
    <div class='jump-link'>
     <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
   </b:if>
  <b:else/>
   <div>
    <b:if cond='data:post.thumbnailUrl'>
     <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
    </b:if>
    <data:post.snippet/>
   </div>
   <div class='jump-link'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
   </div>
  </b:if>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

 4. Auto readmore với hình ảnh và hiển thị ảnh mặc định cho bài viết không có ảnh. Không readmore với bài viết mới nhất:
Thay thế  <data:post.body/>  bằng đoạn mã dưới đây:

-

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
    <data:post.body/>
     <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
       <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  
      </div>
     </b:if>
   <b:else/>
    <div>
     <b:if cond='data:post.thumbnailUrl'>
      <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
     <b:else/>
      <img class='post-thumbnail' alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHzNaYoUKITrEQCcP8Cm5FPofB9rfLxLvoRwusLwZBiTWcsqGEfJwiuDqb2bYdTDqup93QGYW5fwkVOfMzSN8NVWM2GkUcVN4r4hu0ayH1TGGbQXs7Cd-U01Y7FzkNQ_ftZyD4GPAdcCpv/' width='72px' height='72px'/>
     </b:if>
     <data:post.snippet/>
    </div>
    <div class='jump-link'>
     <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
   </b:if>
  <b:else/>
   <div>
    <b:if cond='data:post.thumbnailUrl'>
     <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
    <b:else/>
     <img class='post-thumbnail' alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHzNaYoUKITrEQCcP8Cm5FPofB9rfLxLvoRwusLwZBiTWcsqGEfJwiuDqb2bYdTDqup93QGYW5fwkVOfMzSN8NVWM2GkUcVN4r4hu0ayH1TGGbQXs7Cd-U01Y7FzkNQ_ftZyD4GPAdcCpv/' width='72px' height='72px'/>
    </b:if>
    <data:post.snippet/>
   </div>
   <div class='jump-link'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
   </div>
  </b:if>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

 

Việc hiển thị trích đoạn nội dung bài viết là thông qua thẻ  <data:post.snippet/>  của Blogger. Như đã từng đề cập tới ở bài đăng trước đoạn trích dẫn của Blogger chỉ gồm 140 ký tự (Blogger vừa update, số lượng ký tự của thẻ <data:post.snippet/> ở widget Blog giờ đây ít hơn số lượng ký tự của thẻ <data:post.snippet/> ở widget PopularPosts), khá là ngắn và việc ngắt ký tự không chú ý tới ký tự trống nên có câu bị mất vài từ trở nên vô nghĩa.

Hình ảnh được lấy thông qua lệnh data:post.thumbnailUrl. Đây là đường dẫn ảnh thứ nhất trong bài viết đã được Blogger resize về kích thước 72x72 pixels. Cần chú ý là ảnh của bài viết phải được upload thông qua công cụ Chèn hình ảnh của Blogger, hoặc lấy địa chỉ ảnh từ Picasa và địa chỉ ảnh phải có s1600, s800...thì công cụ resize của Blogger mới hoạt động, khi đó ảnh mới xuất hiện. Thủ thuật trên đã thêm thuộc tính alt là tiêu đề bài viết cho hình ảnh, nó giúp tăng khả năng SEO cho blog của bạn.

Trước khi thực hiện thủ thuật auto readmore này bạn cần loại bỏ đoạn mã auto readmore javascript nếu đang dùng nhé.

Cách 2: theo thuthuatblogger.

- Cách này có ưu thế là căn đều 2 bên của văn bản nhìn xẽ đẹp hơn.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.
Đặt đoạn code sau đây trước dòng  ]]></b:skin> .

-

.item-thumbnail {float:left;margin-right:15px;width:75px;height:70px}
.item-snippet {color: #999; font-family:Arial; font-size: 12px;text-align:justify}
.jump-link {float:right}
.jump-link a,.jump-link a:visited{background:#444343;margin-right:4px;padding:4px 8px;color:#FFF;text-shadow:1px 1px 1px #000;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.jump-link a:hover,.jump-link a:active{background:#006666;color:#FFF;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

 

- Thay float:left; thành float:right; nếu muốn nó hiển thị bên phải

Bước 2. Tìm  <data:post.body/>  và thay nó bằng đoạn code bên dưới.

-

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
<b:else/>
<img alt='no image' class='item-thumbnail' src='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/no-image.png'/>
</b:if>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<span class='post-comment-link'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</span> 
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

 

Lưu Template là OK.

Điểm chú ý trong code  cách 2 có tùy biến là phần mô tả tóm tắt bài viết (snippet), văn bản được căn đều hai bên (nhờ sử dụng class item-snippet có định dạng text-align:justify).

Chúc thành công!

Auto readmorre với thumbnail cho blogspot sử dụng javarscipt - Style 2

Hôm nay namkna hướng dẫn các bạn thủ thuật auto readmore (Tự động tóm tắt bài viết cho Blogspot) với cách hiển thị hoàn toàn khác so với thủ thuật trước đây. Thủ thuật lần này sẽ giúp các bạn có thể tùy chỉnh vị trí ảnh thumbnail, tiêu đề bài viết, ngày tháng đăng bài, tên tác giả và phần mô tả theo ý bạn. Ảnh thumb sẽ được float về bên trái và tiêu đề, nội dung hay thông tin bài viết được đưa về phía bên phải trông chuyên nghiệp hơn và dễ dàng tùy chỉnh theo ý mình.

Xem Demo: Demo for post

Ảnh minh họa:

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML) - tiếp tục
4. Chọn mở rộng mẫu tiện ích
 5. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin> 
-

.sumpost{text-shadow:0 1px #fff;color:#111;font-family:arial;font-size:12px;line-height:1.4;margin:0;padding:6px 8px}
.img-post img{background:#fff;float:left;margin:6px 8px 0 8px;border:1px solid #ccc;height:100px;width:120px;padding:2px}
.sumpost h2{font-size:16px;background:none;padding:0;margin:0;line-height:1.2}
.sumpost h2 a{color:#160}
.sumpost .postinfo{color:#0e3f4f;padding:3px 0 3px 8px;margin:0;border-bottom:dotted #ddd 1px}
.sumpost .postinfo .numcm{margin:0 2px 0 2px}
.sumpost .postinfo .author{margin:0 2px 0 0}
.sumpost .postinfo .numcm .num{color:#f80}
.sumpost .postinfo .label{margin:0 2px 0 2px}
.sumpost .postinfo .label a{color:#b0039a}
.readmore{float:right;margin:8px 0 0;padding:0 0 0 0}
.readmore a{color:#d7034e;padding:0}
.readmore a:hover{color:#00f}
.borderline{border-top:1px solid #bbb;border-bottom:1px solid #fff;margin:4px 0 0 0}

- Trong đó:

• font-size:16px: Là tiêu đề của bài viết trong auto readmore
• color:#d7034e là màu chữ đọc thêm (đọc tiếp, readmore)

6. Chèn tiếp code bên dưới vào trước thẻ </head>
-

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
no_image = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikn3k3Dni3swWpVKGX4zY6HbXgGeKS_mNUq_fhki0-6jTx2-b7vxhByAgYMgwKyVd8prLyPkeNFVuwkoYoZnow6ahkFRFcuijWCIU5T88UaU5InQUdr19t-Znn05QcyEmLUYhtnL4mucBk/s1600/no-image-namkna-blogspot-com.PNG";
sumposts = 500; 
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('A C(5,8){k(5.t("<")!=-1){4 s=5.D("<");E(4 i=0;i<s.e;i++){k(s[i].t(">")!=-1){s[i]=s[i].B(s[i].t(">")+1,s[i].e)}}5=s.L("")}8=(8<5.e-1)?8:5.e-2;K(5.G(8-1)!=\' \'&&5.t(\' \',8)!=-1)8++;5=5.B(0,8-1);H 5+\'...\'}A J(w,j,d,g,n,h,o,r,m,q){4 3=M.F(w);4 l="";4 j=j;4 d=d;4 g=g;4 n=n;4 h=h;4 o=o;4 r=r;4 m=m;4 q=q;4 7=3.I("7");k(7.e==0){l=\'<3 6="7-z"><a f="\'+d+\'"><7 u="\'+O+\'"/></a></3>\'}k(7.e>=1){l=\'<3 6="7-z"><a f="\'+d+\'"><7 u="\'+7[0].u+\'"/></a></3>\'}4 x=l+\'<3 6="N"><v><a f="\'+d+\'">\'+j+\'</a></v><3 6="W"><9 6="g">\'+n+\'<b> \'+g+\'</b></9> | <9 6="V"><9 6="T">\'+h+\' </9>\'+o+\'</9> | <9 6="P">\'+m+\'<a f="\'+q+\'"> \'+r+\'</a></9></3> \'+C(3.y,U)+\'...<3 6="Q"><a f="\'+d+\'">Đọc Rếp...</a></3></3><3 6="S"></3>\';3.y=x}',59,59,'|||div|var|strx|class|img|chop|span||||urltitle|length|href|author|numcms||title|if|imgtag|Labelslabel|authorLabel|numLabel||urllabel|labelpost||indexOf|src|h2|pID|summary|innerHTML|post|function|substring|removeHtmlTag|split|for|getElementById|charAt|return|getElementsByTagName|createSummaryAndThumb|while|join|document|sumpost|no_image|label|readmore|ti|borderline|num|sumposts|numcm|postinfo'.split('|'),0,{}))
//]]>
</script>
<style><b:if cond='data:blog.pageType == "index"'>.post-footer,.post h3,h2.date-header{display:none;}</b:if></style>

-Trong đó:
        + Thay 500 là số ký tự hiển thị.
        + Link ảnh màu xanh là ảnh sẽ xuất hiện khi bài viết của bạn không có ảnh đại diện. Bạn có thể thay thế bằng link ảnh khác. Nếu vẫn dùng ảnh đó thì hãy tải về Tại đây (hoặc Tại đây) sau đó Upload lên blog và thay link vào để tránh ảnh bị die khi mình xóa.
7. Tiếp theo bạn hãy tìm đến dòng code bên dưới

<data:post.body/>

8. Thay thế code vừa tìm được thành đoạn code bên dưới:
-

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<p><data:post.body/></p>
</div>
<b:loop values='data:post.labels' var='label'>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.author/>&quot;,&quot;<data:top.authorLabel/>&quot;,&quot;<data:post.numComments/>&quot;,&quot;<data:top.commentLabelPlural/>&quot;,&quot;<data:label.name/>&quot;,&quot;<data:postLabelsLabel/>&quot;,&quot;<data:label.url/>&quot;);
</script>
</b:loop>
</b:if>
</b:if>

- 9. Cuối cùng là save lại và kiểm tra thành quả nha.

Auto readmore phong cách video

Auto readmore phong cách video cho blogspot

Từ trước đến nay các blog về phim ảnh chư có tieenmj ích read mỏe riêng. bài viết này namkna giới thiệu tiện ích Auto readmore dành riêng cho các blog chuyên về phim ảnh. Tiện ích được mình convert từ templte johny-jazzytube.

Các bạn có thể xem Demo tại trang chủ theo link dưới:

XEM DEMO

=> Tiện ích này có gì đặc biệt?

1- Tự động biến link video thành trình chơi nhạc mà không cần phải lấy mã nhúng embeb ở trên trang youtobe (tiết kiệm thời gian phải không nào)

2- Tự động lấy ảnh mặc định của video thành ảnh thumbnail (không lấy ảnh upload trên blog và các host ngoài trang youtobe nha)
3- Tích hợp nút like cho từng video trên trang chủ. Bạn có thể xem ở demo hoặc hình ảnh minh họa bên dưới. (rất tiện phải không)

=> Cách tiến hành:

1- Đăng nhập vào blog

2- Chọn Mẫu

2- Chọn thêm tiện ích => Chọn mở rộng tiện ích mẫu

3- Tìm thẻ:

<data:post.body/>

- Thay thế thẻ đầu tiên tìm thấy thành:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>[postlink]
<data:post.url/>[/postlink]
<data:post.body/>
</div></b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>createVideoThumb2(&quot;summary<data:post.id/>&quot;);</script>
</b:if>  
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>createVideoThumb(&quot;summary<data:post.id/>&quot;);</script>
<div id='viewers'>
<div class='download-link'>
<a class='uiBtn' expr:href='data:post.url'>Watch now &#187;</a>
</div>
<span style='float:left;padding:1px 0;height:21px;width:80px;overflow:hidden;border:none;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;+ data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=80&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/>
</span>
 </div>
</b:if></b:if> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

4- Thêm đoạn code bên dưới trước thẻ ]]></b:skin>

.uiBtn{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;word-wrap:break-word;color:#b69786;cursor:pointer;display:inline-block;font-size: 11px;font-weight:bold;line-height:normal !important;padding:3px 6px 4px 7px;text-align:center;text-decoration:none;vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;
border-radius:2px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
.uiBtn:hover{color:#3671b2;text-decoration:none}
.download-link{float:right;padding:0px 0px 1px;margin-bottom:0;}
#viewers{float:left;width:100%;font:normal 12px Arial;margin:0;padding:0}

5- Thêm đoạn code bên dưới vào sau thẻ ]]></b:skin> 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#main-wrapper{width:640px}
.feed-links{display:none}
h2.date-header{margin:.2em 0 .4em}
.post h3{height:23px;font:14px Oswald;line-height:1.1em;margin:0 0 8px;padding:0;}
.post{margin:10px 6px 0 4px;padding:5px 8px; width:180px;height:202px;float:left;border:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 0 4px #bbb;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;padding:5px 10px 10px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
.post:hover{border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;filter:alpha(opacity=80);opacity:.8}
.post-body{margin:7px 0 0 0;float:right;border-top:none;padding-top:0px;}
.play-button{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4pp-NWAl7hb6wT3kAi5oEw-jP6gaFujl3lboz4dlsrGrRB9M0OyF9fulMR-CIvlueitZ5cwsruOU6JdvehXIaB5d1CkKD_q5SkHO70Y8zK6cpK31j1BPcg2IJBdMhWIhNkVaqInyVM_MX/s1600/play.png) no-repeat 65px 42px;cursor:pointer;height:147px;filter:alpha(opacity=75);opacity:.75;position:absolute;width:196px}
.play-button:hover{filter:alpha(opacity=40);opacity:.4}
#blog-pager{float:center;margin:6px;padding:8px 0}
</style>
</b:if></b:if>

6- THêm code bên dưới trước thẻ </head>

<script type='text/javascript'>
//<![CDATA[
var thumbnail_mode = 'float' ; summary_noimg = 0; summary_img = 0; img_thumb_height = 130; img_thumb_width = 180;

function createVideoThumb(pID){var div=document.getElementById(pID);var summ=summary_noimg;if(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")!=-1){var vidid=div.innerHTML.substring(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")+31,div.innerHTML.indexOf("endofvid"))}else{var vidid=""};var postlink=div.innerHTML.substring(div.innerHTML.indexOf("[postlink]")+10,div.innerHTML.indexOf("[/postlink]"));if(vidid==""){var imgvid='<a href="'+postlink+'"><img  class="thumbnail" src="http://i930.photobucket.com/albums/ad145/whitebook_diary/novideo.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a>'}else{var imgvid='<a href="'+postlink+'"><span class="play-button"></span><img  class=thumbnail src="http://i2.ytimg.com/vi/'+vidid+'/default.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a>'};var summary=imgvid;div.innerHTML=summary}function createVideoThumb2(pID){var div=document.getElementById(pID);var imgtag="";var summ=summary_noimg;if(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")!=-1){var vidid=div.innerHTML.substring(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")+31,div.innerHTML.indexOf("endofvid"))}else{var vidid=""};var textinside=div.innerHTML.substring(div.innerHTML.indexOf("[starttext]")+11,div.innerHTML.indexOf("[endtext]"));var postlink=div.innerHTML.substring(div.innerHTML.indexOf("[postlink]")+10,div.innerHTML.indexOf("[/postlink]"));var embedvid="";if(vidid!=""){embedvid='<object width="600" height="450"><param name="movie" value="http://www.youtube.com/v/'+vidid+'&hl=en_US&fs=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+vidid+'&hl=en_US&fs=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="450"></embed></object>'}var summary=embedvid+'<div class="content">'+textinside+'</div>';div.innerHTML=summary}
//]]></script>

Khi đăng bài bạn chỉ cần dán link youtobe vào bài viết thgeo cấu trúc sau:

Link + endofvid

Ví dụ mình có link là:
http://www.youtube.com/watch?v=De4Cl6f4VJs
thì ta sẽ dán link như sau vào bài viết:
http://www.youtube.com/watch?v=De4Cl6f4VJsendofvid 

Google Adsense

Đây là chương trình đặt banner quảng cáo cho Google được gọi là Google Adsense. Nói một cách dễ hiểu thì khi bạn được chấp nhận vào chương trình này, thì bạn sẽ có một đoạn code HTML để cho vào bất cứ đâu trong trang web của bạn. Mỗi lần khách đến thăm nhấp chuột vào banner của Google Adsense thì bạn sẽ nhận được một phần tiền. Không ai biết và Google Adsense cũng không công khai khoản tiền kiếm được là bao nhiêu. Theo kinh nghiệm của tôi thì số tiền bạn được trả phụ thuộc vào từ khoá trong trang web của bạn. Ví dụ trên thị trường quảng cáo trên mạng người ta - các Google Adword - đấu giá với nhau các từ khoá. Chẳng hạn từ Real Estate được nhiều người muốn quảng cáo, thì người nào trả cao hơn, banner của người đó sẽ xuất hiện. Do vậy nếu banner của bạn hiện nhiều từ "đắt" thì bạn có kiếm được nhiều tiền hơn. Nhưng chung quy mỗi khi có người click là bạn sẽ nhận được tiền từ Google Adsense.

Trước tiên bạn phải tạo một tài khoản với Google Adsense đã! bạn vào link này: www.google.com/adsense

Sau khi bạn đăng ký tài khoản Google Adsense sẽ kiểm tra nội dung trang của bạn xem có đủ điều kiện để tham gia chương trình không? tiêu chí thì là trang phải có nội dung thật sự, không có hack, crack, xxx và một vài thứ khác. Nếu trang của bạn nằm vào những mục tôi vừa nói thì xin chia buồn. Còn không thì hãy tự tin chờ khoảng 2 ngày, Google Adsense sẽ gửi một mail chấp nhận cho bạn và lúc đó bạn đã có thể tạo thu nhập cho mình rồi.

Sau khi bạn được chấp nhận với password (password gồm cả số và chữ) lúc đăng ký và user là email khi bạn đăng ký. Đăng nhập vào tài khoản Google Adsense của bạn. Sau khi đăng nhập bạn sẽ thấy như sau:

1. Report: Là bản báo cáo hàng ngày, hàng tuần, hàng tháng ... với số tiền bạn kiếm được.

2. Ad Setting: Là phần để bạn thiết lập những banner quảng cáo sao cho phù hợp với trang của bạn, với kích thước của banner, màu sắc của banner và lấy dòng code HTML để chèn vào trang của mình.

3. Search Settings: Phần này để chèn đoạn tìm kiếm với Google và trang của bạn, bạn cũng nhận được tiền từ dịch vụ này.

4. Account Information: là thông tin về tài khoản của bạn bao gồm địa chỉ, số để trả thuế, tài khoản ...

5. Ad Performance: là "thành quả" lao động của những banner bạn đặt trên trang web.

6. Search Perfomance: cũng giống như Ads Performance

7. Payment History: Là thông tin về những lần Google Adsense tính toán sau mỗi tháng.

Về cơ bản là thế! nếu bạn đã tạo ra được trang web rồi, và lại đủ điều kiện để Google Adsense chấp nhận thì hãy cho phép tôi bỏ qua phần hướng dẫn bạn lấy Code HTML và chèn vào trang như thế nào nhé.

Nếu bạn là người thích tìm hiểu những cái mới thì bạn có thể bỏ ra khoảng vài tiếng đọc Terms of Service, và mục FAQ (Quy định khi sử dụng dịch vụ và Những câu hỏi thường gặp) của Google Adsense thì bạn sẽ hiểu hết. Nhưng sau đây tôi tóm tắt lại một vài ý chính để các bạn tiện theo dõi hơn:

1. Trang của bạn phải có nội dung thật sự. Vì banner khi đặt lên trang của bạn phụ thuộc vào nội dung của chính nó. Vì Google Adsense có hệ thống tìm kiếm rất tài tình, mà bạn và tôi ai cũng phải khâm phục. Cho nên đừng bịp nó! mà hãy làm những trang có nội dung thật sự.

2. Bạn nên đặt banner vào những trang có nhiều chữ, chứ đừng để ơ những trang có ít chữ hoặc chỉ có hình.

3. Một điều đáng tiếc cho chúng ta là Google Adsense chưa hỗ trợ tiếng Việt. Cho nên đôi khi nó không thể tìm ra nội dung thật sự trên trang của mình để đưa ra banner hợp với nội dung. Cho nên đôi khi bạn thấy trên BTD có những banner chẳng ăn nhặp gì với nội dung cả. Và một vài chỗ còn toàn tiếng Mán và Mường. Đó là vì khi Google Adsense không tìm được từ khoá thích hợp ở phần nội dung của trang web nó sẽ đưa ra banner được gọi là Public Service Ads. Với loại banner Public Service Ads bạn không được tiền mỗi khi có ngừơi nhấp chuột vào. Hơn nữa đây cũng là một thua thiệt của những trang web tiếng Việt. Vì những banner của Google Adsense xuất hiện dựa trên nội dung trên trang mà nó kiếm được. Nhưng vì tiếng Việt chưa được hỗ trợ cho nên nhưng banner của Google Adsense chưa thực sự chuẩn xác lắm với nội dung trên trang đó. Chúng ta phải chờ thôi chứ biết sao bây giờ! "-" T_T

4. Theo nhiều tài liệu mà tôi đọc về Google Adsense thì những trang động dạng như forum, Portal với nội dung thay đổi thường xuyên thì tỉ lệ gặp Public Service Ads cao hơn là những trang có nội dung tĩnh. Vì Google Adsense cần ít nhất 1, 2 ngày để tìm ra từ khoá cho trang đó. Mà nó lại thay đổi liên tục cho nên nó bó tay cũng phải.

5. Tuyệt đối đừng tự nhấp vào banner của bạn!!! vì những lần click đó của bạn sẽ bị tình là những click "ma" và tất nhiên bạn sẽ không được tiền. Điều tệ hại hơn là nếu xảy ra nhiều lần bạn sẽ bị xoá account và số tiền bạn kiếm được cũng mất luôn.

6. Nếu bạn có thời gian hãy tìm hiểu thêm về Google Adsense để tối ưu hoá khả năng kiếm tiền với trang web của bạn. Bằng những tips mà Google Adsense cung câp.

7. Cuối cùng nhưng không kém phần quan trọng là bạn ĐỪNG BAO GIỜ tìm cách bịp Google Adsense bằng những phần mềm tự động nhấp chuột. Vì Google Adsense đủ thông minh để biết rằng nó đang bị nói dối và trong trường hợp đó thì tài khoản của bạn sẽ vĩnh viễn bị xoá và bạn không bao giờ còn cơ hội tham gia chương trình đó nữa.

Bao giờ thì bạn nhận được tiền từ Google Adsense và nhận như thế nào?

Mỗi khi tổng số tiền của bạn là 100$ thì Google Adsense sẽ gửi cho bạn một chi phiếu qua địa chỉ bạn đăng ký với họ. Google Adsense sẽ gửi qua đường bưu điện đến địa chỉ nhà của bạn.

Vậy là bạn đã có thể kiếm tiền trên website của mình với Google Adsense !

(Theo vietphotoshop)

Download Hotspot Shield Free bản mới nhất - Truy cập facebook dễ dàng

Download Hotspot Shield Free 2012 bản mới nhất - Truy cập facebook dễ dàng

Hotspot Shield tạo ra một mạng riêng ảo (VPN) giữa máy tính của bạn và AnchorFree Internet gateway.

Bảo mật phiên web, dữ liệu của bạn, mua sắm trực tuyến, và các thông tin cá nhân trực tuyến với mã hóa HTTPS.

Bảo vệ bản thân từ trộm danh tính trực tuyến.

Ẩn địa chỉ IP của bạn trực tuyến riêng tư của bạn.

Truy cập tất cả các nội dung tư nhân mà không có kiểm duyệt, tường lửa bỏ qua.

Bảo vệ chính mình từ snoopers ở các điểm nóng Wi-Fi, khách sạn, sân bay, văn phòng công ty.

Các công trình trên các kết nối không dây và có dây như nhau.

Cung cấp băng thông không giới hạn.

Các công trình trên PC và Mac, bao gồm cả hệ điều hành mới (Windows 7 và Snow Leopard)

Hotspot Shield bảo vệ phiên web lướt web của bạn, đảm bảo kết nối của bạn ở cả hai mạng Internet nhà bạn mạng Internet công cộng (cả có dây và không dây). Hotspot Shield bảo vệ danh tính của bạn bằng cách đảm bảo rằng tất cả các giao dịch web (mua sắm, điền các mẫu đơn, tải) được bảo đảm thông qua HTTPS. Hotspot Shield cũng làm cho bạn tin trực tuyến làm cho nhận dạng của bạn vô hình cho trang web của bên thứ ba và ISP. Trừ khi bạn chọn để đăng nhập vào một trang web nhất định, bạn sẽ được ẩn danh cho toàn bộ phiên web của bạn với Hotspot Shield. Chúng tôi yêu các trang web vì sự tự do mà nó tạo ra để khám phá, tổ chức, và giao tiếp. Hotspot Shield cho phép truy cập vào tất cả các thông tin trực tuyến, cung cấp tự do truy cập vào tất cả các nội dung web một cách tự do và an toàn. Bảo mật toàn bộ phiên web của bạn và đảm bảo sự riêng tư của bạn trực tuyến, mật khẩu, số thẻ tín dụng, và tất cả các dữ liệu của bạn được bảo đảm bằng Hotspot Shield. Phần mềm chống virus bảo vệ máy tính của bạn, nhưng không phải là hoạt động web của bạn. Download google chrome trình duyêt web nhanh nhất hiện nay.

Đó là lý do tại sao AnchorFree được vui để cung cấp Hotspot Shield. Ứng dụng của chúng tôi giúp kết nối Internet của bạn an toàn, tư nhân, và vô danh.

Bảo mật 100% Thông qua một VPN

Hotspot Shield tạo ra một mạng riêng ảo (VPN) giữa máy tính xách tay hay iPhone của bạn và cổng Internet của chúng tôi. Điều này giúp ngăn chặn snoopers, hacker, ISP, xem các hoạt động trình duyệt web của bạn, tin nhắn tức thời, tải, thông tin thẻ tín dụng hay bất cứ điều gì khác mà bạn gửi qua mạng. Hotspot Shield bảo mật ứng dụng là miễn phí để tải về, sử dụng công nghệ VPN mới nhất, và dễ dàng để cài đặt và sử dụng.

Vì vậy, đi về phía trước - phía sau Shield - Hãy thử Hotspot Shield ngay hôm nay!

Hotspot Shield chạy trên:

·         Windows 7

·         Windows XP

·         Windows Vista

·         Mac OS X (10.5 Leopard)

·         Mac OS X (10.6 Snow Leopard)

·         Mac OS X (10,7 Lion)

Tải về
http://mydati.com//download/hss-win2/DM-338.exe