Jun 27, 2011

Tạo sitemap phong cách cho blogger

sitemap
Như chúng ta đã biết và đã thực hiện, hầu như sitemap nào cũng khá rắc rối và làm rất nặng, gây khó khăn cho khách cũng như cho bác google, yahoo,bing ghé thăm.Nay Yolks xin ra mắt 1 sitemap đạng cột rất độc đáo.Thủ thuật sẽ được bắt đầu....




Lưu ý: Yolks sử dụng js của  Abu-Farhan’s để tạo sitemap này :D

Bắt đầu nhé:
1.Tạo 1 sitemap trước:
Chúng ta vào mục Đăng bài --->Chỉnh sửa trang vào tạo 1 sitemap.
2.Tạo sitemap trong temp blogger:
Tìm:
</body>
và add sau nó đoạn code trên
</b:if >
Tiếp tục tìm thẻ
</head>
Sau đó thay thế nó thành đoạn code trên:

<b:if cond='data:blog.url == &quot;http://www.vngreenzone.com/p/sitemap.html&quot;'>
<style>
body{
margin:0;
padding:0;
background:#f1f1f1;
font:70% Arial, Helvetica, sans-serif;
color:#555;
line-height:150%;
text-align:left;
}
#container{
margin:20px auto;
width:680px;
background:#fff;
padding-bottom:20px;
border-left:1px solid #bebebe;
border-right:1px solid #bebebe;
}
#content{
margin:0 20px;
}
h1 {
background:none repeat scroll 0 0 #DDDDDD;
font-family:sans-serif;
font-size:27px;
font-style:italic;
font-weight:lighter;
text-align:center;
text-shadow:1px 0 0 #FFFFFF;
margin:0px;
}
p{
margin-bottom:18px;
font-style:italic;
font-family:Georgia, Times, serif;
font-size:24px;
color:#bfe1f1;
padding:0;
}
a {
text-decoration:none;
}
ul {
margin:0px;
padding:0px;
}
ul li {
border-left:1px solid #000000;
color:#BEBEBE;
font-family:Arial;
font-size:13px;
font-style:italic;
list-style:decimal inside url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCewCAktkndLWlYiBfpK-TGTadD0NhyphenhyphenUqWGK4c3wcqKPPhjZkLniuogvMTzRvrq9v_mheXRaxEqyBxMy7eI83oqUbwJn6koK37jCRy25_EZX48XwllslQ0DqVsiNOyX4Sh4U32fS7iqW_b/&quot;);
margin:0 0 0 15px;
padding:8px 8px 8px 0;
}
li a{
text-decoration:none;
color:#057fac;
display:block;
margin-top:-12px;
padding:0 0 0 30px;
}
li a:hover{
text-decoration:none;
color:#999;
}
</style>
<!--[if IE 6]>
<style>
li a{
display:inline-block;
padding:0 0 0 5px;
margin-top:-10px;
}
</style>
<![endif]-->
</b:if>
</head>
<b:if cond='data:blog.url == &quot;http://www.vngreenzone.com/p/sitemap.html&quot;'>
<body>
<div id='container'>
<h1>Sitemap vngreenzone</h1>
<div id='content'>
<script src='http://fanyolks.appspot.com/js/sitemap.js' style='text/javascript'/>
<script src='http://www.vngreenzone.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc'/>
</div>
</div>
</body>
<b:else/>
3.Thay link và Save temp

Jun 25, 2011

Recent comment đơn giản

recent comment
Hôm nay, theo ý kiến của mèoblog mình xin hướng dẫn thủ thuật này cho các bạn blogger, 1 thủ thuật sử dụng feed comments của blogger để thực hiện, và phải nói tuy nó đơn giản nhưng lại nhẹ nhàng và chau chuốt khi các bạn đang muốn giảm tối thiểu các js để tăng nhẹ blog thì đây là 1 thủ thuật rất giá trị








