Cách Tạo Diễn Đàn Cho Blogger

01:09 |
Cách Tạo Diễn Đàn Cho Blogger

   Ở một số website các bạn thường thấy họ tạo ra diễn đàn, nhằm nhiều mục đích khác nhau như học tập chia sẻ thông tin, giao lưu, tăng visit... ở blogger các bạn hoàn toàn có thể có một diễn đàn tương tự. Trên Blogger, bạn không được phép tạo tên miền phụ hay thư mục mới để mà có thể thiết kế được một diễn đàn. Vì thế nếu bạn muốn có một trang diễn đàn trên Blogger thì bạn phải cần một thủ thuật nào đó. Và đề tài này sẽ giúp bạn làm điều đó.

1. Sau khi đăng nhập Blogger, bạn cần tạo một trang tĩnh (static page). Vào Design >> Posting >> Edit Pages >> New Page và tạo một trang có tiêu đề là forum. Ghi nhớ liên kết của trang forum có dạng như thế này: 

http://yourblogname.blogspot.com/p/forum.html.

2. Bạn Tạo một diễn đàn miễn phí tại Nabble: Bạn điền thông tin cá nhân vào Form đăng ký, quan trọng nhất là địa chỉ email và mật khẩu đăng nhập. Nabble sẽ gửi email kích hoạt xác nhận vào địa chỉ email mà bạn đăng ký. Đăng nhập vào tài khoản email của bạn, vào hộp mail (có thể nằm trong họp thư rác) rồi kích vào link xác nhận để kích hoạt tài khoản Nabble của bạn. Bạn cần ghi nhớ mật khẩu đăng nhập.
Cách Tạo Diễn Đàn Cho Blogger 1
  Trong quá trình tạo tài khoản, bạn cần đặt một cái tên cho diễn đàn của bạn, ví dụ như: My Blogger Forum chẳng hạn. Sau khi đăng ký và kích hoạt thành công, bạn đăng nhập vào tài khoản Nabble và chọn Embedding Options. Copy đoạn code HTML.

3. Tại tài khoản Blogger, vào Design >> Edit HTML và chọn "Expand Widget Templates".

Nhấn phím kết hợp Ctrl + F và tìm dòng code:
<div id='content-wrapper'>
Dán đoạn code sau đây vào trên dòng code nói trên.

<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
Đoạn code từ Nabble lấy được ở bước 2
</b:if>

4. Bước kế tiếp là dấu một số thành phần trên Blog của bạn khi hiển thị trang forum. Dán đoạn code như dưới đây vào sau dòng ]]></b:skin>.

<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
</style>
</b:if>

  Lưu Template là xong. Bây giờ bạn có thể dành thời gian mời bạn bè tham gia diễn đàn của bạn được rồi đấy.
Chú ý: Nếu bạn muốn tạo một diễn đàn độc lập trên Blogger thì bạn phải tạo một Blog mới. Sau đó vào chỉnh sửa Template, xóa toàn bộ phần code giữa 2 thẻ <body>, </body> và thay bằng đoạn code lấy được trên Nabble ở bước 2. 

Nếu bạn có một tên miền tùy chỉnh thì có thể tạo một subdomain dưới dạng http://forum.yourdomain.com/ cũng là một giải pháp tốt.

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


Read more…

Những Thói Quen Xấu Cần Loại Bỏ Khi Viết Blog

23:58 |
Những Thói Quen Xấu Cần Loại Bỏ Khi Viết Blog

    Khi viết blog để quảng bá sản phẩm hay thương hiệu bản thân. Không ai là hoàn hảo hoàn toàn cả, có thể có một số khuyết điểm nào đó mà bản thân họ không thể tự nhận ra được. Chính vì nhược điểm đó đã làm cho bản thân họ mất đi ưu thế trước những đối thủ khác. Nhưng nếu bạn xem bài viết này có thể bạn sẽ khắc phục được những hạn chế của chính mình. đó cũng chính là nội dung chính của bài viết này. Sau đây là 7 thói quen xấu cần khắc phục khi viết blog của các bạn.

1. Không Xem Preview Bài Post.

 Tôi đã từng làm việc với hầu hết các nền tảng nội dung và chúng cho phép bạn có thể xem preview trước bài post của mình trước khi bạn đăng nó. Nhưng hàng ngày, tôi có ghé qua các blog mà hình ảnh trong đó không theo hàng lối, các điểm nhấn lộn xộn, bài bài viết là cả một đoạn dài dòng lê thê không được định dạng chút nào.
Tôi biết những blogger đã từng đọc rất nhiều thông tin về cách để bài viết dễ hiểu đối với độc giả bởi những thông tin này tràn ngập trên Internet. Vấn đề của họ ở đây chỉ là họ không bao giờ xem trước bài viết của mình trước khi họ đăng bài.

