Thêm hiệu ứng dàn đèn nháy chào đón giáng sinh

Chỉ còn vài ngày nữa là đến Noel rồi, hãy trang trí cho Blog của bạn thêm phần thú vị bằng hiệu ứng dàn đèn nhấp nháp ngay trên Menu nào.

Thêm hiệu ứng dàn đèn vào Blogger

1. Vào Blogger >> Bố cục >> Thêm tiện ích HTML/JavaScript Gadget. và paste đoạn code bên dưới vào

<script language=javascript type=text/javascript>//<![CDATA[
function COT(e,t,n,r){document.write('<div id="cot_tl_fixed">');document.write("<img src="+e+' alt="" border="0"></a>');document.write("</div>")}var Ovr2="";if(typeof document.compatMode!="undefined"&&document.compatMode!="BackCompat"){cot_t1_DOCtp="_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}"}else{cot_t1_DOCtp="_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);_left:expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);}"}if(typeof document.compatMode!="undefined"&&document.compatMode!="BackCompat"){cot_t1_DOCtp2="_top:expression(document.documentElement.scrollTop-20+document.documentElement.clientHeight-this.clientHeight);}"}else{cot_t1_DOCtp2="_top:expression(document.body.scrollTop-20+document.body.clientHeight-this.clientHeight);}"}var cot_tl_bodyCSS="* html {background: fixed;background-repeat: repeat;background-position: left top;}";var cot_tl_fixedCSS="#cot_tl_fixed{position:fixed;";var cot_tl_fixedCSS=cot_tl_fixedCSS+"_position:absolute;";var cot_tl_fixedCSS=cot_tl_fixedCSS+"top:0px;";var cot_tl_fixedCSS=cot_tl_fixedCSS+"left:0px;";var cot_tl_fixedCSS=cot_tl_fixedCSS+"clip:rect(0 100 85 0);";var cot_tl_fixedCSS=cot_tl_fixedCSS+cot_t1_DOCtp;var cot_tl_popCSS="#cot_tl_pop {background-color: transparent;";var cot_tl_popCSS=cot_tl_popCSS+"position:fixed;";var cot_tl_popCSS=cot_tl_popCSS+"_position:absolute;";var cot_tl_popCSS=cot_tl_popCSS+"height:98px;";var cot_tl_popCSS=cot_tl_popCSS+"width: 1920px;";var cot_tl_popCSS=cot_tl_popCSS+"right: 120px;";var cot_tl_popCSS=cot_tl_popCSS+"top: 20px;";var cot_tl_popCSS=cot_tl_popCSS+"overflow: hidden;";var cot_tl_popCSS=cot_tl_popCSS+"visibility: hidden;";var cot_tl_popCSS=cot_tl_popCSS+"z-index: 99999;";var cot_tl_popCSS=cot_tl_popCSS+cot_t1_DOCtp2;document.write('<style type="text/css">'+cot_tl_bodyCSS+cot_tl_fixedCSS+cot_tl_popCSS+"</style>");COT("http://i.imgur.com/1sVQJsi.gif","SC2","none")//]]></script>

Done! Lưu lại và xem thành quả.

[Read More...]

Thêm tiện ích chia sẻ sau bài viết CSS Responsive

Hầu hết bây giờ khi Design Website hay Widget thì Responsive luôn được ưu tiên áp dụng và tiện ích chia sẻ này cũng được sử dụng CSS Responsive không có Javascripts nên tốc độ load cực nhanh và khá mượt mà.

Thêm tiện ích chia sẻ sau bài viết Responsive

1. Vào Blogger> Bảng điều khiển> Template> Nhấp vào chỉnh sửa HTML
2. Tìm kiếm ]]></ b:skin> và dán đoạn mã CSS sau ngay phía trên nó.

