Multi tab widget kiểu mới cho Blogger

Multi Tabbed Widget là tiện ích được sử dụng khi trên Blog bạn có chứa khá nhiều widget. Một giải pháp thường được các Blogger áp dụng là chia footer-wrapper làm nhiều cột để chứa các widget này. 

Tuy nhiên, điều này không phải ai cũng thích, nhất là các blog được thiết kế mang phong cách báo chí. Từ đó mới xuất hiện tiện ích gọi là Multi Tabbed Widget. 
Tiện ích này xuất hiện từ khá lâu, mà bắt nguồn từ các Blog sử dụng nền tảng Wordpress, sau đó được các Pro Blogger “bào chế” để áp dụng cho Blogspot. 
Sử dụng Multi Tabbed Widget không những giúp tiết kiệm không gian trên Blog, làm cho Blog của bạn trông gọn gàng hơn, mà còn có thể giúp tăng thời gian tải trang cho Blog của bạn do nó kết hợp hai hay nhiều widget làm một. 

Preview

Các bước thực hiện như sau: 

1. Đăng nhập Blogger >Thiết kế >Chỉnh sửa HTML
2. Tải xuống mẫu cũ của bạn đề phòng rủi ro
3. Tìm kiếm ]]></b:skin>
4. Chèn đoạn code trong file dưới đây (Bạn tải về file TXT và cop đoạn code trong đó dán vào dưới ]]></b:skin>) : Download 
5. Chèn trên ]]></b:skin> đoạn code dưới đây:

/*----- K3n Multi Tabbed Widget ----*/ 
.tabs-widget{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:40px} 
.tabs-widget li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left} 
.tabs-widget li:first-child{margin:0} 
.tabs-widget li a{color:#8F8C7C;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4b8iWmlXTa2du-5Vp8eUnYwM_XQ8QcnGbOV5nRn2BNTz_li4LK_q1O1JuJPizWgMamsLq3sgupjZcbDHeqtHYWCwCE18hAJ15k4yCeYo5y-_xsRGGEjfjGAHP8UD8sV6WfWbCJXDmuuc/s1600/tabs-widget-bg.png) left top repeat-x;padding:12px 14px;display:block;text-decoration:none;font:bold 11px Arial,Helvetica,Sans-serif;text-transform:uppercase} 
.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4b8iWmlXTa2du-5Vp8eUnYwM_XQ8QcnGbOV5nRn2BNTz_li4LK_q1O1JuJPizWgMamsLq3sgupjZcbDHeqtHYWCwCE18hAJ15k4yCeYo5y-_xsRGGEjfjGAHP8UD8sV6WfWbCJXDmuuc/s1600/tabs-widget-bg.png) left -140px repeat-x;color:#EE5D06;text-decoration:none} 
.tabs-widget-content{} 
.tabviewsection{margin-top:10px;margin-bottom:10px;}

6.Tìm kiếm   <div class='column-right-inner'> hoặc  <div id='sidebar-wrapper'> 
7.Sau đó chèn đoạn code sau đây vào bên dưới chúng: 

<div class='tabviewsection'>
<script type='text/javascript'> 
            jQuery(document).ready(function($){ 
                $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide(); 
                $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show(); 
                $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show(); 
       
                $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function() { 
                    $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;); 
                    $(this).addClass(&quot;tabs-widget-current&quot;); 
                    $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide(); 
                    var activeTab = $(this).attr(&quot;href&quot;); 
                    $(activeTab).fadeIn(); 
                    return false; 
                }); 
            }); 
        </script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'> 
<li><a href='#widget-themater_tabs-1432447472-id1'>Phần mềm</a></li> 
<li><a href='#widget-themater_tabs-1432447472-id2'>Tài liệu</a></li> 
<li><a href='#widget-themater_tabs-1432447472-id3'>Tag Cloud</a></li> 
</ul>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'> 
<b:section class='sidebar' id='sidebartab1' preferred='yes'> 
</b:section>                                       
</div>                            
                                
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'> 
<b:section class='sidebar' id='sidebartab2' preferred='yes'> 
</b:section>                                         
</div>                            
                                
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'> 
<b:section class='sidebar' id='sidebartab3' preferred='yes'> 
</b:section>                                        
</div>
</div>
<div style='height:5px;clear:both;'/>

Sửa Phần mềm,Tài liệu,Tag cloud thành tên các Tab  theo ý bạn 


7.Vào phần tử trang :Các bạn sẽ thấy 

 
Kéo các widget vào  thêm tiện ích trên hình. Chúc bạn thành công!!!

Read more »

Widget bài viết ngẫu nhiên dạng list từ 1 nhãn nhất định

Đây là một thủ thuật hòan tòan tương tự với thủ thuật tạo các bài viết ngẫu nhiên cho blog, chỉ khác là mở rộng riêng cho từng nhãn. Nếu blog bạn có một đề tài, chuyên mục nào đó nổi bật, bạn có thể tạo 1 widget random các bài viết từ nhãn (chuyên mục đó).

 Thủ thuật này được anh Fandung thực hiện sau đây mình sẽ giới thiệu lại cho các bạn. Mình đã làm thử và thành công rùi