2. Không Liên Kết Cộng Đồng.

  Bất kì một nhà kinh doanh giỏi nào cũng cần phải có những mối quan hệ và các địa chỉ liên lạc, làm blog cũng không phải là ngoại lệ. Bạn ra ngoài gặp gỡ, không chỉ là các blogger mà còn gặp cả những chuyên gia vể design, code, hoặc SEO, những người viết bài, các đối thủ cạnh tranh của bạn, các blogger ở mảng khác, và cả những người làm đồ hoạ. Nếu bạn gặp họ, bạn có thể học được nhiều điều và ai biết được một ngày nào đó bạn và họ có thể hợp tác trong một dự án kinh doanh nào đó thì sao.

3. Viển Vông Và Lan Man.

 Một blogger làm việc hiệu quả sẽ biết anh ta chỉ có vài giây để thu hút được sự chú ý của độc giả vì thế trong bài viết của mình, anh ta thường đi vào vấn đề chính một cách nhanh chóng. Các câu văn ngắn gọc và xúc tích. Ngôn ngữ được sử dụng đơn giản và rõ ràng. Và anh ta tâp trung vào đúng chủ đề.

 Độc giả của bạn đến với bài viết của bạn để tìm câu trả lời cho câu hỏi của họ. Nếu anh ta không tìm thấy thông tin đó một cách nhanh chóng trong bài viết của bạn chỉ bởi vì bạn quá lan man, nhảy từ chủ đề này sang chủ đề khác, anh ta sẽ rời bỏ trang của bạn ngay. Đó là bởi anh ta không tìm thấy thông tin mà anh ta đang tìm kiếm.

4. Không Quảng Bá.

 Thật là nực cười khi nói rằng, bạn cứ xây dựng website và đăng bài viết thì độc giả sẽ tự động đến với website của bạn. Hiện nay có hàng tỉ blog trên Internet và mỗi giây lại có rất nhiều blog mới ra đời. Nếu bạn không sẵn sàng ra ngoài kia và bắt đầu quảng bá blog của bạn thì sẽ chẳng ai biết đến bạn và thậm chí đó còn gọi là bạn chưa hề bắt đầu làm được bất kì một blog nào. Vì thế việc viết blog của bạn chỉ tốn thời gian mà chả thu được gì.

5. Bỏ Qua SEO Blog.
Những Thói Quen Xấu Cần Loại Bỏ Khi Viết Blog 1
 Chúng ta không hề sai khi nói rằng các công cụ tìm kiếm rất phức tạp và cũng đúng khi nói rằng Google đang phạt nghiêm khắc những blog nào vi phạm hay sử dụng các thủ thuật SEO không minh bạch. Nhưng, dù các công cụ tìm kiếm rất ghét việc nhồi nhét từ khoá trong bài viết, thì chúng ta cũng không thể phủ nhận được tầm quan trọng của từ khoá trong chiến lược SEO.

 Bạn vẫn cần phải sử dụng từ khoá trong title của mình, không phải chỉ cho các công cụ tìm kiếm và cho cả độc giả nữa. Và bạn cũng cần sử dụng từ khoá trong nội dung bài viết để độc giả biết bạn đang viết về cái gì, đồng thời bạn nên khéo léo nhấn mạnh tiêu đề bài viết của mình bằng cách cho nó lập đi lập lại một số lần nên sử dụng các biến thể của nó không nên lập lại nguyên câu.
ví dụ: với site của mình là thế giới tin học online thì mình sẽ dùng các biến thể như sau: thế giới tin học, tin học online, diễn đàn tin học, học tin học, tin tức tin học, tin học...

  Về Các khía cạnh khác của SEO cũng rất quan trọng như thời gian tải của blog, cấu trúc internal link, và đặc biệt là các backlinks chất lượng trỏ về. SEO không hề đơn giản và cũng không bao giờ có điểm giới hạn nhưng blog của bạn sẽ “chết” nếu bạn bỏ qua nó.

6. Bỏ Qua Độc Giả.

  Bạn băng khoăn vì sao bạn không nhận được bất kì một comment hay chia sẻ nào? Đó có lẽ là bởi bạn dường như đang bỏ qua độc giả của mình.

 Gần đây bạn có thường xuyên check các câu hỏi của độc giả để xem họ đang tim kiếm gì chưa?
 Bạn có thường xuyên trả lời các comment và email của họ không?
Và khi bạn đăng bài bạn có nói với độc giả vì sao bạn đưa ra thông tin đó cho họ hay là bạn chỉ đơn giản là lặp lại những tin tức tương tự như trên vô số các blog khác?