/*-- Social Links --*/
.entry-social{
overflow: hidden;
margin-bottom: 20px;
}
.entry-social a{
display: block;
padding-left: 20px;
color: #FFFFFF !important;
font-weight: 300;
font-size:12px;
}
.entry-social div{
float: left;
margin-right: 5px;
width: 95px;
}
.entry-social div a{
background-color: #FF7F1A;
}
.entry-social .delicious{
width: 98px;
margin-right: 0;
}
.entry-social .fb a{
padding: 7px 10px 7px 26px;
background-image: url('http://picoolio.net/images/2013/11/29/fb14.png');
background-repeat: no-repeat;
background-position: 10px center;
}
.entry-social .fb a:hover{
background-color: #324b81;
}
.entry-social .twitter a{
padding: 7px 10px 7px 32px;
background-image: url('http://picoolio.net/images/2013/11/29/twitter14.png');
background-repeat: no-repeat;
background-position: 8px center;
}
.entry-social .twitter a:hover{
background-color: #01A7dE;
}
.entry-social .gplus a{
padding: 7px 10px 7px 32px;
background-image: url('http://picoolio.net/images/2013/11/29/gplus14.png');
background-repeat: no-repeat;
background-position: 10px center;
}
.entry-social .gplus a:hover{
background-color: #BA3227;
}
.entry-social .linkedin a{
padding: 7px 10px 7px 35px;
background-image: url('http://picoolio.net/images/2013/11/29/linkedin14.png');
background-repeat: no-repeat;
background-position: 10px center;
}
.entry-social .linkedin a:hover{
background-color: #136F9B;
}
.entry-social .pinterest a{
padding: 7px 10px 7px 30px;
background-image: url('http://picoolio.net/images/2013/11/29/pinterest14.png');
background-repeat: no-repeat;
background-position: 10px center;
}
.entry-social .pinterest a:hover{
background-color: #B01C23;
}
.entry-social .delicious a{
padding: 7px 10px 7px 32px;
background-image: url('http://picoolio.net/images/2013/11/29/delicious14.png');
background-repeat: no-repeat;
background-position: 10px center;
}
.entry-social .delicious a:hover{
background-color: #2963B8;
}

3. Tìm <data:post.body/> và thêm đoạn code bên dưới vào dưới mã vừa tìm được

<div class="entry-social">
<div class="fb">
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'>Facebook</a>
</div>
<div class="twitter">
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' target='_blank'>Twitter</a>
</div>
<div class="gplus">
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' target='_blank'>Google+</a>
</div>
<div class="linkedin">
<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' target='_blank'>Linkedin</a>
</div>
<div class="pinterest">
<a expr:href="http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' target='_blank'>Pinterest</a>
</div>
<div class="delicious">
<a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank'>Delicious</a>
</div>
</div>
<!-- /entry-social -->

4. Lưu mẫu để xem thành quả

Hy vọng tiện ích này sẻ giúp ích cho các bạn!

[Read More...]

Thêm Ông già Noel cho blog nhân dịp Giáng sinh

Trang trí Blog của bạn vào dịp giáng sinh trở nên bắt mắt sinh động hơn với hiệu ứng ông già noel với đàn tuần lộc chạy ngang qua khá thú vị, độc đáo và không kém phần chuyên nghiệp

Để thêm hiệu ứng Ông già Noel vào blog bạn làm theo cách dưới đây

• 1. Đăng nhập vào Blogger
• 2. Vào "Mẫu"  và chọn "Edit HTML"

Mẫu 1:

Ctrl + F tìm đến thẻ </head>

Chèn đoạn code dưới đây vào trên thẻ </head>

<script type="text/javascript" src="https://laodongblog.googlecode.com/files/code-noel.js" />

Mẫu 2:

Tìm đến thẻ và chèn đoạn mã dưới vào trên

<marquee scrolldelay='100' style='position:fixed; top:0; right:0; z-index:9999; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAVlK6GyUD-irUKZn1ILr9ejPvrsLCrScsLTWmGGTEPmQj7r23Eqy3Q1XPDoIS3IlkwI516MMpwjDL9C3Ja9hzHCvcf1-eSnBdCPyIEpD-dK2Eqa8063Z86fZc1_GA8h8jfc1KUkx_8Js/' /></marquee>

Hy vọng tiện ích đây sẻ giúp cho Blog của bạn thêm sinh động để chào đón một mùa giáng sinh an lành.

Chúc bạn có một mùa giáng sinh ấm áp bên những người mà bạn thân yêu!

[Read More...]

Tiện ích đăng ký nhận bài viết mới dạng popup tắt mở

CSS Box nhận bài viết mới kết hợp với hồ sơ tác giả trên các mạng xã hội dạng popup tắt mở ở cuối trang bài viết hết sức tiện dụng cho blog hay website sẻ giúp các bạn có thêm nhiều độc giả thân thiết đến với website của bạn hơn khi bài viết mới được xuất bản.

Read more »

[Read More...]

Code box đẹp để chèn code vào bài viết dạng HTML