Cách thực hiện rất đơn giản:
1/Vào mục thiết kế >>>> Add tiện ích >>>>
Tìm đến tiện ích như hình trên
2/Thiết lập nguồn cấp:
Chúng ta hãy add feed trên vào mục nguồn cấp:
http://ten web.blogspot.com/feeds/comments/default
Như hình trên
3/Thiết lập thông số :
Ảnh minh họa
Tiêu đề: tùy bạn đặt
Hiển thị : 5 là tiêu chuẩn rồi
Các bạn check vào các mục như trong hình nhé.
4/Trang trí
#Feed1 ul li{overflow:hidden;background:transparent url(http://ca9.upanh.com/17.452.21835049.pfi0/uiradiobutton.png) 0 7px no-repeat;padding-left:20px}
Đây là 1 thủ thuật đơn giản nhất rồi đó. Chúc các bạn thành công, demo tại blog yolks

Jun 14, 2011

Tạo 1 Search Form bằng css cho blogger

search form cho blogger
Trong 1 blog, khung tìm kiếm là 1 phần quan trọng để khách có thể tìm kiếm 1 bài viết mình thích hoặc 1 bài viết không dễ dàng tìm thấy.Nhưng có vẻ khung tìm kiếm lại nhiều người gạc bỏ qua 1 bên chẳng thèm nhìn tới nữa, lại 1 sai lầm không đáng có cho blog ấy,còn nếu chúng ta add nó vào blog sự việc lại trở nên dễ dàng, và có 1 lượng khách ổn định không tăng không giảm.


Trước tiên chúng ta cần tìm hiểu nó để có thể dễ dàng sử dụng.
Có thể nói Search Form là 1 thứ dễ dàng tạo ra trong blog, nhưng nó không được bắt mắt và đẹp, để có thể ngay ấn tượng với khách viết thăm chúng ta cần phải có gì đó làm cho khách phải ngạc nhiên.Hôm nay Yolks giới thiệu Search Form chỉ cần 1 hình ảnh và chút css là chúng ta có thể làm được ^^.
Với sự chỉnh sửa này Yolks quyết định không dùng hình ảnh nhiều mà ngược lại nên sử dụng thẻ <button>
,và tạo css để làm nền cho khung tìm kiếm . Chúng ta hãy làm thử nhé.
Demo chính là blog này ^^

Bước 1: Thêm css