7. Không Chịu Đổi Mới.

 Có ai đó từng nói rằng định nghĩa của sự điên rồi là việc lặp đi lặp lại một hành động nhưng lại hi vọng có một kết quả khác. Nếu nội dung của bạn không hiệu quả và bạn không làm gì để cải thiện nó, nó sẽ mãi mãi không hiệu quả.

 Một lời khuyên là nếu bạn càng học và nghiên cứu nhiều để làm blog, viết, và thu hút độc giả thì blog của bạn sẽ càng chất lượng. Nhưng nếu bạn không chịu thay đổi, bạn sẽ luôn luôn là một blogger nghiệp dư.

 Trên đây là những chia sẻ của mình về 7 thói quen của các blogger thiếu chuyên nghiệp. Hi vọng bạn không mắc bất kì một thói quen nào trong số chúng. Hãy luôn cập nhât, cải tiến và quan sát phản hồi của độc giả để có được chất lượng bài viết tốt nhất.

Chúc các bạn thành công trong việc kiếm tiền.

Read more…

Cách Sửa Lỗi Google Structured Data Testing Tool Trên Blog

18:42 |
Cách Sửa Lỗi Google Structured Data Testing Tool Trên Blog

    Chào các bạn ở bài trước mình có hướng dẫn cho các bạn về  Sửa Lỗi Missing Required Field "Update" Và Hcard "Author"

  Vì một số bạn có mail đến mình và hỏi về việc hướng dẫn cách sử lỗi Page contains property "image_url" which is not part of the schema,  nên hôm nay mình viết bài này để hướng dẫn cho tất cả mọi người cũng một lúc. Các bạn hãy làm theo hướng dẫn bên dưới của mình, có gì thắc mắc hay góp ý thì comment bên dưới, rất

   Trước tiên chúng ta phải hiểu về Google Structured Data Testing Tool là một công cụ kiểm tra dữ liệu có cấu trúc, công cụ này được google cung cấp để kiểm tra cấu trúc website của bạn xem có chuẩn xác hay chưa, cấu trúc website có phần ảnh hưởng một phần đến SEO trên website của bạn, nên bạn cũng cần lưu ý. Google cũng đã thêm sẵn cấu trúc cơ bản của Blogger, nhưng không hiểu sao lại có một số vấn đề xảy ra khi kiểm tra bằng Google Structured Data Testing Tool như missing required field updated, page contains property "image_url" which is not part of the schema, page contains property blogid, postid which is not part of the schema. Do đó tại bài viết này mình xin hướng dẫn 3 lỗi cơ bản mình vừa nêu trên để giúp Blogger của bạn có một cấu trúc tốt hơn.


Ở lỗi thứ nhất: 


Page Contains Property "image_url" Which Is Not part Of The Schema


  Một số bạn thấy lỗi này thường xóa cả đoạn mã sau vì nghĩ nó không thuộc Schema thì xóa là xong.


<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>


Nhưng điều mà các bạn có thể chưa biết là đoạn mã này rất quan trọng, nếu xóa nó đi thì blog của các bạn sẽ không thể nào cung cấp hình ảnh cho các công cụ tìm kiếm, hoặc lúc chúng ta chia sẻ bài đăng qua mạng xã hội thì sẽ không lấy được ảnh thu nhỏ từ bài viết đó.

Cách khắc phục vấn đề này, các bạn tìm đến đoạn mã dưới đây:

<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>


Sau đó thay đoạn mã đó bằng đoạn mã bên dưới.


<meta expr:content='data:post.firstImageUrl' itemprop='image'/>


Như trên thì các bạn cũng hiểu, chúng ta thay thế image_url bằng image và vấn đề đã được giải quyết mà website bạn sẽ hoạt động bình thường.


Ở 2 lỗi còn lại:


Page contains property "blogid" which is not part of the schema và Page contains property "postid" which is not part of the schema.


   Lỗi này theo mình cũng không có gì nghiêm trọng lắm, blogger cung cấp id của bài viết, và cả id của blogger chúng ta cho các công cụ tìm kiếm, mình không biết để làm gì nhưng chắc xóa nó đi cũng chả sao cả. Nếu các bạn muốn không nhìn thấy lỗi này nữa thì rất đơn giản chỉ cần tìm đến 2 đoạn mã sau và xóa nó đi là được.


<meta expr:content='data:blog.blogId' itemprop='blogId'/>

<meta expr:content='data:post.id' itemprop='postId'/>

Sau cùng các bạn hãy save lại là được. Thế là các bạn đã giải quyết xong 3 lỗi thông dụng trên Google Structed Data Testing Tool

Lưu ý: Trước khi chỉnh sửa blog các bạn nên sao lưu cẩn thận rồi hãy làm nha.
Chúc các bạn thành công.

Read more…

Comment Facebook Song Song Với Comment Blogger

07:29 |
Comment Facebook Song Song Với Comment Blogger

   Hôm nay mình sẽ hướng dẫn cho các bạn tạo comment facebook song song với blogger, giúp blogger của bạn trở nên pro hơn. 

Các bạn hãy lần lượt làm theo các bước sau:

A: Tạo app trên facebook và lấy Application ID


Trước hết bạn hãy vào địa chỉ này và làm theo hướng dẫn của mình dưới đây.

nhập vào tên app Name muốn hiển thị.
Comment Facebook Song Song Với Comment Blogger
Nhập vô mã captcha hiển thị rồi continue
Comment Facebook Song Song Với Comment Blogger