Cách chèn code vào bài viết | Nếu bạn cần chèn đoạn code gì đó vào bài viết trong Blogger/blogspot theo cách thông thường sẻ rất mất thẩm mỹ và khó cho người lấy để sử dụng hoặc có thể xảy ra lỗi gì đây, vì vậy mình giới thiệu tới bạn những code box khá đẹp và phong cách.

Các bước để thực hiện

• 1. Vào bảng điều khiển --> Mẫu -->Chỉnh sữa HTML
• 2. Sử dụng Ctrl + F tìm đến thẻ ]]></b:skin>
• 3. Chọn kiểu mà bạn thích dưới đây và chèn vào bên trên thẻ ]]></b:skin>

Style 1

#BLTextbox1 {
font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;font-weight:normal;font-style:normal;font-size:16px;
padding-left:10px;padding-top:12px;padding-bottom:12px;padding-right:10px; margin-top:15px;margin-bottom:15px;
color:black;background:#77A8E0;
overflow:auto;
width:550px;height:auto;max-height:300px;
border:2px solid #878787;
-moz-transition:all .8s linear ;
-webkit-transition:all .8s linear ;
-o-transition:all .8s linear ;
transition:all .8s linear ;
}
#BLTextbox2 p {width:100%; }
#BLTextbox2:hover {
background:#71A4DF;
border-color:#F1D66B;
-moz-transition:background .4s ease-in 20ms;
-webkit-transition:background .4s ease-in 20ms;
-o-transition:background .4s ease-in 20ms;
transition:background .4s ease-in 20ms;
}

Khi cần chèn vào bài viết bạn sử dụng code dạng sau ở chế độ html trong bài viết

<div id="BLTextbox1">
<p>
code của bạn đặt ở đây....
</p>
</div>

Style 2

#BLTextbox2 {
font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;font-weight:normal;font-style:normal;font-size:15px;
padding-left:10px;padding-top:5px;padding-bottom:5px;padding-right:10px; margin-top:15px;margin-bottom:15px;
color:#626279;background:rgba(230,189,66,0.8);
overflow:auto;
width:550px;height:auto;max-height:300px;
border:2px solid #878787;
filter:alpha(opacity=75%);
-moz-opacity:0.75;-khtml-opacity:0.75;
opacity:0.75;
-moz-transition:all .8s ease ;
-webkit-transition:all .8s ease ;
-o-transition:all .8s ease ;
transition:all .8s ease ;
}
#BLTextbox3 p {width:100%; }
#BLTextbox3:hover {
background:#E9C845;
border-color:#cc2196;
-moz-transition:background .4s ease-in 20ms;
-webkit-transition:background .4s ease-in 20ms;
-o-transition:background .4s ease-in 20ms;
transition:background .4s ease-in 20ms;
}

Sử dụng trong bài viết

<div id="BLTextbox2">
<p>
code của bạn đặt ở đây.......
</p>
</div

Style 3

#BLTextbox3 {
font-family:'Arial Narrow','Nimbus Sans L',sans-serif;
padding-left:10px;padding-top:2px;padding-bottom:4px;padding-right:10px; margin-top:15px;margin-bottom:15px;
color:#212121;background:#CBCAC7;
overflow:auto;
width:550px;height:auto;max-height:300px;
border:2px solid #ACABA7;
border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
-moz-transition:all .8s linear ;
-webkit-transition:all .8s linear ;
-o-transition:all .8s linear ;
transition:all .8s linear ;
}
#BLTextbox4 p {width:100%; }
#BLTextbox4:hover {
background:#BFBFBE;
border-color:#C49782;
-moz-transition:background .4s cubic-bezier 20ms;
-webkit-transition:background .4s cubic-bezier 20ms;
-o-transition:background .4s cubic-bezier 20ms;
transition:background .4s cubic-bezier 20ms;
}

Sử dụng trong bài viết

<div id="BLTextbox3">
<p>
code của bạn đặt ở đây.......
</p>
</div>

Style 4

