[ Thủ Thuật Blogger ] - 10 cách tăng lượt truy cập cho blog của bạn

Việc lập một blog không khó, cái khó nhất là làm sao có được nhiều lượt truy cập? đặc biệt là blog mới lập. Vâng, blog mới làm sao có nhiều lượt truy cập? đó là câu hỏi phổ biến nhất của những bạn mới bước chân vào con đường làm blog kiếm tiền. Bài viết này mình sẽ chia sẻ một số cách tăng lượt truy cập cho blog mới, tức là chỉ dành cho những “newbie” thôi nhé!

1. Tạo và gửi sơ đồ blog (XML sitemap) cho Google
XML sitemap được hiểu đơn giản là một bản đồ thu nhỏ của blog, webiste và nó sẽ liệt kê tất cả các liên kết có bên trong blog của bạn. Mục đích của việc tạo XML sitemap là để gửi lên Google Search Console, khi đó các bot tìm kiếm của Google sẽ lần theo các địa chỉ trong sitemap này và đưa nó vào hệ thống dữ liệu tìm kiếm của Google. Nếu không thực hiện bước này, các bot tìm kiếm của Google sẽ khó có thể biết đến blog của bạn đang tồn tại mà lần mò đến. Do đó đây là công việc đầu tiên bạn phải thực hiện ngay sau khi đã tạo blog.

2. Xây dựng nội dung thật hữu ích
Bạn phải dành thời gian để tự viết cho mình một vài bài viết thật hữu ích cho người dùng. Bạn hãy lên các diễn đàn hoặc các group facebook,…xem mọi người đang cần gì liên quan đến chủ đề blog của bạn, rồi sau đó cố gắng viết một vài bài viết thật chất lượng, đáp ứng được nhu cầu của nhiều người đang cần đến nó, hãy tìm hiểu cách viết bài thế nào sao cho chuẩn SEO, rồi xuất bản những bài viết đầu tiên cho chất lượng và chuẩn SEO.

3. Khai báo bài viết cho Google index
Nếu một bài viết chất lượng thì sớm muộn cũng sẽ được Google index, cho vào danh sách tìm kiếm, thế nhưng đối với một blog mới, một bài viết mới thì sẽ phải mất rất nhiều thời gian. Do vậy bạn phải chủ động khai báo ngay cho Google biết rằng bạn đã xuất bản một bài viết lên internet, yêu cầu google cho vào danh sách tìm kiếm. 

4. Hãy share bài viết lên facebook
Ngay sau khi bài viết được đăng bạn hãy chia sẻ ngay lên facebook. Bạn tìm những nhóm có chủ đề liên quan đến blog của bạn rồi chia sẻ lên đó, xem các bài đăng của mọi người, nếu có ai đó hỏi gì liên quan đến nội dung bài viết của bạn, hãy share cho họ, đảm bảo họ sẽ không chỉ thưởng cho blog của bạn những lượt truy cập chất lượng nhất mà còn cảm ơn bạn ríu rít, nếu thấy blog của bạn hay họ sẽ nhớ mãi, truy cập nhiều lần sau này nữa. Đây chính là cách có được truy cập cho blog nhanh nhất.

5. Share bài viết lên Google+
Như bạn thấy từ khi facebook ra đời, dường như các mạng xã hội khác trong đó có Google+ dường như bị nhiều người lãng quên, nhưng những người làm blog, làm website không quên được nó. Bởi Google+ thật sự rất có ích cho SEO, với mỗi bài viết trên một blog mới toanh sẽ phải mất rất nhiều thời giản để các công cụng tìm kiếm để ý đến, nhưng khi được Google+ giới thiệu thì Google thật sự phải để ý, nhiều bài viết được chia sẻ lên Google+ có thể được lên top rất nhanh chóng, chỉ trong vài giây. Dù kết quả trong top đó chỉ liên kết đến Google+ (tức là chỉ bài chia sẻ lên top thôi còn bài gốc thì không) nhưng nó thật sự cho bạn một số lượt truy cập không nhỏ, tạo cho blog của bạn uy tín hơn, được Google và một số cung cụ khác chú ý hơn.

6. Share bài viết lên Twitter
Twitter là một trang mạng xã hội chỉ đứng sau facebook, đối với các blog nước ngoài thì việc chia sẻ bài viết lên mạng Twitter sẽ kéo được rất lượt truy cập, còn đối với blog Việt Nam thì có thể rất ít, nhưng vẫn rất có lợi cho SEO, vậy nên đừng bỏ qua nó nhé!