Comment Facebook Song Song Với Comment Blogger

Nhập Đầy đủ thông tin như hình vẽ rồi Next.


B: Chèn Comments Facebook Vào Blogger.

Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Chọn mở rộng mẫu Tiện Ích

Bước 3: Dán code bên dưới sau thẻ <head>

<meta expr:content='data:blog.pageTitle' property='og:title'/> 

<meta expr:content='data:blog.url' property='og:url'/> 
<meta content='article' property='og:type'/> 
<meta content='https://lh5.googleusercontent.com/-VhSoDeyE39s/AAAAAAAAAAI/AAAAAAAAAAA/WD8BnuTTPLc/s96-c/photo.jpg' property='og:image'/> 
<meta content='750771148285429' property='fb:app_id'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> 
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <script type='text/javascript'> 
    function commentToggle(selectTab) { 
      $(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;); 
      $(selectTab).removeClass(&quot;inactive-select-tab&quot;); 
      $(&quot;.comments-page&quot;).hide(); 
      $(selectTab + &quot;-page&quot;).show(); 
    } 

    </script>

Thay đổi  Link ảnh Logo của blog màu đỏ thay bằng link ảnh của bạn có kích cỡ 30 x 30px 

FACEBOOK APP ID 750771148285429 bằng địa chỉ ID đã tạo ở những bước trên

Bước 4: Tìm thẻ <html và thay bằng đoạn bên dưới


<html xmlns:fb='http://www.facebook.com/2008/fbml'

Nếu tìm trong template có xmlns:fb='http://www.facebook.com/2008/fbml' rồi thì bỏ qua bước này nhé
Bước 5: Tìm ]]></b:skin> và dán trước nó code bên dưới

.comments-page {  background-color: #f2f2f2; width:450px;}

    #blogger-comments-page {  padding: 0px 5px;  display: none;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px;  width: auto;  margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}

Thay đổi những phần tô đậm sao cho phù hợp với blog của bạn lần lượt là màu nền và độ rộng khung comments


Bước 6: Tìm code bên dưới

<div class='comments' id='comments'>
 Chèn code bên dưới sau tất cả những code bạn đã tìm được bên trên

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>

<img class='comments-tab-icon' src='https://huyco-troll.googlecode.com/svn/trunk/icon/cmfb.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='https://huyco-troll.googlecode.com/svn/trunk/icon/cmbg.png'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
</b:if>
</div>

450 là độ rộng của khung comments bằng facebook

Khi bạn lưu lại template mà báo lỗi thì xóa đoạn code được bôi màu đỏ đi 

Bước 7: Lưu lại template

Đây là bài hướng dẫn cơ bản thôi, bạn hãy dựa theo bài viết của mình mà sáng tạo cho phù hợp với blog của mình.
Chúc các bạn thành công!
Read more…

Trang Trí Giáng Sinh Cho Blogger

07:14 |
Trang Trí Giáng Sinh Cho Blogger

    Vậy là chỉ còn lại không đầy một tuần nữa là đến giáng sinh rồi, không biết các bạn đã làm gì để chuẩn bị cho giáng sinh của mình chưa? một vài biểu tượng tuyết rơi, chuông giáng sinh, ông già noen trên trang chủ blogger chính là chủ đề của chúng ta ngày hôm nay.


1. Tạo hiệu ứng tuyết rơi trên blogger.

các bạn hãy vào bố cục >> thêm tiện ích >> thêm html/javascript và paste đoạn code sau vô:

<!-- Hiệu ứng tuyết rơi cho blog-->

<script type='text/javascript'>
//<![CDATA[
var snowmax = 30; // Số lượng tuyết
var snowcolor = new Array("#aaaacc", "#ddddFF", "#ccccDD");
var snowtype = new Array("Arial Black", "Arial Narrow", "Times", "Comic Sans MS");
var snowletter = "*"; //Hình tuyết, có thể thay thành dấu chấm “.” hay các kí tự khác
var sinkspeed = 0.9; //               Tốc độ rơi của tuyết
var snowmaxsize = 30; //           Kích thước hạt tuyết to nhất
var snowminsize = 10; //             Kích thước hạt tuyết nhỏ nhất
var snowingzone = 1;
var snow = new Array();
var marginbottom;
var marginright;
var ScrollTop;
var timer;
var i_snow = 0;
var x_mv = new Array();
var crds = new Array();
var lftrght = new Array();
var browserinfos = navigator.userAgent;
var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
var ns6 = document.getElementById && !document.all;
var opera = browserinfos.match(/Opera/);
var browserok = ie5 || ns6 || opera;
function randommaker(a)
{
    rand = Math.floor(a * Math.random());
    return rand
}
 function iecompattest()
{
 return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
}
 function InitHeight() {
 if (ie5 || opera) {
  marginbottom = iecompattest().clientHeight + 5; //clientHeight;
  marginright = iecompattest().scrollWidth + 5; //clientWidth
 }
 else {
  if (ns6) {
   marginbottom = self.innerHeight;
   marginright = self.innerWidth
  }
 }
 ScrollTop = document.body.scrollTop;
 if (ScrollTop == 0) {
  if (window.pageYOffset)
   ScrollTop = window.pageYOffset;
  else
   ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
 }
 marginbottom += ScrollTop;
}
 function initsnow()
{
 InitHeight()
  var a = snowmaxsize - snowminsize;
  for (i = 0;i <= snowmax;i++)
 {
  crds[i] = 0;
  lftrght[i] = Math.random() * 15;
  x_mv[i] = 0.03 + Math.random() / 10;
  snow[i] = document.getElementById("s" + i);
  snow[i].style.fontFamily = snowtype[randommaker(snowtype.length)];
  snow[i].size = randommaker(a) + snowminsize;
  snow[i].style.fontSize = snow[i].size + "px";
  snow[i].style.color = snowcolor[randommaker(snowcolor.length)];
  snow[i].sink = sinkspeed * snow[i].size / 5;
  if (snowingzone == 1) { snow[i].posx = randommaker(marginright - snow[i].size) }
  if (snowingzone == 2) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) }
  if (snowingzone == 3) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4 }
  if (snowingzone == 4) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2 }
  snow[i].posy =  randommaker(2 * marginbottom - marginbottom - 2 * snow[i].size);
  snow[i].style.left = snow[i].posx + "px";
  snow[i].style.top = snow[i].posy + "px"
  }
  movesnow()
}
 function movesnow()
{
 InitHeight();
 for (i = 0; i <= snowmax; i++)
 {
  crds[i] += x_mv[i];
  snow[i].posy += snow[i].sink;
  snow[i].style.left = snow[i].posx + lftrght[i] * Math.sin(crds[i]) + "px";
  snow[i].style.top = snow[i].posy + "px";
  if (snow[i].posy >= marginbottom - 2 * snow[i].size || parseInt(snow[i].style.left) > (marginright - 3 * lftrght[i]))
  {
   if (snowingzone == 1) { snow[i].posx = randommaker(marginright - snow[i].size) }
   if (snowingzone == 2) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) }
   if (snowingzone == 3) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4 }
   if (snowingzone == 4) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2 }
   snow[i].posy = ScrollTop
  }
 }