#BLTextbox4 {
font-family:'Arial Narrow','Nimbus Sans L',sans-serif;
padding-left:12px;padding-top:2px;padding-bottom:4px;padding-right:10px; margin-top:15px;margin-bottom:15px;
color:#555555;background:#ccc;
width:550px;height:auto;max-height:350px;
overflow:auto;
border:2px dotted #59903E;
-moz-opacity:0.75;
-khtml-opacity:0.75;
filter:alpha(opacity=75%);
opacity:0.75;
-moz-transition:all .9s ease-in-out ;
-webkit-transition:all .9s ease-in-out ;
-o-transition:all .9s ease-in-out ;
transition:all .9s ease-in-out ;
}
#BLTextbox11 p {width:100%;}
#BLTextbox11:hover {
background:#ccc;
color:#333;
filter:alpha(opacity=97%);
-moz-opacity:0.97;
-khtml-opacity:0.97;
opacity:0.97;
-moz-transition:all .3s ease-in ;
-webkit-transition:all .3s ease-in ;
-o-transition:all .3s ease-in ;
transition:all .3s ease-in ;
}

Áp dụng vào bài viết

<div id="BLTextbox4">
<p>
Code của bạn ở đây
</p>
</div

[Read More...]

Nhúng File PDF, DOC, XLS, PPT vào trong bài viết Blogger

Mặc dù Blogspot không cung cấp tính năng inbuild để nhúng các tập tin tài liệu vào bài viết, nhưng hôm nay ThuThuatPro.Info sẽ giúp cách để có thể nhúng file tài liệu của bạn dạng file PDF, DOC, XLS, PPT vào trong bài viết bằng cách sử Google Driver.

Read more »

[Read More...]

Thêm lồng cho blog chào đón trung thu

Hiệu ứng đèn lồng giúp trang trí cho blog,website thân yêu của bạn và chào đón trung thu sắp đến, với hiệu ứng đèn lồng chuyển động tuyệt đẹp giúp blog của bạn thêm lung linh và quyến rủ.

Thêm tiện ích đèn lồng vào blog

• Vào Dashboard (Bảng điều khiển) >> Template( Mẫu) >> Edit HTML( Chỉnh Sửa HTML)
• Tìm đến thẻ </body> và thêm đoạn code phía dưới vào trước nó

<div align='center'>
<table border='0' cellpadding='0' cellspacing='0' width='900'>
<tr>
<td height='0' width='900'>
<div style='float:top right; position:absolute; overflow:visible; left:45px; top:0px; height:192px; width:144px z-index: 9999;'><a href="http://www.thuthuatpro.info"></a><object border='0' classid='clsid:D27CDB6E-AE6D-11CF-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0' height='144' id='obj2' width='192'><param name='movie' value='https://sites.google.com/site/thuthuatprosite/thuthuatpro.swf'/><param name='quality' value='High'/><param name='wmode' value='transparent'/><embed height='144' name='obj2' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='High' src='https://sites.google.com/site/thuthuatprosite/thuthuatpro.swf' type='application/x-shockwave-flash' width='192' wmode='transparent'/></object>
</div>
</td>
</tr>
</table>
</div>

Lưu mẫu lại và xem kết quả.

Chúc các bạn đón trung thu vui vẻ!

[Read More...]

Thêm Like Facebook bằng Css cho Website

Ở 2 bài trước mình có giới thiệu về Like Box Facebook bằng Responsive cho Blogger/Blogspot hay website và Popup Like Facebook hẹn giờ tắt cho Blogger/Blogspot cũng khá bắt mắt. Bài này mình xin giới thiệu thêm một dạng Like Box Facebook bằng CSS và HTML5 giúp cho website của bạn tải nhanh hơn so với các dạng khác và tối ưu được SEO.

Để thêm tiện ích này bạn chỉ cần dán đoạn code dưới đây vào bất kỳ vị trí nào bạn muốn hiển thị hoặc nếu là Blogger thì thực hiện giống với 2 bài viết trước.

<div class="facebookOuter">
<div class="facebookInner">
<div class="fb-like-box"
data-width="300" data-height="300"
data-href="http://www.facebook.com/laodongblog"
data-border-color="#FFEAB4" data-show-faces="true"
data-stream="false" data-header="false">
</div>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
​<style>
.facebookOuter {
padding:10px;
border:5px inset ;
border-color:#00FF11;
height:300px;
width:300px; background:#FFEAB4;
transition: background-color .777s;
-webkit-transition: background-color .777s;
-moz-transition: background-color .777s;
-o-transition: background-color .777s;
-ms-transition: background-color .777s;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
}
.facebookInner {
overflow:hidden;
height:300px;
}
.facebookOuter:hover {
background:#FFF1CE;
border-color:#000000;
}​
</style>

Thanks!

[Read More...]