Ví dụ như ở blog của mình, mình có thể tạo một widget hiển thị các bài viết ngẫu nhiên của nhãn "Thủ Thuật Blog", xem hình minh họa bên dưới:

 Demo for Post

Ảnh minh họa: 

Để thực hiện, bạn chỉ cần tạo 1 widget HTML/Javascript rồi dán code bên dưới vào:

<div id="random-posts"></div>
<script type="text/javascript">

function getRandomPosts(json) {
var maxEntries = 10;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) {
  indexPosts[i] = i;
}
indexPosts.sort(function() {return 0.5 - Math.random()});
if (maxEntries > numPosts) {
  maxEntries = numPosts;
}
var container = document.getElementById('random-posts');
var ul = document.createElement('ul');
for (i = 0; i < maxEntries; ++i) {
  var entry = json.feed.entry[indexPosts[i]];
  var li = document.createElement('li');
  var a = document.createElement('a');
  a.title = entry.title.$t;
  for (var j = 0; j < entry.link.length; ++j) {
      if (entry.link[j].rel == 'alternate') {
          a.href = entry.link[j].href;
          break;
      }
  }
  a.appendChild(document.createTextNode(entry.title.$t));
  li.appendChild(a);
  ul.appendChild(li);
}
container.appendChild(ul);
}

</script>
<script src="http://namkna.blogspot.com/feeds/posts/summary/-/Blogspot-tips?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript"></script>

- Chú ý :

+ var maxEntries = 10; : dòng này để thiết lập số bài viết sẽ hiển thị
+ http://namkna.blogspot.com/ bằng URL địa chỉ blog của bạn.

+ /feeds/posts/summary/-/Blogspot-tipps : thay code màu đỏ bằng nhãn bạn muốn hiển thị (lưu ý, các nhãn có kí tự khỏang trắng phải thay thế kí tự khỏang trắng bằng %20)

(ví dụ nếu là labe Blog Yahoo thì bạn phải đánh là  Blog%20Yahoo)

Bạn có thể xem cách khác tốt hoen TẠI ĐÂY 
Chúc thành công!

Nguồn: Fandung.

Read more »

Tạo Menu Labels (Nhãn) xổ xuống cho Blogger

Nếu bạn thấy widget Labels mặc định của blogger (blogspot) chiếm diện tích blog (với những blog nhiều Labels), bạn có thể chuyển dạng hiển thị mặc định sang dạng Menu xổ xuống (Drop down Menu) gọn gàng như hình minh họa bên dưới.

Menu cho Labels dạng list xổ xuống

Cách thực hiện:
- Bạn chắc chắn là Blog của bạn đã có sẵn tiện ích Labels (Nhãn). Nếu chưa có bạn vào mục Thiết kế để thêm tiện ích này vào (Vì có tiện ích này bạn mới tìm được đoạn code ở bước 2 dưới đây ^^)
- Vào mục Thiết kế, chọn Chỉnh sửa HTML (Bạn đừng chọn vào ô Mở rộng mẫu tiện íchnhé). Sau đó, bạn tìm đoạn code:

<b:widget id="'Label1'" locked="'false'" title="'Labels'" type="'Label'">

Nếu không thấy thì tìm lại bằng code này nhé (Tùy ngôn ngữ bạn đang sử dụng)

<b:widget id="'Label1'" locked="'false'" title="'Nhãn'" type="'Label'">

- Thay đoạn code vừa tìm được bằng đoạn code bên dưới:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<br/>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:165px'>
<option>Chọn chủ đề bạn quan tâm</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Lưu ý: Bạn thay đổi kích thước chiều rộng (màu đỏ) và Chữ hiển thị (Màu xanh) cho phù hợp. Đoạn code trên sẽ hiển thị số bài viết trên mỗi nhãn. Nếu bạn không muốn hiển thị, hãy xóa đoạn code màu xanh lá cây đi.

Read more »

Tạo Widgets bài viết liên quan cho BlogSpot

{VnTim™} Bài này, mình xin hướng dẫn các bạn cách tạo tiện ích Bài viết liên quan 1 cách đơn giản nhất, dạng link cho các bạn.
Xem Demo ở hình dưới.


Bắt đầu: Đăng nhập vào Blogger bằng tài khoản Gmail của các bạn. Chọn blog các bạn muốn chỉnh sửa: 

Thiết kế -> Chỉnh sửa HTML, đánh vào ô Mở rộng mẫu tiện ích 