var a = setTimeout("movesnow()", 60)
}
function hidesnow()
{
 if (window.timer) { clearTimeout(timer) }
 for (i = 0;i <= snowmax;i++)
 {
  document.getElementById("s" + i).style.visibility = "hidden"
 }
}
 for (i = 0;i <= snowmax;i++)
{
 document.write('<div id="s' + i + '" style="POSITION: absolute; Z-INDEX: 9' + i + "; VISIBILITY: visible; TOP:-" + snowmaxsize + 'px; LEFT: 15px;">' + snowletter + "</div>")
}
if (browserok)
{ initsnow() }
else
{ document.write('Votre navigateur ne supporte pas ce Javascript, ') };
//]]>
</script>

2. Code chuông giáng sinh.
Bạn hãy paste đoạn code sau vô html/javascript.
<img src="https://lh6.googleusercontent.com/-6YdWdL5SKmg/UXzW9XHcXoI/AAAAAAAAYyw/FNtF99kqugo/s131/christmas-bells-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFx52bAcO1fz-I_gVsk1GFjvMW-zv0yelGxnKCiGIrTglTa5OOxwI6ANGz9MgC7WhD3g3gR4J36hNUf3c43BrSW4lpGV5VD5WyQ7YaxmdxYXFmEozsHM-AUKL1VQvoRjq_ieYvt2PAgVb/s141/christmas-bells-icon-right.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>
Sau đó save lại xem kết quả.

3. Code ông già noen.
 Các bạn hãy chèn đoạn code sau trước thẻ đóng </head>

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

Sau cùng là save lại.
Để cho chắc chắn thì các bạn hãy tải mẫu code của blogger của mình lưu lại cẩn thận rồi hãy thực hiện nha.
Chúc các bạn thành công.
Read more…

Hướng Dẫn Tạo Widget Theo Dõi Bài Viết Blogger

01:07 |
Hướng Dẫn Tạo Widget Theo Dõi Bài Viết Blogger

   Hôm nay mình sẽ hướng dẫn cho các bạn cách tạo một widget theo dõi bài viết cùng các mạng xã hội, khi các bạn vào trang thegioitinhoconline.com thì các bạn thấy cái widget như hình trên, khi bạn nhập địa chỉ mail của mình vào và enter các bạn có thể đăng ký nhận tin tức các bài viết mới nhất từ thegioitinhoconline.com tức là khi có bài viết mới sẽ được gửi tự động đến mail đăng ký.