Cách thống kê lượt download cho blogger/Website

Nếu bạn muốn biết được có bao nhiêu người download phần mềm hay bất kỳ thứ gì ở link ngoài trên một trang nào đó thì hãy áp dụng thủ thuật dưới đây.

Dstats là ứng dụng giúp bạn dễ dàng theo dõi tất cả số lượt tải về từ một trang nào đó hay từ một đường Link nào đấy mà bạn add link áp dụng cách dưới.

Bên trong bài viết ở Link Download của bạn chỉ đơn giản hãy áp dụng mã dưới đây. Thay thế "Link-Download-Here" bằng liên kết bạn cho người đọc tải về. Và thay thế "Image-URL-Download" bằng hình ảnh bạn muốn hiển thị.

<a href="http://dstats.net/download/Link-Download-Here"><img src="Image-URL-Download" border="0"/></a>
<p>Downloads:<a href='http://dstats.net/download/Link-Download-Here'></a>
<script type='text/javascript' src='http://dstats.net/dstatsjs.php?file=Link-Download-Here'></script>
<script type='text/javascript'>document.write(dsCounter);</script></p>

Hy vọng thủ thuật nhỏ đây sẻ giúp ích cho các bạn!

[Read More...]

Cách ẩn hiển thị hình ảnh Google Plus trong kết quả tìm kiếm

Bài trước mình đã chỉ cho các bạn cách làm hiển thị ảnh trên hồ sơ của Google + trên kết quả tìm kiếm rồi, và bài này là hoàn toàn ngược lại là làm ẩn ảnh trên kết quả tìm kiếm đi.

Bạn có thể thay đổi cài đặt cấu hình google+ của bạn bất cứ lúc nào để ẩn tiểu sử trên Google Plus Profile từ công cụ tìm kiếm.

Ẩn tiểu sử trên Google + của bạn từ công cụ tìm kiếm

1. Vào Google plus Account settings

2. Trong phần hồ sơ, tìm đến lựa chọn "Help others discover my profile in search results" = "Giúp những người khác khám phá tiểu sử của tôi trong kết quả tìm kiếm"




Sau đó bạn hãy bỏ dấu chọn "Trợ giúp người khác khám phá tiểu sử của tôi trong kết quả tìm kiếm".

Như vậy hồ sơ của bạn sẽ không được tìm kiếm và lập chỉ mục của google và các công cụ tìm kiếm khác.

Lưu ý:

• Nếu có ai có URL hồ sơ của bạn, họ vẫn có thể nhìn thấy hồ sơ của bạn 
• Trang và các nội dung khác (blog và các sản phẩm của Google) liên kết đến hồ sơ của bạn vẫn có thể xuất hiện trong kết quả tìm kiếm.

[Read More...]

Popup Like Facebook hẹn giờ tắt cho Blogger/Blogspot

Đây là dạng Popup like đẹp, dễ thương và cũng thân thiện cho Blogger/Blogspot và cả Website, bạn có thể hẹn thời gian để nó tự động tắt hoặc có thể người dùng sẻ click vào nút để tắt cũng được.

Để thêm tiện ích này bạn chỉ cần vào Layout (Bố Cục) chọn "Thêm Tiện Ích" và chọn thêm "HTML/JAVASCRIP" sau đó dán đoạn code dưới đây vào trong đấy ( Hoặc dán đoạn code dưới vào trước </Body> trong Template
Read more »

[Read More...]

Tool đếm ký tự giúp tối ưu hóa tiêu đề và mô tả

Tool tính ký tự này giúp bạn thuận tiện để bạn biết được đoạn văn của mình được bao nhiêu ký tự, Tool chủ yếu để sử dụng trong việc đếm số ký tự khi bạn thêm vào phần description trong bài viết và số ký tự của tiêu đề.

Tối ưu seo thì bạn nên đặt:

• Page title – 70 ký tự
• Description khoảng 150-160 ký tự

Cách sử dụng

1) Dán đoạn văn bản của cần tính ký tự vào khung dưới
2) Click vào nút "Tính Ký Tự"

© 2013 All Rights Reserved. Tool Tính Ký Tự by www.thuthuatpro.info

[Read More...]

Cách hiển thị hình ảnh Google+ trên kết quả tìm kiếm

Hình ảnh xuất hiện trên kết quả tìm kiếm, đó là một dạng hiển thi quyền tác giả là dạng Rich Snippets của Google.