CtrL + F tìm đến thẻ </head> trong Templates của các bạn và thêm đoạn code sau trước thẻ này: 

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0UBKuVuiTObhGQidoWGuaoc_BtafiXwxHquza3T6v_JHXIJCUud_7-eWnR3WjwB0taHuolZASL02iP-0A0DNiJEO0Ku0plNBwy5ZLSDdTwqNn88mLEMBsmKWJjftD9GUlSSliyAIGL9I/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://vntim.googlecode.com/files/VnTim%20Related%20Posts%20Skill%20Link.js' type='text/javascript'/>

Tiếp đến, tìm <data:post.body/> (hoặc <div class='post-body'> ) và thêm vào ở dưới đoạn code các các bạn vừa tìm được: 

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Cuối cùng là Save lại và tận hưởng thành quả của mình ^^
Chúc các bạn có một blog đẹp, và theo quên dõi Blog của VnTim™ để nhận những thử thuật hay nhé.

Read more »

Thủ thuật để thiết kế blog chuyên nghiệp cho Blogger

Blogger đó là một nền tảng rất mạnh mẽ để giúp bạn tạo 1 blog. Nó hoàn toàn miễn phí và với một số tính năng như : bạn có thể tùy chỉnh code template như thế nào bạn thích, mà không có giới hạn.

Trong bài này mình sẽ minh họa một số mẹo có thể giúp bạn cải thiện mẫu Blogger của bạn giúp nó trở nên chuyên nghiệp hơn.

1.Bắt đầu tạo một bản mẫu
Một mẫu đẹp là rất quan trọng cho sự thành công của blog của bạn trong việc truy cập và kiếm tiền với AdSense. Trước khi bắt đầu tùy chỉnh mẫu của bạn, bạn có thể tải xuống một mẫu đơn giản của Blogger, ví dụ như"Minima" (một mẫu khá phổ biến, và được nhiều người dùng): sau đó ta xóa tất cả code CSS trong thẻ <b:skin> và như thế thẻ <b:skin> chỉ còn lại như bên dưới:

<b:skin> /*</b:skin>

Sau đó ta sẽ thay thế bằng các code CSS cho riêng mình vào trong thẻ <style>

<style type="text/css">

{code CSS của bạn}

<style>

Ví dụ như ta có code như bên dưới:

<b:skin> /*</b:skin>
/*----------------------------*/
/*--- RESET HTML TAG ---*/
/*----------------------------*/
<style type="text/css">
body{
width:650px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;
font-size:11px;
color:#333333;
background-color:#FFFFFF;
}

a:link, a:visited, a:hover{text-decoration:none;}

h2 {
clear:both;
padding-top:20px;
}
ul {
list-style:none;
margin:0;
padding:0;
}

li {
float:left;
width:100px;
margin:0;
padding:0;
text-align:center;
}

li a {
display:block;
padding:5px 10px;
height:100%;
color:#FFF;
text-decoration:none;
border-right:1px solid #FFF;
}

li a {
background:url(image.jpg) repeat 0 0;
}

li a:hover, li a:focus, li a:active {
background-position:-150px 0;
}

<style>
...
...
...

- Và lúc này bạn có thể thêm các id, class, các thành phần, yếu tố mới cho mẫu của bạn.

2. Tạo tiêu đề và miêu tả cho blog của bạn
- Để tạo một ấn tượng riêng, phong cách riêng cho bạn, thì tiêu đề của bạn phải nói lên được nội dung blog của bạn. Cơ bản thì trong mỗi template blog đều có dòng code tiêu đề của blog

<title><data:blog.pageTitle/></title>

Và hãy thay đổi chúng, ví dụ như blog của mình sẽ là:

<title>Tips For Blogger | BlOg FD</title>

- Ngòai ra, bạn nên tạo thêm một thẻ <meta> để viết vài dòng mô tả blog của bạn, để làm điều này bạn copy đọan code bên dưới và dán vào sau dòng <head>

<meta name="Description" content="Add here a short description of your site" />

hãy thay code màu xanh thành 1 vài câu để mô tả blog của bạn, ví dụ như blog của mình sẽ là

<meta name="Description" content="BlOg FD - tips for blogger, hack widget, modify template and design layout" />

Và khi đó bạn sẽ thấy các tiêu để và mô tả đó được hiển thị trên cỗ máy tìm kiếm google như hình bên dưới:


3. Tạo favicon cho blog của bạn
- Một trong những cái để tạo nên phong cách riêng cho bạn đó chính là biểu tượng trên thanh address (favicon). Thông thường, các blogspotđều có favicon mặc định là biểu tượng của Blogger

- Để thay thế favicon của blogger thành favicon của mình thì bạn chỉ cần thêm code bên dưới vào trước thẻ </head>

<link href='URL of favicon.ico' rel='shortcut icon' type='image/x-icon'/>

- Các bạn có thể vào đây để tạo một file favicon cho riêng mình.

4. Tạo một thanh menu chính.
- Đơn giản nhất là bạn tạo một thanh menu nằm ngang và đặt nó trên cùng của blog bạn, và tạo các liên kết cho các menu đó. Ví dụ như blog của mình, mình sẽ tạo các menu chính như : About us, Contact, RSS, ...