để làm được điều này thì các bạn hãy thao tác như sau:
Bước 1: đăng nhập blogger.
Bước 2: các bạn vào Bố cục >> Thêm tiện ích >>chọn HTML/Javascript vầ paste đoạn code dưới đây vào như hình mình đã chụp.
Hướng Dẫn Tạo Widget Theo Dõi Bài Viết Blogger



Đây là đoạn mã code đó các bạn có thể copy về mà thực hiện.

<style type='text/css'>
.social a{color: #6e6e6e;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;}
.social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}
.sub-box{width:300px;background:();padding: 2px 5px 7px 2px;font-family:Droid Sans,Helvetica,Arial;}
.emailform{margin:16px 0 0; display:block; clear:both;}
.emailtext{margin:10px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlexOgcYwcn7ZCrkbmjimoDFiOnjsbsGkfsxkswX7dt1Dl9_3wI5R2VhFg6MXVSLNdvD7feL87AMHJzegCjywVlov6Ky84mmZXiF1U-U4pF78X3wQ_q5aFm1EyrlqS7QmXPEhK5FpvjX4/s1600/email.png) no-repeat scroll 4px center;padding:6px 5px 6px 34px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:175px;}
.emailtext:hover{background: #f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlexOgcYwcn7ZCrkbmjimoDFiOnjsbsGkfsxkswX7dt1Dl9_3wI5R2VhFg6MXVSLNdvD7feL87AMHJzegCjywVlov6Ky84mmZXiF1U-U4pF78X3wQ_q5aFm1EyrlqS7QmXPEhK5FpvjX4/s1600/email.png) no-repeat scroll 4px center;border-color:#999;}
.emailtext:focus{outline:none;}
.sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:5px 10px; border:1px solid #666;cursor:pointer;background:#999}
.sub-button:hover{color:#444;border-color: #999;background:#ccc}
</style>
<center><div class="social" style="padding: 0pt 0pt 0pt 5px;">
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=TheGioiTinHocOnline' rel="nofollow"target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCt9rlBsFi6OKJK9iLvUnHlRWos5bXUxufeo1mTZ6W8QUKKWtxDoY0A56t1zlQCzrkQc9n5w41nyag4V99SV7SzqwsNVUYg0rdftBeOvVv0R5v3H7EjoTRR451Vq2YO4arJN82Gr1Ow0/s1600/mail.png" border="0" title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/TheGioiTinHocOnline' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW9WxMNjsryBvh6f57IJOkEIVRL3Y0iOU_ieG4Og0R7MMUxSSopjasXSKRuNzq50wL8au9yKPJBvqMCUus1MMN8nO0PAoJVJzreH8e5D3j-p-A99X92YEE98Bdcqdf8jW0mqTkdOfk8So/s1600/rss.png" border="0" title='rss'/></a> </td>
<td> <a href='https://twitter.com/TheGioiTinHocOn' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLlfQJBNICyRQtProtxtmFF5JfBteMVKWy2gqJ0IjPdtywnNIXrm5e60ji_4sD7ZZoRhaT_bGHF7ZeDUkqPwauVDtwGqwXM2veRIxpuIo8Z_T12z_ZPTkkb5iehRhcF173BnGMczbMoSc/s1600/twitter.png"  border="0" title='twitter'/></a> </td>
<td> <a href='https://www.facebook.com/thegioitinhoconline' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzvcBDVFU3nfkaIGzxQwje5VVkWTcTxtATYA4c_EeFit6oe-QiC4sFU3JhlaHUTkLNoIcMtIZ3yB-arsrmluoe-Lt8cUBAZFOdei2tZvC_FzR3SRrhpYj-rBKUzq-MRirPuTAIwAz6B7Q/s1600/facebook.png"  border="0" title='facebook'/></a> </td>

<td> <a href='http://www.youtube.com/' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcCMjZeiJiaHZF3cFB3kPf1g6_t_weowIKeni2XXNEbrrUl6_60MZS2xx_vIydCvy_DEaOXW77mVRw_SufdIFZIUOFuozG3HIMXjUxmRSMjCUF7EIqZZOhd5QNYR8ddHVMSI6epXbPd74/s1600/youtube.png"  border="0" title='youtube'/></a>

</td>
</tr></tbody></table> </div></center>
<center>
<div class='sub-box'>
<div style="text-align: left; display: inline-block;">
<h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8>
<small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/TheGioiTinHocOnline' rel="nofollow" target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</i></small>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TheGioiTinHocOnline', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="Thegioitinhoconline" name="uri"/>
<input type="hidden" name="loc" value="fr_FR" />
<input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="sub-button" value="Enter" title='' alt='' />
</form></div></div></center>

Lưu ý:  các bạn hãy lần lượt thay địa chỉ face, twitter, youtube, feeds.feedburner các dòng màu đỏ tương ứng với địa chỉ các mạng xã hội của mình, về facebook, twitter, youtube, thì chắc không có gì lạ đối với các bạn còn feedburner thì các bạn có thể đămg ký địa chỉ của mình tương ứng với địa chỉ http://feedburner.google.com/fb/a/mailverify?uri=TheGioiTinHocOnline
Để đăng ký thì các bạn có thể tham khảo bài viết Đăng Ký Nhận Bài Viết Thông Qua Feedburner rồi thay thế vào địa chỉ widget của mình.

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

Bài viết thuộc bản quyền thegioitinhoconline.com. Bạn nào copy cho blogger/website thì hãy ghi rõ nguồn bài viết bên dưới để thể hiện nhân cách của mình nha.

DMCA.com
Read more…

Đăng Ký Nhận Bài Viết Thông Qua Feedburner

07:18 |
Đăng Ký Nhận Bài Viết Thông Qua Feedburner

    Nếu Bạn là một blogger thì chắc hẳn các bạn đã từng nghe nói đến Feedburner rồi phải không nào. Nó là sản phẩm nguồn cấp dữ liệu miễn phí được Google mua lại vào năm 2007, nhằm giúp nhà xuất bản phân tích, tối ưu hoá, quảng bá, và kiếm thu nhập quảng cáo từ các nguồn cấp dữ liệu RSS của họ.
FeedBurner có rất nhiều tác dụng đặc biệt là trong quá trình thiết kế của một trang Web, hiện nây rất nhiều tiện ích yêu cầu phải có feed mới có thể chạy được. Do đó hôm nay thegioitinhoconline sẽ hướng dẫn các bạn đăng ký một FeedBurner cho blogspot của các bạn và cách lấy feedburner đặt vào blog để người dùng có thể đăng ký nhận bài viết từ blog của bạn mỗi khi có bài viết mới trên blog của bạn. Điều này cùng góp phần vào việc quảng bá blog của bạn và nó sẻ giúp người dùng dễ dàng cập nhật tin trên blog của bạn.

1. Đầu tiên bạn hãy vào đây và đăng nhập bằng tài khoản Google của bạn.

2. Sau khi đã đăng nhập được vào tài khoản, bạn tiếp tục nhập địa chỉ blog của mình như bên dưới và chọn “Next“.
Đăng Ký Nhận Bài Viết Thông Qua Feedburner
  3. Ở đây bạn chỉ việc chọn một trong hai dạng feed và chọn “Next“.


Đăng Ký Nhận Bài Viết Thông Qua Feedburner

4. Đến đây là nơi bạn cần đặt tiêu đề (Title) và địa chỉ cho feed của bạn. Bạn có thể thay đổi hoặc cũng có thể để mặc định như vậy và chọn “Next“.

Đăng Ký Nhận Bài Viết Thông Qua Feedburner

5. Sau khi bạn chọn “Next“, bạn sẽ nhìn thấy địa chỉ feed của bạn ở cửa sổ tiếp theo. Ở đây bạn có thể click vào địa chỉ feed để xem thử.

Đăng Ký Nhận Bài Viết Thông Qua Feedburner
6. Sau khi thấy địa chỉ thích hợp thì bạn chọn “Next” để đi tiếp. Bạn hãy chọn “Next” ở cửa sổ tiếp theo.
Đăng Ký Nhận Bài Viết Thông Qua Feedburner
7. Sau khi bạn chọn “Next” bạn sẽ thấy cửa sổ như bên dưới, bạn hãy chọn “Publicize“.
Đăng Ký Nhận Bài Viết Thông Qua Feedburner

8. Sau đó bạn chọn tiếp “Email Subscriptions” như bên dưới.

Đăng Ký Nhận Bài Viết Thông Qua Feedburner

9. Ở cửa sổ này bạn chọn “Activate” để lấy mã chèn vào blog.

Đăng Ký Nhận Bài Viết Thông Qua Feedburner
10. Đến đây bạn sẽ nhìn thấy một đoạn mã. Hoặc bạn lấy đoạn mã chèn vào phần tử HTML/Javascript trên blog của mình, hoặc bạn có thể chèn trực tiếp vào blogger bằng cách chọn “Blogger” ở phần “Typepad” và chọn “Go“. Mình thấy việc copy code dán vào blog sẽ nhanh hơn, bạn có thể chọn cách này để dễ dàng kiểm soát hơn.

Đăng Ký Nhận Bài Viết Thông Qua Feedburner
Như vầy trên blog của bạn đã có form để người dùng đăng ký nhận bài viết trên blog của bạn được cung cấp bởi Feesburner.
Ngoài ra các bạn có thể tham khảo các vấn đề khác tại bài viết bên.
Chúc các bạn thành công!
Read more…

Cách Hiển Thị Logo Hình Ảnh Trên Tìm Kiếm Google

19:11 |
Cach Hien Thi Logo Hinh Anh Trên Tim Kiem Google

    Mỗi khi các ban search trên google, thỉnh thoảng chúng ta lại tìm thấy website của một người nào đó kèm theo hình ảnh chú thích bên dưới đó là Rich Snippets.
 Hiển thị nội dung này là vấn đề chính của chúng ta hôm nay.
Mình sẽ định nghĩa rõ ràng từng mục cho các bạn tham khảo.

Rich Snippets là gì ? Một khái niệm không mới nhưng hiện đang là mối quan tâm của rất nhiều bạn trong thời gian gần đây. Hiện nay trên các diễn đàn về SEO thường hay xuất hiện những câu hỏi dạng như : “làm thế nào để tạo 5 sao ?”, “cách tạo logo trên google ? ” , “tạo đánh giá trên google ?” … tất cả những câu hỏi đó, đều có chung một câu trả lời, đó là Rich Snippets.

Vậy Rich Snippets là gì ?

Rich Snippets là đoạn thông tin hiển thị trên kết quả trả về của bộ máy tìm kiếm (Google, Yahoo, Bing, …) được thể hiện dưới dạng sao, hình ảnh, xếp hạng đánh giá, … nhằm làm tăng độ nổi bật của website khi người dùng thực hiện thao tác search với một từ khóa nào đó.
Cach Hien Thi Logo Hinh Anh Trên Tim Kiem Google

Công dụng của Rich Snippets.

- Hiển nhiên có thể thấy lợi ích trước nhất của Rich Snippets chính là làm tăng độ nổi bật của website, hãy thử tưởng tượng trên danh sách kết quả trả về của Google, xuất hiện một website mang theo 5 ngôi sao vàng rực rỡ, điều đó chắc chắn sẽ thu hút được sự chú ý của người dùng và tăng tỷ lệ click vào website đó.
- Thứ hai:  khi bạn tìm kiếm một chủ đề nào đó trên bộ máy tìm kiếm, trên danh sách kết quả trả về bạn nhìn thấy một website có đoạn text như thế này : “xếp hạng 9/10 – 5000 phiếu đánh giá”, bạn sẽ nghĩ rằng “À, website này phải tốt lắm nên mới xếp hạng và đánh giá cao như thế !” và từ suy nghĩ đó, hiển nhiên bạn sẽ tự động click để truy cập vào website đó mà chẳng quan tâm đến các website khác.
- Thứ ba:  khi bạn muốn mua một món đồ nào đó, mua giày chẳng hạn, bạn tìm kiếm trên mạng và vô tình bạn phát hiện ra website kia có hình ảnh một đôi giày mà bạn ưa thích, bạn có click vào không, chắc chắn là có phải ko nào.
- Thứ tư:  bạn là một đầu bếp, bạn muốn tìm hiều một món ăn ngon, bạn tìm kiếm và thấy website đó có hình ảnh một dĩa thức ăn ngon tuyệt, vậy bạn có click không.

Hướng dẫn kỹ thuật
Cách Hiển Thị Logo Hình Ảnh Trên Tìm Kiếm Google

Đầu tiên bạn cần tạo 1 tài khoản Google+ hoặc nếu có rồi bạn click vào link này.
Tiếp tục bạn lấy id của tài khoản Google+ của bạn, bằng cách nhấp vào tiểu sử. Khi mình nhấp vào tiểu sử thì mình có được url này:
PHP:
https://plus.google.com/u/0/?tab=wX#10552939563061774288/posts
Con số 10552939563061774288 bên trên chính là id của tài khoản Google+ của bạn, đoạn đó mình sẽ thêm vào vào website của mình đấy.
Để thêm Logo vào website của mình thì có 3 cách viết mã:
+ Cách 1:
Thêm đoạn code bên dưới vào header của website, đoạn này nằm trong thẻ <head> nha các bạn.
PHP:
<link href="https://plus.google.com/10552939563061774288" rel="author">
+ Cách 2:
Đoạn code bên dưới bạn có thể thêm tùy ý ở đâu, mình quan sát thì một số cao thủ thêm vào footer trang web.
PHP:
<a href="https://plus.google.com/10552939563061774288?rel=author">idichvuseo</a>
+ Cách 3:
Các này giống cách 2, nhưng tùy biến thẻ author một chút.
PHP:
<a href="https://plus.google.com/10552939563061774288" rel="author">

Để kiểm tra đã thành công hay chưa mình vào Rich Snippets Testing Tool. Nếu báo Verified: Authorship markup is verified for this page. là thành công rồi nha bạn, mình ngồi chờ google update nữa là xong.

Lưu Ý:  Cách Hiển Thị Logo Hình ảnh Trên Tìm Kiếm GoogleCác bạn không nên lạm dụng thủ thuật, vì nếu là cá nhân mà đăng ảnh mình lên bộ mặt website của tổ chức hay doanh nghiệp thì không tốt chút nào. Người ngoài sẽ đánh giá nó không có quy mô lớn. Ngược lại, nếu sử dụng vào website cá nhân thì tầm ảnh hưởng của bạn sẽ rất lớn. Nói chung đây cũng chỉ là một công cụ, tùy vào cách chúng ta sử dụng có khôn ngoan hay không.

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


Read more…