Tính năng Google Authorship của Google cho phép bạn kết nối các bài viết trên web/blog của bạn sử dụng Google Plus profile.Với tính năng này bạn có thể xác nhận và yêu cầu tác giả cho blog của bạn và cũng cho phép bạn có một hình ảnh trong kết quả tìm kiếm của Google.

Hình ảnh Google+ trên kết quả tìm kiếm bạn sẻ được gì

• Ảnh chụp hiển thị trong kết quả tìm kiếm sẽ dễ được mọi người chú ý hơn và tăng số Click
• Tăng khả năng khả năng hiển thị, nhận diện thương hiệu
• Tăng CTR, độ Trust cho bài viết

Cách để hiển thị hình ảnh trên kết quả tìm kiếm chỉ cần thực hiện các bước đơn giản bên dưới sau:

• Phải có một hình ảnh hồ sơ cá nhân có nhìn rõ mặt
• Hoàn thành Profile trên Google Plus
• Thêm các liên kết của bạn vào trong Profile
• Xác minh bằng Email
• Fix một số lỗi gặp với blogger

Trên là các hướng đi. Giờ bắt tay vào thực hiện thôi

Read more »

[Read More...]

Popup Like bật ra khi kéo thanh cuộn xuống dưới

Thủ thuật này mình cũng chả biết đặt tiêu đề thế nào cho phù hợp nữa, thôi thấy sao diễn tả lại như vậy thôi, hehe. Đơn giản là khi bạn di chuyển thanh cuộn xuống cuối bài viết thì một popup like hiện ra nhu hình dưới thôi.

Để thêm tiện ích này bạn vào  Layout (Bố cục) -> Thêm tiện ích
Sau đó chọn "HTML / Javascript" từ danh sách và thêm đoạn code bên dưới vào

<script src="https://laodongblog.googlecode.com/files/cb.js" type="text/javascript"></script><script type="text/javascript">function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}; r(function(){new ConversionsBox("Enjoy this page? Like us on Facebook!)","http://www.facebook.com/laodongblog");});</script>

• Thay http://www.facebook.com/laodongblog thành Fanpage của bạn
• Enjoy this page? Like us on Facebook!) tùy ý bạn

Thanks!

[Read More...]

Mở tất cả các liên kết trong blogger/blogspot bằng tab mới

Có lẽ bạn đã gặp nhiều blog hay website khi click vào bất kỳ link hoặc bài viết nào...trong đấy thì tự động một tab mới được mởi ra rồi nhỉ, nếu bạn muốn làm như vậy thì hãy thực hiện theo cách dưới đây.

Cách thực hiện cực kỳ đơn giản

Bạn hãy vào "Bố Cục" sau đó vào "Mẫu" ( Blogger dashboard >> Edit HTML) sau đó tìm đến thẻ <head> sau đó chén trước thẻ <head> đoạn mã sau là ok

<base target="_blank"></base>

Hy vọng thủ thuật nhỏ sau sẻ giúp ích cho bạn!

[Read More...]

Cách tăng rank alex hiệu quả và nhanh chóng

Ở giai đoạn đầu khi các bạn lập website hay blog thì vấn đề rank google hay rank alex rất được chú trọng và  tìm mọi cách để tăng chúng một cách nhanh chóng và bài viết dưới đây mình sẽ chia sẻ một số kinh nghiệm và cũng như thủ thuật học được trên mạng giúp cho các bạn tăng rank alex một cách hiệu quả nhất có thể.

Alexa là gì?

Đây là một trang web thuộc sở hữu của Amazon.com. Alexa Rank đơn giản là một tool xếp hạng website dựa vào lưu lượng truy cập của website đó. Chỉ số thứ hạng của mỗi website được Alexa kết hợp đánh giá từ 2 yếu tố là số trang web người dùng xem là : Page Views và số người truy cập website (Traffic).

Tăng thứ hạng Alexa để làm gì?

Đó là bởi vì nó cho thấy uy tín trang web và thống kê lưu lượng truy cập. Nếu bạn sẵn sàng bán vị trí quảng cáo trên blog của bạn thì alexa rank là điều đầu tiên mà các nhà quảng cáo xem. Thì tốt hơn bạn xếp hạng, bạn càng kiếm được từ các chương trình kiếm tiền blog của bạn.