Đầu tiên chúng ta vào phần chỉnh sửa html
 Sau đó tìm :
]]></b:skin>
rồi copy đoạn code sau đây vào trước nó:
fieldset.search{border:none;width:243px;margin:0 auto;background:#fff}.search input,.search button{border:none;float:left}.search input.box{color:#fff;font-size:1.2em;width:190px;height:30px;padding:8px 5px 0;background:#616161 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglDafWqPS4TfemVXnTC86VsiI_BJYKUlaadcqmpewoLcCrg4dy0MyL4RKyObPE9HjUS09qAScqeHMFD3thQ_95Tsjygh7BHCHU4LqBA7BYvk9UR7Aoww8Sd0fDghC7qahhBuY2_BMrO3A/s1600/search_bg.gif) no-repeat;margin-right:5px}.search input.box:focus{background:#616161 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglDafWqPS4TfemVXnTC86VsiI_BJYKUlaadcqmpewoLcCrg4dy0MyL4RKyObPE9HjUS09qAScqeHMFD3thQ_95Tsjygh7BHCHU4LqBA7BYvk9UR7Aoww8Sd0fDghC7qahhBuY2_BMrO3A/s1600/search_bg.gif) no-repeat left -38px;outline:none}.search button.btn{width:38px;height:38px;cursor:pointer;text-indent:-9999px;background:#fbc900 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglDafWqPS4TfemVXnTC86VsiI_BJYKUlaadcqmpewoLcCrg4dy0MyL4RKyObPE9HjUS09qAScqeHMFD3thQ_95Tsjygh7BHCHU4LqBA7BYvk9UR7Aoww8Sd0fDghC7qahhBuY2_BMrO3A/s1600/search_bg.gif) no-repeat top right}.search button.btn:hover{background:#fbc900 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglDafWqPS4TfemVXnTC86VsiI_BJYKUlaadcqmpewoLcCrg4dy0MyL4RKyObPE9HjUS09qAScqeHMFD3thQ_95Tsjygh7BHCHU4LqBA7BYvk9UR7Aoww8Sd0fDghC7qahhBuY2_BMrO3A/s1600/search_bg.gif) no-repeat bottom right}
Đề nghị không nên chỉnh độ rông, có thể nó sẽ rất khó chịu,mình canh thế là chuẩn rồi.Đoạn mã màu được bôi đậm ý nghĩa là; nếu như blog bạn màu đen thì chuyển #fff qua thành #000 chẳng hạn.Nói chung để ở đâu nên đặt mã màu cho trùng hợp với temp của bạn

Bước 2: Add code

Tiếp tục trong temp chúng ta tìm:
<div id='sidebar-wrapper'>
Add đoạn sau đây vào trước nó:
<form action='/search' id='searchform' method='get'>
<fieldset class='search'>
<input class='box' id='s' name='q' type='text' value=''/>
<button class='btn' title='Submit Search'>Tìm kiếm</button>
</fieldset>
</form>
Ngoài ra chúng ta có thể tạo 1 tiện ích html để add code trên vào nơi nào cũng được
Lưu ý: Chúng ta sẽ bị lỗi ở ie nên chúng ta nên add thêm code sau vào 1 file .css riêng trên host:
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
Trong file .css chúng ta add đoạn code sau:
.search input.box {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8bCEcDHatqPsVxAREBGJ99E0kYxJ7lfvYons0r95sfQnZAzfdz12kAqp20VlDAK5Aci-srDuBc1eeBILganIDzTgSf9mbzGJL_Jy8njupwKpviTl00eHMdbsWXgItYyZZfshR4byBb-U/s1600/search_bg_ie.gif) no-repeat right bottom;
}
Chúng ta có thể yên tâm rồi vì khi cài máy sẽ tự nâng cấp lên ie8 thôi ^^ code trên sẽ hỗ trợ cho ie 6+7

Automatic Image Slider với CSS & jQuery cho blogger

images slider
Khi chúng ta bước vào blogger, chúng ta đều thấy trong temp của chúng ta hầu như đều có tiện ích Slidershow 1 tiện ích cho phép hiển thị ảnh 1 cách phong phú, bất ngờ và đầy sáng tạo được biết đến với 1 tên gọi khá hay "Automatic Image Slider"







Tìm hiểu thành phần

 Đây là 1 Slider của Sohtanaka được viết cho anh chàng "WP" kẻ thù không đội trời chung với yolks nay sẽ được chuyển thể qua blogger nhà ta vì tính chuyên nghiệp của slider này
Chúng ta sẽ bắt đầu tìm hiểu từng phần để dễ dàng tùy biến cũng như việc chỉnh sửa sau này:
Việc đầu tiên chúng ta gọi 1 thẻ là <div class="container"> trong đó nó bao gồm những thành phần sau.
<div class="main_view">là nơi trình chiếu ảnh bao gồm 2 thành phần nhỏ khác đó là  <div class="window"> là khung màn ảnh trình chiếu và <div class="image_reel"> là nơi chứa các ảnh sẽ hiển thị và <div class="paging"> là phân trang có chứa những nút ẩn chuyển đổi bức ảnh khác chúng ta có thể hiểu rõ hơn bằng cách xem hình dưới đây:

Thực hành về css