5. Tạo các chuyên mục với các chuyên mục con trong nó:
- Nếu blog của bạn có nhiều nhãn, chuyên mục, hãy gôm chúng chung lại thành một chuyên mục nào đó. Và bên trong nó sẽ chứa các nhãn có nội dung liên quan tới chuyên mục đó. Và một dạng menu nhiều tầng là thích hợp nhất với việc này. Với menu lớp cao nhất là chuyên mục mà bạn đặt để gôm chung các nhãn có cùng nội dung, và các lớp menu nhỏ hơn sẽ là các nhãn...


Các bạn có thể tham khảo bài viết này để tạo một thanh menu nhiều cấp như trên.

6. Hiển thị vài tiện ích HTML ở trang chủ
- Đôi khi rất hữu ích khi cho một tiện ích HTML nào đó chỉ được phép hiển thị ở trang chủ, và để làm điều này, bạn chỉ cần sử dụng thẻ <b:if> củablogger là được, xem đọan code bên dưới :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- ... HTML code if you want to display only on home page here... -->

</b:if>

Bằng cách này, nếu trang bạn đang hiển thị không phải là trang chủ thì tiện ích đó sẽ không được hiển thị.

7. Tạo các widget "Bài viết mới nhất" và các "comment mới nhất"từ link RSS
- Thông thường blogger đều có hỗ trợ link RSS cho bài viết và comment của bạn. Và nó có dạng như bên dưới:

link RSS bài viết
http://YOURBLOG.blogspot.com/feeds/ posts/default
link RSS comment
http://YOURBLOG.blogspot.com/feeds/comments/default

-Ngòai ra các nhãn của bài viết bạn cũng được cấp link RSS, và có dạng như bên dưới:

http://YOURBLOG.blogspot.com/feeds/posts/default/-/Label

- Tuy nhiên bạn cũng có thể tạo link RSS cho bài viết từ FeedBurner, và bạn sẽ sử dụng được nhiều tiện ích từ feedburner, thông dụng nhất là tiện ích nhận bài viết từ blog của bạn qua mail.
Và link RSS của feedburner có dạng như bên dưới:

http://feeds2.feedburner.com/yourname-RSSlink

Và bạn có thể vào đây để tạo một link RSS cho cái bài viết của bạn.

8. Add các trang xã hội vào blog của bạn
- Các trang xã hội mà một trong những cách để cho người khác biết đến blog của bạn
Chúc các bạn thành công.

Source: FD's Blog

Read more »

Banner là gì?

"Banner : Biểu ngữ , lá cờ , khẩu hiệu chính trị ...( Từ điển Anh-Việt)"

Hiểu theo nghĩa nôm na nó là tấm bảng đại diện, là cái người ta đem treo ở những nơi nhiều người qua lại nhất nhằm thu hút sự chú ý, tạo dấu ấn thương hiệu , sản phẩm , dịch vụ ...

(Quảng cáo banner AIA trên tinmoi.vn)

Lấy ví dụ bạn đặt quảng cáo banner trên trang chủ của 24h.com website có 40.000 máy tính đặt làm trang nhà ( Home page ) . Cứ sau mỗi giờ có khoảng 100.000 lượt người vào xem trang đó ( Số ước tính thôi ) và chỉ cần 20 người có một người để ý đến banner của bạn ( Điều này phụ thuộc vào độ hấp dẫn của cái banner ) thì sau 1h bạn sẽ được 100.000/20 = 5000 người biết đến quảng cáo của bạn. Ngày làm việc 8 tiếng x 5000 = 40.000 lượt người sẽ được quảng cáo theo kiểu " Mắt thấy" đối với dịch vụ mà bạn muốn quảng bá . Con số thực tế còn cao hơn nhiều và lợi ích đem lại cũng lớn hơn rất nhiều . Đấy , bạn biết đến tác dụng của banner rồi chứ ?

Banner Blog , những điều cần biết :Phong trào này được bắt nguồn từ ngày 5/8/2006 người nghĩ ra và phát huy ý tưởng đó là Namversace một trong những blogger nổi tiếng nhất Việt Nam hiện nay . Kích thước nguyên sơ của banner blog là tấm bảng chiều rộng 500pixel x chiều cao 80 pixel . ( Vấn đề kích thước đang được các blogger cứng cựa đưa ra bàn luận và tranh cãi ) .

Làn sóng blog banner đã lan rộng ra khắp cả thế giới blog . Có thể nói " người người banner , nhà nhà banner " nếu không có banner coi như lạc hậu , chậm tiêu và chậm tiến . Thử thăm quan các blog có số view khủng khiếp như Blog Anji , blog DIEPstyle , bé Nheonheo và rất nhiều blog khác bạn sẽ thấy sự xuất hiện một rừng banner blog bạn bè , đứng nghiêm chào cờ có , nhấp nháy có , xấu có , đẹp có màu mè có , đen trắng cũng có ... nói chung là kiểu gì cũng có tuốt . Kỷ lục về số banner trong mỗi blog entry hiện do Anji nắm giữ với 10 banners ( Con số này chắc chắn không tồn tại lâu ). :th_itchingsmile:

Phần lớn hiện nay đặt banner blog là miễn phí ( nếu không muốn nói là toàn bộ ) . Chủ yếu dùng hình thức "cày hộ" , "kéo hộ" lượt page view kiểu như trong MU hay VLTK kéo level vậy . Các blog mạnh , nổi tiếng "kéo" các blog mới , chưa được nhiều người biết hoặc nắm tay nhau cùng ca bài ca "tiến lên đoàn viên" ( Với trường hợp các blog mạnh ngang nhau ).
Ví dụ cụ thể cho lợi ích của viêc liên kết banner : SRO's blog là một trong những ví dụ cho lợi ích khi liên kết banner . Chỉ sau một ngày làm và thực hiện theo phong trào banner , số page view của SRO đã tăng từ 5601 lượt lên 6867 lượt . Tăng hơn 1200 PV chỉ sau chưa đầy 24h đồng hồ . Bạn thấy sao ? ( So với các blog nổi tiếng thì 1200 lượt / ngày không phải là con số lớn .Tuy nhiên riêng blog SRO tính từ cách đây 4 tháng mới lên được 5601 PV vậy mà liên kết xong sau 1 ngày đã tăng thêm 1200 vậy bạn cho là lớn hay nhỏ ?).

Được gì và mất gì ? 

Benefit : Sử dụng banner tăng tình hữu nghị giữa các blogger với nhau , tạo sự gắn kết đặc biệt hơn cả cái list bạn bè và cái testimonial vì số người đọc blog của bạn chắc chắn cao hơn số người view friend list ( Cứ tin là thế đi ).

• Lợi anh lợi ả , lợi cả đôi đường : Số page view của bạn cứ gọi là tăng vùn vụt sau khi liên kết banner và tất nhiên blog bạn bè của bạn cũng thế , họ sẽ được hưởng lợi ích tương tự khi bạn đặt banner của họ tại blog của bạn .
• Một phần trang trí bắt mắt cho blog : Cái này đặc biệt hữu ích với những ai lười mặc áo mới cho blog . Ngay trong phạm vi bài này thôi thì tôi cũng muốn đề cập đến làm cách nào để design một banner đẹp , càng ngày banner càng đẹp lên và bạn treo cái đó cũng là một thứ trang trí tuyệt vời cho blog đấy chứ .
• Một công cụ để thể hiện cá tính : Nếu bạn tự làm được một cái banner thì còn gì bằng . Bạn vừa được ngắm( sướng cái mắt ) , vừa được nghe lời khen nếu banner đẹp ( Sướng cái tai) , vừa được design, cứ thoải mái cho ý tưởng bay xa ( bay ít thôi ko là bay mất đấy ), lại còn thể hiện được cái tôi to uỳnh nữa chứ . Cá tính quá còn gì .
• 
  

Mất gì ?

• Mất thời gian để nghiên cứu : làm được một cái banner đẹp, vừa ý cũng phải đổ mồ hôi , sôi máu mắt (...).
• Add được banner mình vào blog của người khác thì mình cũng phải add lại : Điều này là tất nhiên rồi . Có qua có lại mới toại lòng nhau , nếu banner của thằng bạn mình đẹp thì ko sao , nếu nó cứ xấu như con gấu , to như con trâu thì cũng.... đành phải chịu thôi . Vả lại đống banner ngày càng kéo dài khiến khách vô blog của mình cũng khổ lây khi phải kéo thanh cuộn qua một rừng blog thì mới comment được , tiếng kêu lầm than cũng không ít ...
• Đấy là vài điều bạn cần biết về blog banner , cứ cân nhắc thoải mái giữa việc có nên đặt banner hay không và nếu có thì hãy đọc tiếp , nếu không thích thì dừng luôn ở đây cũng chưa muộn .SRO chỉ có một ý kiến là cái gì cũng có 2 mặt của nó , phải biết hy sinh những cái trước mắt để đạt được lợi ích to lớn hơn .

Phần tiếp theo : Thủ thuật tạo banner đẹp , ý kiến của các blogger thành công !

Không phải cứ có banner là lôi kéo được "khứa" . Sẽ chẳng ai muốn kết thân với bạn nếu bạn không có đặc điểm gì nổi bật giữa đám đông cả . ( Dù bạn xấu thậm tệ , dù bạn có câm như hến khi người ta nói chuyện đi chăng nữa thì đó cũng là khác người, cũng có thể gây sự chú ý). Vậy hãy tham khảo các nguyên tắc sau :