• Chỉ số thứ hạng Alexa của một website cao được hiểu là website đó có đông người truy cập vào
• Trên thị trường thì Alexa Rank có thể được sử dụng để đánh giá giá trị quảng cáo.
• Chỉ số Alexa rank là thước đo ghi nhận thành quả lao động của các webmaster với cộng đồng và là một công cụ rất hữu ích giúp các webmaster quản trị website hiệu quả.

Lời khuyên để cải thiện xếp hạng Alexa

1.) Xuất bản nội dung chất lượng, hàng ngày.

Nội dung là tiêu chí số một để bạn có thể cải thiện chỉ số Alex của mình và cập nhật blog của bạn hàng ngày sẽ đảm bảo rằng bạn nhận được lượng truy cập thực tế vào blog của bạn.

Read more »

[Read More...]

Thêm Like Box Responsive cho Blogger/Blogspot

Bạn có thể thêm vào Blog hay Website của bạn Like Box cực đẹp và HTML5 Responsive

Demo

Thực hiện

• 1. Đăng nhập Blogger
• 2. Trên Bảng điều khiển chọn Giao diện » Thêm một tiện ích » HTML / JavaScript
• 3. Nhập đoạn mã sau vào và lưu lại để xem kết quả

<script type="text/javascript">
document.write('<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Flaodongblog&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23f7f7f7&amp;stream=false&amp;header=false&amp;appId=134154613417459" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;width: 100%;background: transparent;" allowtransparency="true"></iframe>');
</script>

• Thay laodongblog thành tên FanPage của bạn
• "height:258px;width: 100%"  với 258 là chiều cao và 100 là chiều rộng
• f7f7f7 là mã màu
• Bạn có thể thay đổi các thông số trên cho phù hợp với bạn

Good Luck1

[Read More...]

Box đăng ký nhận bài viết mới cho blogger/blogspot

Tiện ích cho độc giả theo dõi nhận bài viêt mới nhất từ các Blogger thực sự quan cho webmaster, và style box theo dõi này khá đơn giản những độc đáo sẻ giúp cho lượng visit tới Blog của bạn được nhiều hơn.

Để thêm tiện ích này vào bạn làm theo các bước dưới đây

1. Vào Layout (Bố Cục) và chọn "thêm tiện ích" và chọn đến thêm "HTML/JavaScript"

Sau đó thêm đoạn code này vào Box

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN4g15u6ndI3E6lfpbLHKQsjg6a4xI6GJ-fc15D54SsD7Gku4i4GC7OF22S1nMTIvduHI9dI_UtkIgoEhUC932z1MMivf-dIHrReLo__R0RkQ-F32MsiFgs8OC_nyHQ2ZqJXn02FsV7AU/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=thuthuatproinfo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="thuthuatpro.info" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Cài đặt theo ý bạn

• Trong đoạn code này http://feedburner.google.com/fb/a/mailverify?uri=thuthuatproinfo bạn cần thay thế thuthuatproinfo bằng nguồn cấp dữ liệu Feedburner mà bạn đã đăng ký.
• Tăng / Giảm 130 tùy theo ý bạn là chiều rộng của box này
• Thay thuthuatproinfo thành tiêu đề mà bạn muốn

Lưu mẫu là ok

[Read More...]

Cách tính backlink và cách tăng PageRank

Tuy trong thời gian gần đây chỉ số PageRank của Google có nhiều xáo trộn và nhiều lời đồn đại là PR giờ không quan trọng nữa chả biết đúng sai thế nào nhưng theo mình Google PageRank vẫn là một trong những tiêu chí đầu tiên để các webmasters và Google bots đánh giá chất lượng của một website.

1. Tăng PageRank tối đa được bao nhiêu nếu có 1 backlink chất lượng?

Tất nhiên là việc tăng PageRank lên được bao nhiêu còn tùy thuộc vào PageRank cũ của bạn trước đó. Việc tạo được 1 backlink có chất lượng thì website của bạn có thể đạt được tối đa như bảng sau:

Ví dụ: hiện tại PageRank của bạn đang là 0 (cột ngoài cùng bên trái), nếu có 1 backlink từ site có PageRank 10 thì trang của bạn có thể tăng PageRank lên tối đa là 7. Tuy nhiên nếu trang của bạn đang có PageRank là 4 thì kể cả bạn có tạo được backlink từ 1 trang có PageRank 6 cũng là vô nghĩa vì nó sẽ không giúp bạn tăng PageRank