Bây giờ chúng ta sẽ thực hiện theo những gì viết ở trên:
Đầu tiên chúng ta vào phần chỉnh sửa html
 Sau đó tìm :
]]></b:skin>
rồi copy đoạn code sau đây vào trước nó:
/*--Main Container--*/
.main_view {
float: left;
position: relative;
}
/*--Window/Masking Styles--*/
.window {
height:286px; width: 790px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
position: absolute;
bottom: 40px; right: -7px;
width: 178px; height:47px;
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
line-height: 40px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9r_b1HDij0HHFYcjFV0bqCDNwko3TF3zDjfurm60m36e2eFcUE6eO_XVSshreroP0mVFTGRQxyAC7pnveoT35q5YNu1FTQP9XT40BOkVtuT9ehpQxSsqgZoG6iIBLwDlGK0AcarwdA-x/s1600/paging_bg2.png) no-repeat;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
padding: 5px;
text-decoration: none;
color: #fff;
}
.paging a.active {
font-weight: bold;
background: #920000;
border: 1px solid #610000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
trong code yolks đã bôi đậm 2 đoạn code cần chỉnh sửa cho bạn, chúng ta hãy chỉnh thông số cho phù hợp với blog bạn nhé

Tìm hiểu js và thực hành

Trước tiên chúng ta nên tìm thẻ
</head>
và add đoạn mã js này trước nó:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js' type='text/javascript'/>
Sau đó lại tạo thêm 1 js nữa lần này là js truy vấn slider chúng ta sẽ chèn dưới đoạn code trên:
<script type='text/javascript'>
$(document).ready(function() {
//Nơi bạn đặt code js vào
});
</script>
Sau đó chúng ta hãy lần lượt bỏ code vào theo thứ tự
Đoạn code thứ nhất sẽ giúp cho chúng ta hiển thị các đoạn phân trang và liên kết đầu tiên.Sau đó sẽ tự tính toán và điều chỉnh độ rộng các ảnh bạn sẽ add vào slider
//Show the paging and activate its first link
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of the image, how many images there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});
Đoạn mã kế sẽ giúp chúng ta chỉnh sửa được thời gian truy vấn 1 ảnh là bao lâu
//Paging and Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );

};

//Rotation and Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
$active = $('.paging a.active').next(); //Move to the next paging
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (7 seconds)
};

rotateSwitch(); //Run function on launch
Đoạn code trên sẽ hiển thị 1 bức ảnh với 7 giây, các bạn hãy chỉnh chỗ bôi đậm ở trên 7000:là 7s nhé ^^

Đoạn cuối cùng chúng ta sẽ giúp cho khách đỡ mất thời gian hơn nếu như đợi 7s như trên thì thay vào đó người xem sẽ tự chuyển qua ảnh khác nhờ code sau:
//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation timer
});

//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation timer
return false; //Prevent browser jump to link anchor
});
Sau khi đã add theo thứ tự chúng ta sẽ có được đoạn code hoàn chỉnh như sau
<script type="text/javascript">

$(document).ready(function() {

//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});

//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );

};

//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $('.paging a.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};

rotateSwitch(); //Run function on launch

//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});

//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});

});
</script>
Chèn vào sau đoạn khi nãy đó là đoạn
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js' type='text/javascript'/>
Chúng ta save template lại và qua phần tử trang để add thêm tiện ích >>> chọn Html/Javascript
Sau đó chúng ta Copy and Paste đoạn code sau vào:
<div class="main_view">
<div class="window">
<div class="image_reel">
<a href="#"><img src="reel_1.jpg" alt="" /></a>
<a href="#"><img src="reel_2.jpg" alt="" /></a>
<a href="#"><img src="reel_3.jpg" alt="" /></a>
<a href="#"><img src="reel_4.jpg" alt="" /></a>
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a>
<a href="#" rel="2">2</a>
<a href="#" rel="3">3</a>
<a href="#" rel="4">4</a>
</div>
</div>
Nếu như chúng ta muốn thêm ảnh chúng ta hãy làm như sau:
thêm đoạn code sau đây:
<a href="#"><img src="reel_5.jpg" alt="" /></a>
vào sau đoạn code
<a href="#"><img src="reel_4.jpg" alt="" /></a>
và thêm đoạn code sau đây:
<a href="#" rel="5">5</a>
vàp sau đoạn code
<a href="#" rel="4">4</a>
Các bạn nhớ 2 việc làm trên phải làm song song nhé
Chúc các bạn test thành công

Jun 9, 2011

Tăng traffic cùng vngreenzone, tại sao không???