7. Share bài viết lên các diễn đàn
Bạn hãy tìm các diễn đàn có chủ đề liên quan đến blog của bạn rồi đăng các bài đăng rồi chèn liên kết liên quan lên đó, nếu diễn đàn có link chữ ký thì càng tuyệt vời. Nhiều diễn đàn chất lượng, rất đông thành viên, nếu bài viết của bạn chất lượng được đăng thì lượng truy cập từ đó cho blog của bạn không hề nhỏ. Nhưng hãy cẩn thận, đừng cố spam nhé! dễ bị ban nick lắm và không khéo sẽ bị Google cho blog của bạn vào tù luôn đó.

8. Bình luận lên các blog cùng chủ đề
Mục bình luận của đa số các blog đều có phần chèn website, do vậy hãy biết tận dụng chúng nhé! Bạn hãy thường xuyên ghé tham các blog có cùng chủ đề rồi để lại bình luận và nhớ chèn link blog của bạn trong khung điền website nhé! Cách này có thể kéo được rất nhiều độc giả từ blog của họ vào blog của bạn đó, đồng thời tạo cho blog những backlink chất lượng, rất tốt cho SEO. Tuy nhiên hãy cố gắng để lại những bình luận thật sự tự nhiên, tránh việc spam nhé!

9. Viết bài lên các blog khác
Hiện nay có khá nhiều blogger cần tuyển cộng tác viên viết bài, bạn có thể tham gia viết bài cho họ để được vài backlink hoặc kiếm tiền nhuận bút nếu muốn. Ngoài ra, bạn cũng có thể bỏ tiền ra thuê blog người khác để đăng bài giới thiệu, đặt link đến blog của bạn, cách này chắc chắn sẽ nhận được một lượng truy cập không nhỏ. Hãy cố gắng chọn những blog có cùng chủ đề hoặc có liên quan đến blog của bạn nhé!

10. Tiếp tục SEO


Những cách làm trên có thể cho bạn những lượt truy cập nhanh chóng, nhưng để lâu lài và bền vững bạn phải SEO cho blog, hãy tối ưu từng trang, từng bài viết trên blog của bạn thân thiện với người dùng và các công cụ tìm kiếm, đi kiếm những backlink chất lượng, nghiên cứu từ khóa và cho ra những bài viết chất lượng….mục đích cuối cùng là đưa nhiều từ khóa của blog lên top Google, khi đó blog của bạn sẽ tự động có thêm rất nhiều truy cập từ Google tìm kiếm.
Kết luận

Trên đây là những cách dễ dàng giúp bạn tăng lượt truy cập cho blog của mình. Hãy cố gắng làm đầy đủ, đừng bỏ sót cái nào, sẽ giúp bạn có được những lượt truy cập đầu tiên một cách nhanh chóng, có thể là ngay lập tức, và có thêm rất nhiều lượt truy cập tự nhiên sau này nữa, chắc chắc thành công sẽ sớm đến với bạn.

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

(Admin: Trọng Khanh Nguyễn)

(Nguồn: sonzim.com)

Xem tiếp

[ Thủ Thuật Blogger ] - Tối ưu SEO cho Blogspot

Chào các bạn, bạn đang sử dụng nền tảng Blogspot/Blogger để tạo trang web, blog cá nhân cho mình? Bạn đang phân vân không biết nên thực hiện những gì để có thể tối ưu hóa SEO cho trang web của mình?

OK, trong bài viết này, mình sẽ tổng hợp lại tất cả các bước để tối ưu SEO cho Blogspot chuẩn nhất và mình đã thành công!
1. Tối ưu hóa robots.txt

Nhiệm vụ của file robots.txt là cho phép và không cho phép bọ tìm kiếm truy cập và index các page trên trang web của bạn. Nếu bạn tối ưu tốt file này, bạn sẽ có thể tăng được tốc độ index các bài viết của mình trên các công cụ tìm kiếm. Do vậy, việc tối ưu hóa file robots.txt là hết sức quan trọng trong việc SEO lên TOP.

Thông thường, chúng ta sẽ chặn index một số trang sau: Tìm kiếm, Các page từ thứ 2 trở đi,… Vì vậy, chúng ta sẽ có một file robots.txt chuẩn chung dành cho các trang web sử dụng Blogspot như sau: 