• Động bao giờ cũng hơn tĩnh : Banner động chuyển tải được nhiều nội dụng hơn , dễ hút tầm mắt hơn banner tĩnh . ( Chuyển động hợp lý, đừng có nhầm giữa "chuyển động" và ... "động đậy" , ngọ ngoạy" ).
• Ngắn gọn, xúc tích nhưng vẫn chuyển tải đầy đủ nội dung : Hãy giảm thiểu những thứ không cần thiết , tập trung vào thông tin chính mà bạn muốn chuyển tải . Không nên quá rườm rà vừa thể hiện khả năng sắp xếp không tốt lại gây nhiễu thông tin cho người xem . Họ sẽ bối rối trước banner của bạn và sợ phải lạc vào cái mê cung trước mắt ==> khả năng được click vào của banner là rất ít. ( Theo tôi chỉ nên để từ 2-4 hình đối với banner động là đủ, chìa khóa nằm ở số giây giữa các hình, màu sắc nổi bật , đồng nhất , thiết kế gọn gàng , ấn tượng ).
• "Độc đáo" chứ không "độc ác ": Các bạn nên tránh một điều banner gây shock nhưng nội dung chẳng có gì , điều này dẫn đến tình trạng phản tác dụng " Gậy ông đập lưng ông" . Quảng cáo chỉ là quảng cáo . Banner đẹp chỉ có thể dẫn khách đến nhà bạn còn việc giữ khách và sau này khách có quay lại với bạn không phụ thuộc vào chính chất lượng blog của bạn , thực lực mới là yếu tố quyết định nhất sau tất cả các phương thức quảng cáo được áp dụng . Chúc các bạn thành công .
• 
  

Ý kiến DIEPstyle : Tôi cho 1 banner thành công là 1 banner nổi bật trong rừng banner còn lại , càng ngày càng khó vì càng có nhiều banner hơn .

• Nên thu nhỏ diện tích banner lại : Chính vì có nhiều banner nên mình băn khoăn có nên đề xuất mọi người thu nhỏ banner được không ( Kích thước hiện nay của blog banner là 500x80 , DIEP style đề nghị kích thước 250x80, nhỏ bằng một nửa ).Blog là để share , điều đó có 2 ý nghĩa : Một là cho người đọc blog dễ chịu hơn .Đọc blog mà phải kéo qua một loạt banner rồi mới comment được thì cũng chẳng có tâm trí đâu mà nhìn lại đống banner ấy nữa ==> tốt cho người đọc thì cũng tốt cho bạn nữa . Hai là nếu thu nhỏ lại cùng diện tích ấy có thể đặt nhiều banner hơn , nhiều cơ hội cho người khác hơn . Chẳng phải blog là để share còn gì ?. Có thể gọi đó là "Văn hóa banner".
• Tăng tính sáng tạo hơn : Thu nhỏ diện tích baner đồng nghĩa với việc tăng tính sáng tạo hơn cho banner . Một banner động sẽ vẫn có thể đảm bảo nội dung chuyển tải trog một diện tích hẹp . Và quan trọng là người xem blog sẽ thu ngắn được 1 nửa chiều dài phải kéo khi đọc blog . Như thế sẽ dễ chịu hơn . Nói chung mình quan tâm đến cảm giác của người đọc blog. Làm thế nào để họ cảm thấy thoải mái nhất (lợi ích của người đặt banner đến sau đó ).
• 
  

Ý kiến Nheo nheo ( Tức Nhật Vy) : Khi bắt tay vào một việc gì đó bạn nên tự tìm tòi sáng tạo cái mới , là chính bạn vẫn thích hơn. Không nhất thiết chạy theo banner động nếu bạn không làm được . Cần có một ý tưởng cụ thể , màu sắc đừng quá chói ...

• Banner nên có hình ảnh đại diện của chủ nhân : Màu sắc đỏ , nổi vừa phải , ko quá chói . Nên có hình ảnh đại diện để tạo dấu ấn cá nhân . Nói chung cứ theo chuẩn mực như quy định banner hiện nay là Ok rồi .
• Đối với banner tĩnh : ( Có thể lấy banner này làm ví dụ)
• Màu sắc bắt mắt , tạo độ chuyển , hình ảnh đại diện rõ ràng và cũng rất dễ làm ... Hiện nay giữa muôn trùng banner động thì banner tĩnh có thể gây sự chú ý , tự dưng là duy nhất nên trở thành nổi bật .
• Nếu ko làm được banner động thì cũng cứ yên tâm : Nhiều blogger khá màu mè ( Như mình chẳng hạn ) khi viết entry còn làm background . Background động mà banner cũng động nốt sẽ rất nhức mắt khi đọc bài ... nen một lời khuyên dành ra ở đây là nếu bạn hok làm được banner động thì tốt nhất cứ yên phận làm banner tĩnh cho thật đẹp và thật bắt mắt ... tự khắc banner của bạn cũng được chú ý như ai ...
• 
  

Blogger Nam :Lành tính , ko màu mè như blogger nữ ,sử dụng 1 tông chủ đạo, nên là đỏ đô , sang trọng bắt mắt, hoặc các màu xanh ngả về đen...2 màu mình thấy hợp với blogger Nam. Nếu được gợi ý mình sẽ gợi ý các bạn thử kết hợp các màu đỏ trắng đen xem sao . Những sắc màu không bao giờ lỗi mốt . luôn ấn tượng mạnh khi được kết hợp ...nào , một ý tưởng hay cho các bạn.

Blogger nữ : Màu mè , dịu dàng hơn ...:D .. nhưng dù ban dịu thế nào thì banner của bạn cũng phải nói lên được tính cách của chủ nhân, cá tính một chút càng tốt ....

• Xấu hay đẹp tùy quan điểm của từng cá nhân : Banner xấu hay đẹp còn phụ thuộc quan điểm của từng cá nhân vì vậy lời khuyên của mình bạn nên luôn là chính mình , không lệ thuộc quá nhiều vào đánh giá của người khác . Đặc biệt nếu bạn không tự làm được banner động thì bạn nên chờ vào các entry sau của anh SRO biết đâu anh sẽ post cách làm ..hờ hờ ..còn chờ dàu cổ quá thì thôi hãy học để làm 1 banner tĩnh tuyệt đẹp và bắt mắt trước đi ... vì dù banner nào thì blog bạn vẫn là blog bạn (Kiểu như dù bạn có đẹp hay xấu thì bạn vẫn là bạn .. I'm me !!!).
• Banner đẹp phải đi liền với Slogan hay .Background phù hợp : Banner đẹp là một banner phải dễ nhìn , không quá màu mè và được thiết kế đẹp và bắt mắt. Cái chính là cái nền background dễ nhìn không chói và cũng không quá tối. Nếu banner động thì rất tốt song hiện nay chưa có ai làm banner động cả vì có lẽ hơi khó .
• Banner đẹp phải đi liền với slogan hay : Banner đẹp phải đi liền với slogan hay, nếu là blog cá nhân thì có thể ghi tên blog còn nếu blog viết về một chuyên môn nào đó thì nên viết rõ nội dung blog để cho người xem biết blog đó chuyên về cái gì . Hoặc bạn có thể dùng những câu slogan hay của thế giới để ở trên banner của bạn nhằm bắt mắt người xem click vào .
• 
  
• Vấn đề kích thước :Kích thước 500x 80 hiện giờ là khá hợp lý vì với kích thước như vậy mọi người mới có thể thiết kế slogan và ảnh sao cho đủ độ dễ nhìn và đọc được . Hơn nữa 500 cũng là chiều hợp lí cho màn hình 15 inck để ở blog . Nó sẽ khít với bài blog. Có điều trong tương lai khi có nhiều banner trao đổi thì việc quá nhiều banner sẽ làm rối blog người xem và vấn đề làm banner nhỏ gọn đi sẽ là điều thiết yếu trong tương lai .Có điều nhỏ sao cho vẫn đọc được.

Lời khuyên:

• Như đã nói làm một cái banner nó nên dễ nhìn , hình ảnh đẹp, không cần thiết phải ảnh bản thân, banner cũng như một cái logo vậy . Bắt mắt là điều quan trọng , sau đó cần chọn một cái slogan thật hay và ý nghĩa để lôi cuốn người xem click vào. Nếu bạn làm được banner động thì thật tuyệt vời vì nó thể hiện đẳng cấp của bạn.

Read more »

Thủ Thuật Giúp BlogViet Có Thêm Các Nhà Quảng Cáo

Trong giai đoạn khó khăn kinh tế như hiện nay thì việc thu hút quảng cáo sẽ ngày càng khó khăn đặc biệt với các blogger mới nổi. Nhiều người chọn giải pháp đầu tư traffic, tăng pagerank và kết nối rồi mới tính đến chuyện bán quảng cáo. Số khác thì muốn ăn sổi uống sôi là bắt đầu ngay với các mạng PPC. Cả 2 cách đều đúng nếu bạn kiên trì và không từ bỏ chiến lược mình đề ra.

Blogviet đã áp dụng cả 2 cách và thiên về cách một nhiều hơn và ít nhiều cũng đã có kết quả như mình mong muốn. Tạo cho mình một thương hiệu sẽ làm tăng tính cạnh tranh cho blog của mình hơn. Dưới đây là những cách mà mình đã và đang tiếp tục làm và cũng đã đạt được chút ít thành công với mảng affiliate marketing.

1. Đầu tư cho giao diện blog thêm chuyên nghiệp:

Đơn giản là tiêu chí mà nhiều blogger chuyên nghiệp áp dụng nhưng quá đơn giản thì đôi khi lại không mang lại tác dụng. Giao diện blog thể hiện tính chuyên nghiệp của blogger. Giao diện có đẹp thì sản phẩm và bài viết của nhà quảng cáo mới nổi bật và họ dễ dàng đặt mua. Đôi khi, các độc giả đến với bạn chưa hẳn là do nội dung của bạn hay, không hẳn vì bạn nổi tiếng mà chỉ đơn giản là vì họ thích ngắm cái giao diện của bạn.

Nhớ hồi năm ngoái khi chưa bán eBlogTip, nhiều nhà quảng cáo trong lĩnh vực hosting review và wordpress plugin (cụ thể là Magic Members…) đã contact với mình bày tỏ sự hứng thú với các bài review rất thẳng thắn và không quên nói rằng giao diện đã khiến họ mua quảng cáo trên eblogtip thay vì mua trên các trang khác. Đó là lý do mình không thể lơ là giao diện của blog cho dù có tốn kém chút ít.

2. Chỉ nên tập trung vào một lĩnh vực bạn có thế mạnh

Nếu bạn đang triển khai các dự án với lượng thông tin chung chung như news, cộng ngệ thông tin thì thủ thuật này không áp dụng được hoặc có áp dụng thì hiệu quả cũng không cao. Blogviet quyết định chuyển sang mảng affiliate marketing và đôi khi đá thêm mảng internet marketing cũng là muốn chọn cho mình một lượng độc giả chuyên sâu vì mình không chạy quảng cáo PPC mà chỉ tập trung bán hàng.

Lượng truy cập đã giảm tới 60%+ từ khi mình quyết định theo mảng này nhưng doanh số bán hàng lại tăng lên. Hơn thế nữa, các nhà quảng cáo như ThesisAwesome, Get Profits Fast, Hosting Review Scripts…đã liên hệ cho dùng sản phẩm FREE và còn nâng mức trả hoa hồng lên tới 80% thay vì 40-50% như thông thường. Lý do rất đơn giản là mình bán được nhiều sản phẩm cho họ/tháng và nằm trong top những affiliate bán nhiều nhất hiện nay. Bên cạnh đó, họ thấy lượng thông tin trên blog không bị loãng nên họ tin sản phẩm của họ sẽ được quảng bá tốt nhất.

3. Đặt mức giá quảng cáo hợp lý

Điều này rất khó bởi việc đặt giá trên blog của chúng ta luôn là cảm tính. Tuy nhiên, với lượng độc giả và các chỉ số PR hay Alexa mà bạn đang có, việc đặt giá cũng không còn quá khó. Mình đặt giá review cho một sản phẩm hay dịch vụ trên AZBlogTips là $200/bài. Tại sao mình đặt như thế? Mình sử dụng SponsoredReviews để tính và họ cho phép AZBlogTips được đặt giá tới $800/bài, tuy nhiên, cân đối với lượng traffic hiện có và xem xét tình hình kinh tế khó khăn như hiện nay thì mình cảm thấy $200/bài là hợp lý.

Mình không tham vọng một tháng viết nhiều review bởi như vậy sẽ làm cho các độc giả chán và bỏ đi và chỉ nên xen kẽ và duy trì ở mức tối đa 4 bài/tháng mà thôi. Có tháng mình chỉ review 1 bài vì còn phụ thuộc có nhà quảng cáo hay không.

4. Mở cửa đón các guest bloggers

Guest blogging là cách tăng traffic và backlinks hiệu quả và được hầu hết các blogger áp dụng. Để thu hút các blogger gửi bài viết thì blog của bạn phải có một trang riêng để họ có thể đóng góp bài. VD: trang Submit của AZBlogTips, ngoài việc liệt kê các quy định, lợi ích thì mình còn đăng cả form để họ viết bài rồi gửi cho mình ngay tại đó.

Từ khi AZBlogTips mở cửa cho các guest blogger viết bài với một trang khá chuyên nghiệp,  lượng bài gửi về đã nhiều hơn. Hay có dở có và cả spam. Việc có thêm guest blogger cũng là cách làm cho blog của bạn đa dạng nội dung và thêm chuyên nghiệp. Tại sao blog này có nhiều tác giả thế nhỉ? Chắc blog này nổi tiếng và được nhiều người quan tâm chăng? Đó là những câu hỏi mà các advertiser sẽ đặt ra và họ dễ dàng bỏ tiền mua quảng cáo hay thuê bạn viết bài review thôi. Điều này cũng làm cho blog của bạn tăng thêm tính cạnh tranh.

Một khi các nhà quảng cáo đã thích thì việc họ mua tiếp là rất lớn. Nhiều nhà quảng cáo cũ của blogviet vẫn liên hệ khi có sản phẩm mới hay cần thu hút thêm độc giả. Lần tiếp theo chúng ta không cần ngã giá nữa và chỉ cần nhận tiền và viết.

Trên đây là những thủ thuật rất cơ bản mà mình đang áp dụng và thấy rất hiệu quả. Việc chuyển sang theme mới mang tên Marketer Delight 2 này cũng không nằm ngoài chiến lược mà blogviet đang theo đuổi.

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

Source: www.eblogviet.com

Read more »