seo for blogspot

Như các bạn đã biết, Seo thể hiện tầm quan trọng trong 1 blogger như thế nào, nó có tầm ảnh hưởng lớn đối với đứa con tinh thần của bạn, làm tăng thứ hạng của bạn , và bạn có thể kiếm tiền từ thứ hạng đó. Vậy hôm nay chúng ta cần biết gì???





1.Backlink là gì ?

Back-link đơn thuần là một link từ site khác tới site của bạn. Tạo ra 1 back-link là công việc đơn giản nhưng bạn không chỉ cần 1 mà là hàng nghìn back-link và thêm nhiều link mới mỗi tháng. Tạo ra 1 back-link chỉ cần vài phút nhưng tạo ra hàng trăm hàng nghìn link mất rất nhiều thời gian và công sức.
Back-link là một phần tất yếu trong thế giới SEO. Nếu bạn muốn site của bạn đứng trong top của các công cụ tìm kiếm thì site của bạn phải có rank cao. Muốn có rank cao, bạn sẽ cần tạo rất rất nhiều back-link. Công việc này đòi hỏi rất nhiều thời gian và công sức nhưng kết quả thu được rất đáng giá với những gì bạn bỏ ra. Cứ mỗi giây Google nhận được 3,000 truy vấn search hay 180,000 mỗi phút. Nếu bạn muốn có mặt thậm chí là xếp cao trong danh sách kết quả tìm kiếm này, bạn cần phải chăm chỉ và khôn ngoan.
Back-link đơn thuần là một link từ site khác tới site của bạn. Tạo ra 1 back-link là công việc đơn giản nhưng bạn không chỉ cần 1 mà là hàng nghìn back-link và thêm nhiều link mới mỗi tháng. Tạo ra 1 back-link chỉ cần vài phút nhưng tạo ra hàng trăm hàng nghìn link mất rất nhiều thời gian và công sức.

2.Search Engine ???

Nếu bạn mới lập blog, chưa ai biết đến blog của bạn thì cách tốt nhất để mọi người biết đến mình là đăng ký blog trên các công cụ tìm kiếm. Việc đăng ký blog hay website trên các công cụ tìm kiếm mất khá nhiều thời gian bởi số lượng các công cụ tìm kiếm không phải nhỏ. Hôm nay mình xin giới thiệu với các bạn một trang web giúp bạn đăng ký blog hay website trên 130 công cụ tìm kiếm chỉ với 1 cái click chuột.

Dài dòng vậy là đủ rồi chúng ta vào chú đề chính đây có nhiều người vì 2 mục trên mà chạy khắp tất cả trang web để làm nhưng hầu như là không thành công. Hôm nay yolks giới thiệu 1 trang web làm được tất cả , tăng đủ thứ như traffic,seo,backlink cho blog bạn
Đó chính là http://www.submitprowith.us/



  1. Mục đầu là tạo cho bạn 500 backlink trong nháy mắt ^^
  2. Mục 2 là gửi trang website lên 130 công cụ tìm kiếm chỉ với 1 cái click chuột
  3. Mục 3 là tính phí , tốt nhất chúng ta xài free cũng khá hiệu quả

Ngoài ra chúng ta còn có 1 trang web mà được các anh em blogspot tinh dùng
Đó chính là autosuft

1. Autosurf là gì?
Mình không dịch nó sang tiếng việt mà giải thích nghĩa đơn giản như sau: từ này dùng để chỉ việc xem các website một cách tự động. Chỉ cần bạn mở trình duyệt lên surf là lần lượt các trang web sẽ hiển thị lên trong một thời gian nhất định để bạn xem, hết trang này đến trang khác.
2. Tại sao Autosurf giúp bạn tăng traffic?
Khi bạn surf tự động thì người khác cũng làm như bạn, và như vậy bạn sẽ xem trang web của các thành viên khác và các thành viên khác thì xem web của bạn, điều đó sẽ giúp bạn tăng traffic một cách nhanh chóng.
                                                                                            ( Trích ruabien )