User-agent: * 

Allow: / 

Disallow: /search 

Disallow: /*?updated-max=* 

Sitemap: http://yourdomain/sitemap.xml

Ngoài ra, nếu các bạn muốn SEO Label Blogspot thì nên thêm dòng sau vào file robots.txt:
Allow: /search/label/

2. Tối ưu thẻ Title và Description

Song song với việc tối ưu file robots.txt thì việc tối ưu thẻ Title và Description cho website cũng không kém phần quan trọng. Nếu bạn có một tiêu đề và mô tả cho bài viết hay, chứa được các từ khóa quan trọng – Thì việc bài viết của bạn xuất hiện nhiều trên kết quả tìm kiếm cũng như có nhiều lượt khách truy cập là không hề khó.

Vậy làm sao để tối ưu được các thẻ này cho blog của mình? Như các bạn đã biết, thẻ tiêu đề sẽ được định bằng cặp thẻ <title>Tiêu đề bài viết</title> và thẻ mô tả sẽ được định bằng thẻ <meta name="description" content="Nội dung mô tả bài viết" />. Vì vậy việc của chúng ta là tối ưu các thẻ này cho từng trang, từng bài viết của mình mà thôi.

Sau một thời gian nghiên cứu và tìm tòi, mình đã tích hợp được một tập hợp các thẻ nhằm tối ưu SEO cho Blogspot mà chúng ta hay gọi là All in One SEO Pack cho Blogger. 

<meta charset='utf-8'/> <meta content='IE=edge' http-equiv='X-UA-Compatible'/> <meta content='width=device-width, initial-scale=1' name='viewport'/> <meta content='blogger' name='generator'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='index,follow' name='Googlebot'/> <meta content='index,follow,noodp' name='robots'/> <meta content='noodp' name='robots'/> <link href='/favicon.ico' rel='icon' type='image/x-icon'/> <meta content='https://www.facebook.com/ID/' property='article:publisher'/> <meta content='https://www.facebook.com/ID/' property='article:author'/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <title><data:blog.pageName/></title> <meta content='index,follow' name='robots'/> <meta content='noodp' name='robots'/> <link href='https://plus.google.com/+ID/posts' rel='publisher'/> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/></b:if> <b:if cond='data:blog.searchLabel'> <title><data:blog.pageName/></title> <!-- TRANG LABEL --> <meta content='THÊM Description' name='Description'/> <meta content='THÊM keywords' name='keywords'/> <meta content='index,follow' name='robots'/></b:if> <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <meta expr:content='data:blog.metaDescription' name='description'/> <link expr:href='data:blog.url' rel='canonical'/> <meta content='noodp,noydir' name='robots'/> <meta content='THÊM keywords' name='keywords'/> <meta content='website' property='og:type'/> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.metaDescription' name='og:description'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='LINK ẢNH TRANG CHỦ' property='og:image'/> <b:else/> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <title><data:blog.pageName/></title> </b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta content='noodp' name='robots'/> <link href='https://plus.google.com/+ID/posts' rel='publisher'/> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <meta expr:content='data:blog.postImageUrl' name='twitter:image'/> <meta expr:content='data:blog.postImageUrl' itemprop='image'/></b:if> <meta content='data:blog.pageName' property='og:site_name'/> <meta content='article' property='og:type'/></b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <title>Page Not Found</title></b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <meta content='noindex' name='robots'/></b:if> <b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:if cond='data:blog.homepageUrl != data:blog.url'> <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/></b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.postImageThumbnailUrl'><link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/></b:if></b:if> <meta content='ID' property='fb:app_id'/> <meta content='ID' property='fb:admins'/> <link href='https://plus.google.com/+ID/posts' rel='publisher'/> <link href='https://plus.google.com/+ID/posts/about' rel='author'/> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <link expr:href='data:blog.url' expr:title='data:blog.pageName' rel='openid.delegate'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/> <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <script type='application/ld+json'> {&quot;@context&quot; : &quot;http://schema.org&quot;,&quot;@type&quot; : &quot;WebSite&quot;,&quot;name&quot; : &quot;<data:blog.pageTitle/>&quot;,&quot;url&quot; : &quot;LINK TRANG CHỦ&quot;} </script> <link expr:href='data:blog.canonicalHomepageUrl' hreflang='vi-vn' rel='alternate'/></b:if> <b:else/> <b:if cond='data:blog.pageTitle != data:blog.title'> <link expr:href='data:blog.canonicalUrl' hreflang='vi-vn' rel='alternate'/> </b:if></b:if>

Nâng cao: Thêm thẻ mô tả cho từng bài viết
Đầu tiên, bạn vào Cài đặt -> bật Mô tả của Thẻ meta lên. Sau đó, mỗi khi viết bài bạn sẽ thấy xuất hiện thêm phần Mô tả tìm kiếm ở cột bên phải khung soạn thảo. Tại đây bạn sẽ nhập nội dung mô tả của từng bài viết vào nhé!


3. Tối ưu hình ảnh

Ngoài việc tối ưu cho các bài viết và từ khóa cho trang web, thì việc tối ưu hình ảnh cũng đem lại cho bạn một lượng truy cập đáng kể đấy.

Một hình ảnh được xem là chuẩn SEO khi có đầy đủ cả thẻ title và alt. Nếu bạn không có thời gian để thêm cho từng hình ảnh thì có thể sử dụng đoạn code sau để tự động lấy tiêu đề bài viết để là thẻ title và alt. 

<script type='text/javascript'> $(document).ready(function() { $('img').each(function() { var $img = $(this); var filename = $img.attr('src') $img.attr('alt', filename.substring((filename.lastIndexOf('/')) + 1, filename.lastIndexOf('.'))); }); }); </script> <script type='text/javascript'> $(document).ready(function() { $('img').each(function() { var $img = $(this); var filename = $img.attr('src') $img.attr('title', filename.substring((filename.lastIndexOf('/')) + 1, filename.lastIndexOf('.'))); }); }); </script>

4. Tối ưu SEO Label Blogspot 

Thông thường, chúng ta thường không SEO Label khi sử dụng Blogspot bởi URL nó không đẹp và một số bạn thì không biết cách. Tuy nhiên, qua trải nghiệm thì mình thấy SEO Label cho Blogspot cũng rất dễ và hay.

Có lẽ cái khó nhất ở đây chính là việc tối ưu Title và thẻ Description nhỉ? Mặc định thì Blogspot không có chức năng này. Tuy nhiên, dựa vào thẻ điều kiện mà Blogspot đã hố trợ thì chúng ta lại có thể khắc phục rất dễ dàng. Các bạn chỉ cần copy đoạn code dưới, sửa lại cho phù hợp và thêm vào dưới thẻ <head>trong Template của bạn mà thôi. 

<b:if cond='data:blog.searchLabel == &quot;Tên Label&quot;'> <title>Tiêu đề bạn muốn hiển thị</title> <meta content='Mô tả cho Label' name='description'/> <b:else/>

5. Tối ưu tốc độ trang web

Các công cụ tìm kiếm luôn đặt trải nghiệm người dùng lên đầu, vì vậy việc một trang web có tốc độ tải trang chậm sẽ luôn bị đánh giá thấp hơn một trang web có tốc độ tải trang nhanh. Thờ gian trở lại đây thì Google chính thức công bố thêm thời gian tải trang vào để xếp hạng trang web trên kết quả tìm kiếm của mình.

6. Tối ưu giao diện cho thiết bị di động

Càng ngày, chúng ta sử dụng thiết bị di động cho việc giải trí càng nhiều. Chính vì vậy, việc tối ưu trang web của mình cho các thiết bị di động là một việc cần thiết. Gần đây, Google lại cũng đã chính thức thêm yếu tố tương thích với thiết bị di dộng vào việc xếp hạng các trang web trên kết quả tìm kiếm.

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

(Trọng Khanh Nguyễn)

(Nguồn: mocgin.com)

Xem tiếp

[ Blogger ] - Tạo Label Cloud Flat UI Màu Xanh Tươi Mát

Xin chào, lần này mình sẽ hướng dẫn các tạo style cho các nhãn trong blogger - blogspot. Với phong cách xanh tươi mát mẽ cho ngày hè nóng nực, phối với màu sắc phẳng tạo nên sự tươi mát cho blog của bạn. Đặc biết nếu dùng màu xanh cây với trắng làm màu chủ đạo của blog thì đây thì thứ ko thế thiếu cho blog

Được đăng bởi Xuân Việt Blog

Thực Hiện

1. Các bạn đang nhập Blogger -> Mẫu -> Chỉnh Sửa HTML

2. Sau đó các bạn Tìm với từ khóa "Label" để tìm và xóa hết các đoạn CSS có trong tenplate của bạn, nếu như ko có thì bỏ qua bước này.

3. Các bạn chép toàn bộ code CSS bân dưới vào trước thẻ đóng ]]></b:skin> hoặc thẻ đóng </style>

CSS/*CSS Label*/
.Label a{padding-left:5px;padding-right:31.5px;color:#fff!important;height:32px;background:#1abc9c;margin-right:2px;line-height:32px;text-decoration:none;border:none!important;-webkit-transition:all .3s ease-in-out!important;float:left;margin-top:2px;font-size:13px;text-align:left}
.Label a:hover{color:#fff!important;background:#16a085}
.Label a:after{content:"";position:absolute;width:0;height:0;border-width:16.5px;border-style:solid;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent}

4. Lưu Mẫu lại

5. Sau đó các bạn vào Bố Cục -> Thêm tiện ích -> Nhãn và chọn theo ảnh bên dưới. 

Các bạn có thể thay đồi các thông số như sau

• Tiêu đề
• Hiện thị 1
• Sắp xếp. 
• Còn  lại giữ nguyên như hình

DEMO

Xem tiếp

[ TIP ] Tạo Tiện Ích Thống Kê Blog Đơn Giản Đẹp

Như các bạn đã biết Blogger hỗ trợ 1 Widget giúp thống kê cho blog hiển thị số lượt truy cập vào Blog. Nhưng mặc định của nó không được đẹp. Nên hôm nay mình sẽ chia sẽ 1 mẫu Thống kê cho Blog được tùy biến lại so với bản gốc của Blogger.

Mẫu này thì mình tách từ một template khác :D các bạn mang về có thể chỉnh sửa lại cho ưng ý. Giờ thì bắt tay vào làm thôi nhỉ :D.
Hướng Dẫn :

Bước 1: Các bạn đăng nhập vào Blog của các bạn => Bố cục

Bước 2: Chọn Thêm Tiện ích => Thống kê blog => Chọn kiểu thứ 2 (như hình dưới) rồi Lưu

Lưu ý: Các bạn để ý vào link của Widget các bạn vừa tạo và nhớ cái ID sau cùng của dòng link. Thường thì mặc định của Widget này là Stats1.

Bước 3: Các bạn chọn Mẫu => Chỉnh sửa HTML => Chọn đến tiện ích lúc nãy các bạn vừa thêm, như của mình là Stats1

Lúc này các bạn sẽ thấy 1 đoạn code:

  <b:widget id='Stats1' locked='false' title='Tổng số lượt xem trang' type='Stats' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <!-- Content is going to be visible when data will be fetched from server. -->
    <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
      <!-- Counter and image will be injected later via AJAX call. -->
      <b:if cond='data:showSparkline'>
        <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
      </b:if>
      <span expr:class='&quot;counter-wrapper &quot; + (data:showGraphicalCounter ? &quot;graph-counter-wrapper&quot; : &quot;text-counter-wrapper&quot;)' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>
      </span>
      <b:include name='quickedit'/>
    </div>
  </div>
</b:includable>
  </b:widget>

Bước 4: Các bạn thay đoạn code bên trên bằng đoạn code phía dưới:

  
  <b:widget id='Stats1' locked='false' mobile='yes' title='Thống Kê Truy Cập' type='Stats' version='1' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <!-- Content is going to be visible when data will be fetched from server. -->
    <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
      <b:if cond='data:showAnimatedCounter and data:showSparkline'><div class='stats-overlay'/></b:if>
      <b:if cond='data:showSparkline'>
        <img alt='Sparkline' class='sts-chart img-responsive' expr:id='data:widget.instanceId + &quot;_sparkline&quot;'/>
      </b:if>
      <div class='stats-container'><label><b:with value='&quot;pageViews&quot;' var='translateLan'><b:include name='translateLan'/></b:with></label><div expr:class='&quot;counter-wrapper &quot; + (data:showGraphicalCounter ? &quot;mat-counter graph-counter-wrapper&quot; : &quot;text-counter-wrapper&quot;)' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/></div>
    </div>
    <div class='stats-container'><label><b:with value='&quot;postsNumber&quot;' var='translateLan'><b:include name='translateLan'/></b:with></label><div expr:class='(data:showGraphicalCounter ? &quot;mat-counter &quot; : &quot;&quot;) + &quot;total-posts-counter&quot;'/></div>
<script>
function totalPosts(json){$(&quot;.total-posts-counter&quot;).append(json.feed.openSearch$totalResults.$t);};
$( document ).ready(function() {
var sTP = document.createElement(&quot;script&quot;);
sTP.type = &quot;text/javascript&quot;;
sTP.src = &quot;/feeds/posts/default?alt=json-in-script&amp;max-results=0&amp;callback=totalPosts&quot;;
$(&quot;head&quot;).append(sTP);
});
</script>

     <!-- <b:include name='quickedit'/>-->
  </div>
</b:includable>
    <b:includable id='translateLan'>
<b:with value='{&quot;af&quot;, &quot;de&quot;, &quot;am&quot;, &quot;ar&quot;, &quot;bn&quot;, &quot;kn&quot;, &quot;zh_HK&quot;, &quot;zh_CN&quot;, &quot;zh_TW&quot;, &quot;es&quot;, &quot;es_419&quot;, &quot;fil&quot;, &quot;fr_CA&quot;, &quot;fr&quot;, &quot;el&quot;, &quot;gu&quot;, &quot;hi&quot;, &quot;id&quot;, &quot;en&quot;, &quot;en_GB&quot;, &quot;it&quot;, &quot;ja&quot;, &quot;ml&quot;, &quot;ms&quot;, &quot;mr&quot;, &quot;or&quot;, &quot;pt_BR&quot;, &quot;pt_PT&quot;, &quot;ru&quot;, &quot;ta&quot;, &quot;te&quot;, &quot;ur&quot;}' var='langsAvailable'>
<b:if cond='data:langsAvailable any (language =&gt; language == data:blog.locale )'>
<b:with value='{0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31}' var='langNum'>
<b:with value='{&quot;Bladkyke&quot;, &quot;Seitenaufrufe&quot;, &quot;የገጽ ዕይታዎች&quot;, &quot;المشاركات&quot;, &quot;পৃষ্ঠাদর্শন&quot;, &quot;ಪುಟವೀಕ್ಷಣೆಗಳು&quot;, &quot;網頁檢視次數&quot;, &quot;网页浏览次数&quot;, &quot;個網頁瀏覽數&quot;, &quot;Páginas vistas&quot;, &quot;Páginas vistas&quot;, &quot;Mga Pageview&quot;, &quot;Pages vues&quot;, &quot;Pages vues&quot;, &quot;Προβολές σελίδας&quot;, &quot;પૃષ્ઠ દૃશ્યો&quot;, &quot;पृष्ठ देखे जाने की संख्या&quot;, &quot;Penayangan&quot;, &quot;Pageviews&quot;, &quot;Pageviews&quot;, &quot;Visualizzazioni di pagine&quot;, &quot;ページビュー&quot;, &quot;പേജ്‌കാഴ്‌ചകള്‍‌&quot;, &quot;Paparan halaman&quot;, &quot;पृष्ठदृश्ये&quot;, &quot;Pageviews&quot;, &quot;Visualizações de página&quot;, &quot;Visualizações de páginas&quot;, &quot;Просмотры страницы&quot;, &quot;பக்கக்காட்சிகள்&quot;, &quot;పేజీ వీక్షణలు&quot;, &quot;صفحہ دیکھے جانے کی تعداد&quot;}' var='totalPageViewsMessage'>
<b:with value='{&quot;Plasings&quot;, &quot;Posts&quot;, &quot;ልጥፎች&quot;, &quot;مرات مشاهدة الصفحة&quot;, &quot;পোস্টগুলি&quot;, &quot;ಪೋಸ್ಟ್‌ಗಳು&quot;, &quot;文章&quot;, &quot;帖子&quot;, &quot;發表文章&quot;, &quot;Entradas&quot;, &quot;Publicaciones&quot;, &quot;Mga Post&quot;, &quot;Messages&quot;, &quot;Articles&quot;, &quot;Αναρτήσεις&quot;, &quot;પોસ્ટ્સ&quot;, &quot;संदेश&quot;, &quot;Pos&quot;, &quot;Posts&quot;, &quot;Posts&quot;, &quot;Post&quot;, &quot;投稿&quot;, &quot;പോസ്റ്റുകള്‍&quot;, &quot;Catatan&quot;, &quot;पोस्ट्स&quot;, &quot;ପୋଷ୍ଟ ସମୂହ&quot;, &quot;Postagens&quot;, &quot;Mensagens&quot;, &quot;Сообщения&quot;, &quot;இடுகைகள்&quot;, &quot;పోస్ట్‌లు&quot;, &quot;اشاعتیں&quot;}' var='totalPostsMessage'>
<b:with value='data:langNum first (x =&gt; data:langsAvailable[x] == data:blog.locale)' var='currentLang'>
<b:if cond='data:currentLang'>
<b:if cond='data:translateLan == &quot;pageViews&quot;'>
<b:eval expr='data:totalPageViewsMessage[data:currentLang]'/>
</b:if>
<b:if cond='data:translateLan == &quot;postsNumber&quot;'>
<b:eval expr='data:totalPostsMessage[data:currentLang]'/>
</b:if>
</b:if>
</b:with>
</b:with>
</b:with>
</b:with>
<b:else/>
<b:if cond='data:translateLan == &quot;pageViews&quot;'>
Lượt Xem
</b:if>
<b:if cond='data:translateLan == &quot;postsNumber&quot;'>
Bài Đăng
</b:if>
</b:if>
</b:with>
</b:includable>
  </b:widget>

Bước 5: Các bạn chèn đoạn code phía dưới vào trước và trên thẻ </head> 

<style> .widget.Stats, .Stats{background-color:<data:skin.vars.accentColor/>;color:<data:skin.vars.fallbackTextColor/>;}
.Stats .counter-wrapper, .Stats .total-posts-counter{display: inline-block;opacity: .87;font-size: 20px;border: 2px solid #03A9F4;border-radius: 10px;padding:10px 16px;}
.sts-chart{width:100%;height:120px;}
.stats-container{display: inline-block;float:left;width:50%;background-color: <data:skin.vars.fallbackBackground/>;margin-bottom: 15px;padding: 16px;text-align: center;}
.Stats .total-posts-counter{border: 2px solid #ff9800;}
label{display:block;opacity:.75;font-weight:400;}
.stats-overlay.counted{position: absolute;top: 0;right: 0;width: 100%;height: 120px;background-color: <data:skin.vars.accentColor/>;-webkit-transition: width 3s ease-in; -moz-transition: width 3s ease-in; -o-transition: width 3s ease-in; transition: width 3s ease-in;}
.stats-overlay.counted.animated{width: 0%;}</style>

Bước 6: Lưu lại và xem thành quả
Lời Kết : Chúc các bạn thành công. Nếu có thắc mắc thì Comment bên dưới mình sẽ giải đáp cho các bạn.

Xem tiếp

[ TIP ] Thêm nút mạng xã hội trượt dọc cho blog hiệu ứng đẹp

Cách làm rất đơn giản. Demo như hình.

Bước 1. các bạn vào Blog - Mẫu - Chỉnh sửa HTML

Nhấn tổ hợp phím Ctrl F - Tìm thẻ ]]></b:skin> 

Sau đó dán toàn bộ code sau lên trên thẻ đó.

CODE

 /* MXH */.startruongit{position:fixed;visibility:hidden;overflow:hidden;transition:all .5s ease-in-out;transition-delay:.1s;left:-70px;top:200px;}.google-plus-now,.facebook-like-now {background: red;padding:7px;width:68px;}.google-plus-now{padding:5px 7px 0px;}.facebook-like-now{background: blue;}.startruongit.show{visibility:visible;left:0}

Bước 2.bạn tìm đến thẻ </body>
Dán code sau lên trên thẻ đó
CODE

 <!-- MXH --><div class='startruongit'><div class='google-plus-now'><div class='g-plusone' data-size='tall'/></div><div class='facebook-like-now'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false'/></div></div><script type='text/javascript'>//<![CDATA[$(function(){    $(document).on( 'scroll', function(){        if ($(window).scrollTop() > 150) {            $('.startruongit').addClass('show');        } else {            $('.startruongit').removeClass('show');        }    });});//]]></script><!-- MXH -->

Sau đó lưu mẫu lại và xem kết quả. Chúc các bạn thành công. Like nếu bài viết hay nhé.

Xem tiếp