2. Để tăng PageRank tôi cần bao nhiêu backlink để tăng 1 bậc?

Theo như bảng 2, ví dụ trang của bạn đang có PageRank là 2 nếu muốn tăng PageRank lên 3 thì cần 3125 backlinks từ website có PageRank 0, hoặc 625 backlinks từ website có PageRank 1, hoặc 5 backlink từ website có PageRank 3…

3. Tăng PageRank từ N/A lên PageRank từ các website có PageRank N/A, 0, 1?

Nếu bạn có tham vọng làm việc này thì quả là đáng khâm phục, chắc thời gian để bạn build backlink tương đương với thời gian Đường Tăng sang Tây Trúc thỉnh kinh. Các bạn có thể tham khảo bảng sau:

Như vậy nếu bạn muốn tăng PageRank từ N/A lên PageRank 8 với các backlinks cũng từ các site có PageRank giống mình (N/A) thì cần cỡ…12,207,000 backlinks @@. Các con số trên cũng chỉ mang tính tham khảo dựa trên kinh nghiệm của tác giả, có thể nó không được chính xác một cách tuyệt đối nhưng các bạn có thể dựa vào đó để có những tính toán cho riêng mình.

Những cách tăng Pagerank dễ dàng mà hiệu quả

Cách 1: Tìm tất cả các nguồn thấy đâu đặt là spam ở đó. Cách này tốt nhưng PR không cao và khó kiểm soát chất lượng PR. Thường kiểu này áp dụng cho spam link

Cách 2: Bạn sẽ tìm những site có chất lượng cao. Mặc dù site có chất lượng cao như vậy, bạn nên tìm trang blog hay forum có PR cao bất kể là nofollow hoặc follow. Tuy cách này hơi khó khăn đối với bạn khi tìm ra những trang như vậy. Đặc biệt bạn nên chú ý nếu follow thì càng tốt, các nguồn này bạn nên tìm ở những trang diễn đàn, blog kỹ thuật nước ngoài để link.

Cách 3: PR có được nhờ việc trao đổi link, cách này nhanh gọn nhất để website bạn có PR cao. Ưu điểm là bạn luôn có những site chất lượng cao nhưng bạn phải có mối quan hệ rộng trên cộng đồng mạng của bạn.

Cách 4: Bạn cũng có PR từ hệ thống site của bạn đã có sẵn. PR làm bằng cách này rất dễ kiểm soát khống chế trong việc phân phối PR

Qua các cách trên đó là những cách mình học hỏi còn mình khi làm SEO có PR hiện tại đều có chiến lược quốc sách rõ ràng. Hiện tại các công ty đang làm cách này với các website lớn như 24h.com.vn, vnexpress.net, timviecnhanh .v.v…

Lời cuối

PAGERANK là 1 hệ thống thông minh và phức tạp mà bạn không thể dễ dàng đánh lừa. Việc cố ý dùng những thủ thuật xấu nhằm tăng Pagerank có thể khiến website bị Google đưa vào blacklist và không được xếp hạng Pagerank, thậm chí không được index trên Google. Chúc các bạn đạt được Pagerank mà mình mong muốn.

Nguồn : Sưu Tầm Trên Internet iSEOHIT.

***** Hiện mình chỉ là Newbie thấy bài viết hay nên Post lên khi cần đọc lại tham khảo để học hỏi thôi chứ trình độ SEO còn quá kém :)). Hiện mình đang quan tâm mục 3 ở trên Pro nào vô tình ghé qua thì chỉ giúp nhé*****

[Read More...]

Công cụ kiểm tra thuộc tính Link Nofollow hay Dofollow

Công cụ dưới đây sẻ cho bạn biết link nào là link dofollow hay nofollow để gúp bạn thuật tiện hơn khi SEO

2 công cụ khá tiện dụng cho bạn biết link dofollow hay nofollow khi sử dụng trên trình duyệt Chrome và FireFox

Đối với trình duyệt Chrome: Bạn có thể thêm addon này ở đây:

https://chrome.google.com/webstore/detail/apkcjkicpemmmakhhpbglcdlgphcjpae

Nếu đường link trên site là màu xanh thì đó là link dofollow còn nếu là đường link chứa bao màu đỏ là link nofollow 

Đối với trình duyệt Firefox: Bạn có thể thêm addon này ở đây: https://addons.mozilla.org/vi/firefox/addon/nodofollow/

Link Nofollow

[Read More...]