Còn đây là nguyên tắc thực hiện của autosuft.vn

Càng đông thành viên - Traffic càng chất !!!
Nguyên tắc hoạt động của AutoHits.vn thật đơn giản. Bạn xem các website của các Thành viên khác trong AutoHits.vn và ngược lại các thành viên đó sẽ xem Website của bạn. Hàng vạn thành viên xem Website của nhau cũng có nghĩa là có rất nhiều người truy cập vào website của bạn. (Truy cập này là bắt buộc và hoàn toàn tự động) Chính vì vậy hiệu suất cũng như hiệu quả đạt được rất cao.

Đăng ký tài khoản đơn giản và miễn phí. Nếu bạn muốn có nhiều truy cập đến Website của mình bạn hãy đăng nhập vào bảng điều khiển và bấm vào “Lướt Ngay” để kiếm Hits mà không sợ ảnh hưởng đến công việc bạn đang làm. Bạn cũng có thể kiếm Hits bằng cách lấy mã quảng cáo Banner hoặc mã quảng cáo Text của AutoHits.vn đặt lên website của mình.
Nếu các bạn không tin chúng ta có thể xem demo thử

Tỷ lệ thụ hưởng: 3:2

Thời gian cho mỗi lượt hiển thị website: 30 giây

Chế độ: Lướt web tự động
Chạy thử Auto Surf !
Bước 1: Đăng kí
Bước 2:check mail và đổi pass hầu như cho pass là vd 778952 thật là khó nhớ
Bước 3: Add website của bạn trong bảng điều khiển
Bước 4: bấm suft now và treo auto
Bước 5: Rung đùi vuốt râu ngồi tăng traffic

Ngoài ra vngreenzone sẽ tạo 1 bloglist vào thời gian sớm nhất ^^ bloglist này sẽ trỏ link về blog các bạn , và không đề nghị các bạn add lại liên kết của mình , nếu add lại thì càng tốt , chức năng sẽ ra nay mai , mong các bạn đón xem ^^
Cám ơn các bạn đã quan tâm và theo dõi

Jun 7, 2011

Blogger đã thay đổi toàn diện ???

blogger

Blogger updating
Như các bạn đã mong đợi blogger hôm nay đã chính thức hoạt động.Với giao diện nhẹ nhàng chau chuốt 1 cách tỉ mỉ, quả là 1 teammate nổi cộm với trình độ lập trình rất cao. Tuy nhiều bạn giới thiệu nhưng mình vẫn viết lại để như 1 lời cảm ơn từ VGZ đến blogger thân yêu.








1.Về giao diện

Ôi giao diện thì tuyệt đẹp không nói nên lời luôn.

trang chủ
Giao diện trang chủ
Giao diện chỉnh sửa
Giao diện chỉnh sửa


tools
Thanh chức năng đầy đủ


2.Về sự chuyên nghiệp

Từ cái "TÍNH NĂNG DYNAMIC VIEWS" chưa đỗi bàng hoàng thì lại có thêm 1 cái blogger mới nữa chứ phải nó là Yolks rất thích và mong blogger ráng thăng cấp để có thể đánh bại được 1 đối thủ truyền kiếp đó là WP , joomla , bo-blog ^^
Dynamic views
Hình minh họa
Ngoài ra, phiên bản mới này còn có nhiều tính năng khác như:
Xem số lượng truy cập bài viết và số lượng comment 1 cách dễ dàng
Sắp có chức năng doanh thu cho các bạn được nâng cấp từ tab " Kiếm tiền" Cũ
Chào các bạn , sẽ cập nhật những thứ khác trong thời gian sớm nhất

Lưu ý:

Khi xài bản thử nghiệm chúng ta sẽ bị mất chức năng là chỉnh sửa html và đây là cách gỡ rối cho các bạn xài 2 phiên bản cho 1 blog không cần thay đổi tên miền http://draft.blogger.com/ thành http://blogger.com/

Bước 1:

Chúng ta vào tab doanh thu: Như hình dưới
Doanh thu
Ảnh hướng dẫn

Bước 2:

Chúng ta sẽ thu được kết quả sau:
Design
Tab kiếm tiền cũ
Chúng ta chỉ việc theo hướng mũi tên bấm vào chữ thiết kế và làm như thường lệ . Chúc bác Ngân làm thành công ^^

Jun 2, 2011

Tạo float icon cho website/blog

Ảnh minh họa
Đây là bài viết của bạn Hư trúc , viết cho WP , nay Yolks xin mượn lại bài này để giúp chuyển hóa qua blogger ^^ . Đây là 1 dạng icon trôi nổi chạy khắp trang blog cùng bạn đó.









1.Chèn jquery:

Nếu đã có rồi thì thôi còn chưa có thì add cái dòng này vào trước thẻ </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js' type='text/javascript'/>
2.Code html:
<div id='slidemenu'>
<ul><li><a class='sm-support' href='ymsgr:sendim?the_paddy_field' target='_blank'>Hỗ trợ trực tuyến</a></li>
<li><a class='sm-faq' href='http://vngreenzone.blogspot.com/2011/05/ban-hoi-toi-ap.html' target='_blank'>hỏi đáp</a></li>
<li><a class='sm-contact' href='http://vngreenzone.blogspot.com/p/contact.html' target='_blank'>liên hệ</a></li></ul>
</div>
Yolks thì yolks chèn nó sau
<div id='main-wrapper'>

  1. Thay the_paddy_field bằng nick yahoo của bạn
  2. Thay tất cả link web của yolks thành link của bạn

3A.Chèn css cách 1:

#slidemenu{position:fixed;bottom:10px;left:10px;}
#slidemenu,#slidemenu ul{margin:0;padding:0;text-align:left;}
#slidemenu li{list-style:none;}
#slidemenu a{display:block;width:40px;height:40px;margin:5px 0 0;text-indent:-500em}
#slidemenu a.sm-support{background: url(link-hinh-anh-cho-icon-support) no-repeat;}
#slidemenu a.sm-faq{background: url(link-hinh-anh-cho-icon-hoi-dap) no-repeat;}
#slidemenu a.sm-contact{background: url(link-hinh-anh-cho-icon-lien-he) no-repeat;}

Bạn cần cập nhật lại link hình ảnh cho phù hợp. Hình ảnh nên có kick thước 180×40 (icon có kích thước 40×40).


3B.Chèn css cách 2

#slidemenu{position:fixed;middle:35px;left:90px}
#slidemenu,#slidemenu ul{margin:0;padding:0;text-align:left}
#slidemenu li{list-style:none}
#slidemenu a{display:block;width:40px;height:40px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj62h0lxbaoww7zFkF-Y9V46u0xOD654KPhtniOrB9HEL0TW2CpnDewESkR3qGjUJxKYQg6d5GJqFpoxbQr_dqEtsIHwD6vYEX14pJVmKI-Ia_qVcv57QdHjwy_BmJrE5iW6rKWg1LPT20/s1600/sprite2.png) no-repeat 0 -200px;margin:5px 0 0;text-indent:-500em}
#slidemenu a.sm-support{background-position:0 0}
#slidemenu a.sm-faq{background-position:0 -41px}
#slidemenu a.sm-contact{background-position:0 -82px}

  • Lưu ý : chỉ sử dung 1 trong 2 cách
  • Thay https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj62h0lxbaoww7zFkF-Y9V46u0xOD654KPhtniOrB9HEL0TW2CpnDewESkR3qGjUJxKYQg6d5GJqFpoxbQr_dqEtsIHwD6vYEX14pJVmKI-Ia_qVcv57QdHjwy_BmJrE5iW6rKWg1LPT20/s1600/sprite2.png cái ảnh này thành ảnh của bạn sau khi chỉnh sửa( css cách 2 sẽ giúp đỡ mất thời gian hơn)
  • Thay đổi thông số: left:90px thành của bạn tại vì blog yolks canh cho nó sát phần bài viết

4.Thêm jquery

Tìm:
</body>
copy đoạn mã này vào trước nó

<script type="text/javascript">
var $slidemenu = $("#slidemenu");
jQuery(window).load(function(){
$("#slidemenu a").hover(function() {
$(this).stop().animate({'width':'180px'}, 250);
}, function() {
$(this).stop().animate({'width':'40px'}, 250);
});

var $sml = $("#wrap").position().left;
if ($sml > 50) {
$sml1=$sml-50;
$("#slidemenu").css({'left': $sml1 + "px"});
}
});
$(window).resize(function() {
$sml = $("#wrap").position().left;
if ($sml > 50) {
$sml1=$sml-50;
$("#slidemenu").css({'left': $sml1 + "px"});
} else {
$("#slidemenu").removeAttr("style");
}
});;
</script>

Bạn thay "#wrap" ở trên bằng id name hoặc class name mà bạn muốn vị trí các icon canh theo.Cái này hư trúc không biết thì các bạn thử canh xem sao. nếu có gì mới mẻ báo ngay cho yolks

Để trở thành 1 blogger chuyên nghiệp

Blogger chuyên nghiệp
Như các bài viết trước , blogger chuyên nghiệp có thể nó là rất khó đối với chúng ta. Quãng đường cuối luôn luôn khó hơn , chứng ngại vật nhiều hơn rất nhiều, vậy chúng ta hãy cố gắng hết sức để trở thành 1 blogger mà ai cũng muốn yêu thích, mơ ước nhé.






"Có công mài sắt có ngày nên kim" chúng ta sẽ nhớ câu này và mãi mãi nhớ đến nó , không những thế chúng ta phải nhớ là có 2 chữ " Tịnh Tâm" vậy 2 câu trên ý nói gì ở mục thứ nhất ?

1.Sự chuyên nhiệp:

Sự chuyên nghiệp ở đây thể hiện bạn là 1 blogger am hiểu hết 1 cái temp của mình , biết sáng tạo , edit lại từ cái temp khác thành của chính bạn , biết làm mới 1 cái temp riêng , biết viết những thủ thuật cần thiết cho cộng đồng  và tuyệt đối nhớ phải ghi nguồn. chính vì sự chuyên nghiệp của bạn , chúng ta mới có thể đánh bại được đối thủ cạnh tranh lớn nhất hiện này đó là WP: "WordPress"

Hình minh họa


2.Sự kiên nhẫn , sự tịnh tâm?

Tại sao kiên nhẫn và tịnh tâm lại ở bài này? Kiên nhẫn thể hiện sự chịu khó viết bài theo suy nghĩ của bạn ,không copy bài người khác vắt óc suy nghĩ , không nên có những hành vi ăn cắp chất xám như thế.Còn về tịnh tâm? Tịnh tâm thể hiện sự tĩnh lặng hòa nhập vào thiên nhiên . CÓ người nói: "tại sao phải làm thế?" , rất đơn giản chúng ta làm thế sẽ được nhẹ nhõm công việc , có thể suy nghĩ được nhiều cái hay khác , và cũng có thể tránh được những lời comment vô tội vạ , chửi xiên 1 cách trắng trợn trên blog bạn.
Chúng ta hãy cố gắng tịnh tâm trước những tình huống ấy , không nên chửi lại vì nếu làm vậy chúng ta sẽ bị dính chiêu trong Tam Quốc Chí đó là kế "khích tướng"
Thiên nhiên kì vĩ


Lưu ý:

Ở trên là nguyên nhân và chúng ta hãy tự mình khắc phục , đây là bài viết cuối cùng về blogger toàn tập , chúng ta hãy tự giải quyết , chính ta bắt đầu tự chủ bản thân và không để người khác giúp 
Về mức độ : Cực khó
Về sự cải thiện blog : Rất nhanh 
Về lưu lượng : Tăng từ 50%>>75%
Về thời gian thực hiện : 5 tháng ( kể từ khi đặt chân vào blogger)
Thân mến và chào tạm biệt