25+ Responsive Theme Free For Blogger 2016

Tổng hợp các Blogger Theme Free 2016 đẹp và hiện đại. Các blogger template mới chuẩn giao diện Responsive - tức là tương thích với nhiều thiết bị theo tiêu chuẩn SEO của google 2016.

Các mẫu theme blogger free

Các mẫu theme giới thiệu dưới đây đều là các bản Free dành cho tất cả các blogger muốn xây dựng một web-blog chuyên nghiệp. Các bản template miễn phí này đều phiên bản mới 2016 nên được thiết kế theo kiến trúc kiểu Responsive tương thích với mọi thiết bị cuối (cái này là một tiêu chuẩn SEO 2015 của Goolge - Mobile First / Mobile friendly). Tuy nhiên, người viết các theme này đều có bản Premium dành cho các bạn có yêu cầu support đầy đủ hơn !

Mẫu theme blogger đẹp miễn phí

MẪU THEME : DENS

Thiết kế kiểu Tạp chí với rất phù hợp với các bạn có ý định xây dựng môt trang blog web có phong cách riêng. Phù hợp với chủ đề về thời trang, du lịch hoặc ẩm thực ...

DEMO - DOWNLOAD

MẪU THEME: MEED

Mẫu Theme Free này phù hợp với blogger nào muốn xây dựng một blog có style và viết về những trải nghiệm cuộc sống, hay các hoạt động trải nghiệm du lịch, thời trang, làm đẹp... 

DEMO - DOWNLOAD

MẪU THEME KIỂU TẠP CHÍ : ARCADE MAG

Đây là mẫu theme dành riêng cho các Game thủ, những bạn blogger yêu thích chơi game có một blog chuyên nghiệp giới thiệu về các game...các có thể kinh doanh liên quan tới game ?

DEMO - DOWNLOAD

MẪU THEME SHOP BÁN HÀNG : BETACOMMERCE

Blogger theme này là giải pháp phù hợp với các bạn blogger muốn kinh doanh nghiêm túc, nó cũng phù hợp với nhu cầu kinh doanh cá nhân, hộ kinh doanh nhỏ có thể dễ dàng tạo một gian hàng miễn phí trên blogspot. Thực tế minh thấy rất nhiều shop kiểu này rất thành công ở Phương Tây, chỉ là ở VN có một số hạn chế khi xài Web-Shop trên blogspot...!

DEMO - DOWNLOAD

MẪU THEME BLOG ĐẸP : BLOGSTAR

Một mẫu theme sáng, rất dễ coi về trực quan sẽ rất phù hợp với cá tính ai thích thời trang, du lịch và phóng khoáng chia sẻ! Thanh menu thiêt kế đơn giản - dễ dàng điều hướng, các nút social cũng dễ dàng chia sẻ lên các mạng xã hội...

DEMO - DOWNLOAD

MẪU THEME BLOG THỜI TRANG : FASHION

Theme này dành cho các bạn blogger thích thời trang: thiết kế thời trang, shop thời trang, may mặc...hoặc đơn giản là thích shopping và chia sẻ vậy thôi ^^

Ví như mình thấy nhiều blog ở bển họ là những người thích ăn chơi và viết lách chia sẻ kinh nghiệm họ đã ăn chơi... và họ kiếm tiền từ chính blog đó! Đó chính là xây dựng content trải nghiệm lĩnh vực mình Sành nhất và chia sẻ thông tinn hữu ích tới mọi người. Và tất nhiên những nội dung hữu ích luôn thu hút được người đọc, và đây chính là cách kiếm tiền!

DEMO - DOWNLOAD

MẪU THEME : FABULOUS

Một template khá đặc biệt, có thể phù hợp với blogger có ý tưởng hay riêng biệt.

DEMO - DOWNLOAD

MẪU THEME BLOG THỜI TRANG-CUỘC SỐNG: LIFE FASHION

Một theme blogger rất sach - đẹp. Dễ dàng giới thiệu mẫu thiết kế...tới người xem

Theme này tương thích giao diện với nhiều thiết bị

DEMO - DOWNLOAD

MẪU THEME : FASTMAG

Một mẫu theme đẹp, có thể phù hợp với bạn!

DEMO - DOWNLOAD

MẪU THEME : GLAM UP

Nếu bạn cần một mẫu theme đơn giản, sạch sẽ, không rối rắm thì đây chính là một mẫu tempalte như vậy!

DEMO - DOWNLOAD

MẪU THEME BLOGGER PRO : GOSSIP

Một mẫu theme khá đơn giản mà đẹp, nó như một cuốn sổ nhật ký với các đề mục được trang trí rất dễ thương^^

DEMO - DOWNLOAD

MẪU THEME  : GRIDZ

Một mẫu theme thiết kế kiểu dạng lưới, hiện đại. Chắc Ai đó sẽ cần ? Theme này có Menu-mega rất pro. Mình thấy có thể nó sẽ rất hợp với các bạn bên BDS (Bất động sản) đang tìm mẫu làm Blog SEO các dự án Bất động sản!

DEMO - DOWNLOAD

MẪU THEME : JUGAS

Một mẫu theme hiện đại - Tương thích với mọi thiết bị

DEMO - DOWNLOAD

MẪU THEME KIỂU TẬP CHÍ: MOTIVE MAG

Là một mẫu theme kiểu magazine hiện đại và độc đáo. Mẫu này phù hợp blogger nào bỏ nhiều công sức tạo trang tin kiểu tạp chí như : Thời Trang .... sẽ rất đẹp

DEMO - DOWNLOAD

MẪU THEME BLOG CÁ NHÂN : PERSONAL

Như cái tên của theme, nó phục vụ cho blog cá nhân đúng nghĩa! Đơn giản - Sạch - Đẹp
Simple - Responsive - Clean - Nice

DEMO - DOWNLOAD

MẪU THEME : SMART BLOG

Thêm một theme blog cá nhân đúng nghĩa nhưng rất phong cách:

Simple - Responsive - Modern - Clean - Smart

DEMO - DOWNLOAD

MẪU THEME KIỂU TẠP CHÍ & MẠNG XÃ HỘI: SOCIAL MAG

Đúng với cái tên của người viết theme luôn. Đây là mẫu theme mang phong cách Magazine Style - Tạp chí Ngôi sao

DEMO - DOWNLOAD

MẪU THEME : SOCIO QUIZ 

Một mẫu theme khá hay với trình menu hiện đại, hiện theo chủ đề

DEMO - DOWNLOAD

MẪU THEME : 1800

Một mẫu template blogger đơn giản mà không kém phần sang trọng!

DEMO - DOWNLOAD

MẪU THEME : SQUARE

Simple - Modern - Responsive - Clean - Square

DEMO - DOWNLOAD

MẪU THEME : SWIFT

Modern - Friendly - Easy

DEMO - DOWNLOAD

MẪU THEME : TONIQ

Modern - Clean - Responsive - Friengdly

DEMO - DOWNLOAD

MẪU THEME : TRENDMAG

Simple - Clean

DEMO - DOWNLOAD

MẪU THEME : VOUX

Clean - Simple - Friendly

DEMO - DOWNLOAD

Mình tạm gom được ít theme đẹp như trên. Mọi người xài thử coi :) Nếu có khó khăn gì khi sử dụng hay cài đặt, cứ comment mình sẽ help :)

Có thể theo dõi các mẹo khi cài đặt và sử dụng blogspot >> blogspot tips

Blogger theme free 2106
Blogger template miễn phí
Blogger template
Mẫu theme blog bán hàng
Các mẫu blogger đẹp
Mẫu theme đẹp miễn phí

Read more

Tên miền Free - Tên miền tiếng Việt cho Blogger

Hiện tại tên miền tiếng Việt đang Free nên rất thú vị, cũng như là tiện lợi cho các bạn muốn chơi blog free hoàn toàn: Tên miền tiếng Việt + Blogspot = 100%  Free

Đăng ký tên miền Tiếng Việt Miễn Phí

Vào link chủ quản : Đăng ký tên miền tiếng Việt >>

Anh em cứ làm theo hướng dẫn, tiếng Việt nên dễ mà cứ làm và kê thông tin chính xác đầy đủ theo Hộ chiếu / CMND là Ok . Sau 24-48H sẽ có email xác nhận.

Các cá nhân được đăng ký tối đa 05 domains, các tổ chức thì max = 50 domains

Như mình đăng ký thử domain: thế này nhé.vn  để thử nghiệm xíu. 

Nói thiệt là domain tiếng Việt thì có cái khó là vấn đề khi khách truy cập cần gõ vào thanh address thì hiện nay chưa gõ được kiểu liền mạch :(

Trỏ DNS tên miền tiếng Việt về blogspot

Khi có email xác nhận tên miền đã đăng ký, bạn sẽ nhận được link truy cập để vào dịch vụ DNS cho domain: >> link vô admin  DNS>>

Khi làm được như trên hình trên thì chỉ cần save và ngồi chờ 24-48H là Ok (thực ra hàng free nó hơi chậm xíu, chứ domain trả tiền thì add record IP vô là xong luôn)

Nếu bạn chưa biết cách cài đặt domain riêng cho blogspot thì coi tiếp hướng dẫn dưới này, nó cũng là cách chung khi cài đặt tên miền riêng cho blogspot.

Cách cài đặt domain riêng cho Blogspot

Cách làm này là cách làm chung cho việc thêm domain riêng cho blogger để thay thế domain.blogspot.com nhé!

Đầu tiên đăng nhập vô Blogger >>vào mục Setting >>

Thêm domain tiếng việt vào ô trắng kia nhé. Nhưng không phải là tiếng việt mà là mã Asscii hãy coppy nó ở ngay mục DNS tên miền tiếng việt (xem ảnh trên). Và nhớ blogger / blogspot thì domain luôn phải có www đứng trước nhé ^^

Tiếp đến nhấn Save nó sẽ ra như ảnh dưới

Mỗi blog sẽ có một mã để xác nhận riêng với domain, còn IP thì giống nhau (Vì cùng một máy chủ của Google mà, IP thì như hình trên đầu)

IP thì thêm vào mục A Host

IP chung cho blogger Host là: 

216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

Mã xác nhận kia thì thêm vô mục CNAMEs trong trình quản lý DNS

www     ghs.google.com

Dòng trên là mã chung CNAMEs cho các blogger. Còn mỗi blogger sẽ nhận được một mã xác nhận riêng với dòng mã thứ 2 dài như hình trên, mã này chính là code để xác nhận domain cho blog của bạn.!

Nói chung đến đây thì cứ làm như hình số 1 là xong và bấm Save. Nhớ tích vào Ô Redirect.... kia nhé. Nếu bạn không tích vô đó thì khi truy cập bất cứ tên miền Quốc tế hay tiếng Việt mà khi ai đó gõ domain mà ko có WWW thì nó sẽ không chuyển hướng vào được về được domain đủ của trang web Bạn. Cái này là do cơ chế của blogspot google hoạt động vậy rồi, Chúng ta không thay đổi được.

OK!

Đến đây là Bạn đã biết cách trỏ domain về blogspot cũng như đăng ký tên miền Tiếng Việt Free và DNS nó về blogspot. Với 02 yếu tố căn bản của một website là domain & host đều free thì có nghĩa chúng ta đã có một website free hoàn toàn! 100% 

Free Domain forever

Blogspot (host google) Free forever (unlimite bandwidth)

Chúc mọi người vui vẻ ^^

P/s: Lưu ý
Sau khi bấm Save trong Blogger thi chưa được ngay lúc cài đặt là do chúng ta cần chờ bên bên DNS tên miền tiếng việt duyệt IP và chấp nhận. Sẽ mất 24H nhé, rồi các bạn vào blogger thêm lại tên miền và bám Save là Ok. Với các dịch vụ tên miền có phí khác thì được luôn, vì IP được hệ thống chấp nhận ngay tức khắc.

Cập nhật 2017
Bộ thông tin truyền thông thay đổi chính sách mới: Các tên miền tiếng Việt không còn được miễn phí nữa! Tổng phí 1 năm ~50K.
Nói thiệt là tên miền tiếng Việt se chết đuối mà coi, Free lú trước còn chẳng mấy ai xài, vì khó dùng, giờ lại mất phí thì Quên đi :))

Read more

Cách đổi domain cho blog wordpress

Nói thiệt là mình mấy lần đổi domain cho blog wordpress rồi nhưng mờ cứ làm xong 1 thời gian sau lại quên, vì có phải là việc thường xuyên đâu :) nên quyết định ghi chép lại đây để sau cần thì xem lại.........và ace ai cần thì cứ ngó nhé !

Ngắm chút hoa nhà tui trồng đã nè :)

Đổi domain cho blog wordpress

Đầu tiên thì cần yêu cầu nhà cung cấp host giúp đỡ đổi Domain đã đăng ký luc mua Host nhé. Tất nhiên, có host không cần báo cáo, mà tự mình tùy chình thay đổi được. Ok!

Nhưng như vậy web bạn vẫn chưa hoạt động được với domain mới

Vì toàn bộ database cũ vẫn đang mang domain cũ ! Vậy nên cần đọc típ và làm theo hướng dẫn típ theo :D

Tất nhiên nữa là đầu tiên bạn phải trỏ IP domain về host nhé 

Theo mình biết thì có tới hơn 3 cách để thay đổi domain trong wordpress

Có thể tham khảo theo hương dẫn của trang chính thống Wordpress : Chang the site URL nếu chưa tin tưởng lắm vào bài viết này ! và nếu có vốn tiếng Anh tốt :))

Cách thứ 1: Đơn giản hơn đan rổ là

Thêm dòng code dưới đây vô tập tin wp-config.php Cách làm vào File manager trong host và mở file này với nút Edit và utf-8 nhé 

define('WP_HOME', 'http://domain-mới.mắm');

define('WP_SITEURL', 'http://domain-mới.mắm');

Cách 2 là vẫn dễ như đan rổ:

Cũng làm giống như cách 1 nhưng là làm với file: Functions.php và thêm dòng code dưới đây:

update_option('siteurl' , 'http://domain-mới.muối')
update_option('home' , 'http://domain-mới.muối')

Típ theo

Cách thứ 3 là vô sửa trong phpMyAdmin 

Nhưng mà thôi, cách này loằng ngoằng hơn nên để dành :D nói thiệt là mình đơn giản toàn xài cách trên thôi :)

Và
Tất nhiên nữa là phải đi chỉnh sửa vài nơi như trong google webmaster tool, google analytics...và kiểm tra lại trong Setting/permalinks nhé!

Chúc mọi người may mắn nha ^^

P/s:
Một plugin khá hay hỗ trợ cho việc đổi domai tự động, ngoài việc không phải làm ba bước trên thì plugin này mình thấy rất hay là nó sẽ thay đổi các link liên kết theo domain cũ trong các bài viết mà chúng ta đã cài đặt, việc này sẽ rất hữu ích khi chúng ta không phải đi sửa từng bài viết có đặt link theo domain cũ nữa

• Plugin tự động đổi domain cũ sang domain mới : Velvet Blues Update URLs

Plugin này rất dễ sử dụng, khá tiện ích với điều mình đã nói ở trên ^^

Read more

[Tip] SEO cho blogspot

SEO với blogspot vừa dễ vừa khó....Dễ là blogpsot là con đẻ của google nên nó index data rất nhanh. Khó là blogspot không tối ưu các công cụ hỗ trợ SEO như các nền tảng khác (như wordpress chẳng hạn). Vì thế cần phải vọc vạch một chút về code để tối ưu hơn cho việc SEO blogspot...

Cách tối ưu thẻ head trong blogspot

Các template nó vốn có sẵn các thẻ meta rồi chỉ là chưa hay thôi. Và cũng như mọi người biết thẻ các thẻ meta là các công cụ khai báo rất tốt tới Anh Google, để anh ta hiểu mình hơn...
Dưới đây là một kiểu các thẻ meta cũng khá tốt cho SEO blogspot


Code:

<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
<link href='http://1982.blogspot.com' hreflang='vi-vn' rel='alternate'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<title> <data:blog.pageTitle/> - 1982 blog</title>
<meta content='chien nay chien no' name='keywords'/>
<meta content='chien nay chien no' name='description'/>
<b:else/>
<title>Thế này nhé - <data:blog.pageName/> - 1982 blog</title>
<meta expr:content='data:blog.pageName + " , cung chia se chien nay chien no "' name='description'/>
<meta expr:content='data:blog.pageName + " , cung chia se chien nay chien no "' name='keywords'/>

Đặt code các thẻ meta này ngay sau thẻ <head> nhé. Các thẻ meta đều nghi rõ nội dung của nó rồi đó: discription - mô tả blog . keyword: từ khóa . 

Cài đặt code để nofollow các link ngoài đặt trong blog

Kiểu gì trong blog bạn cũng có các link này kia... có link liên kết, link nội bộ, link tinh.... :)) và làm SEO thì ai cũng biết là các link out ra ngoài sẽ ảnh hưởng tới chất lượng của trang gốc, chính là làm giảm chất lượng SEO... 

Vậy nên một giải pháp cho vấ đề cho external link là cần phải nofolow nó và target blank (mở trng khác khi click tránh mất truy cập trang hiện tại)

Cách Nofollow các link bên ngoài và mở tab mới khi click

Open target blank all link & nofollow all in new tab

Code:

<script type='text/javascript'>

//<![CDATA[

function changetargetlink(x){

var a = document.getElementsByTagName('a');

var args = changetargetlink.arguments;

for(var i in a){

a[i].target = "_blank";

a[i].rel = "nofollow ";

for(var j=0;j<args.length;j++){

if(a[i].href.match(args[j])){

a[i].target = "";

a[i].rel = "";

}}}}

changetargetlink('thenaynhe.com');

//]]>

</script>

Code trên đặt trước thẻ đóng </body> . Thay link trong code trên kia bằng link trang blog của bạn. Nếu để trống link thì tất cả các link trong site dù là link nội bộ hay link ngoài đều bị áp dụng bởi javascript này!
Xong rùi bấm Save template !

Lúc này mọi link ngoài đặt trong blog của bạn sẽ ở chế độ nofollow và các link khác trang blog có hiển thị thì khi click sẽ mở ở tab mới.

Một kiểu khác code javascripts khác để mở tất cả các link trong blog ra tab mới

Target all external link in new tab

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> $(document).ready(function() { $("a[href^='http://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } ); $("a[href^='https://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } ); }); </script>

Chèn code trên trước thẻ đóng </head> . Nếu trong theme hiện tại đã có jquery trên thì bỏ dòng code tô màu đó đi nhé !

Chúc ae setup thành công !

Chờ tips SEO típ theo nhé ^^

Read more

Liên kết neo - Anchor link

Đọc bài này chắc hẳn mọi người đều biết tới Internal link / External link rồi. Nhưng Anchor link - Đây là liên kết neo , nó cũng là một công cụ tốt cho SEO và hơn thế nữa là giúp bài viết trình bày chuyên nghiệp hơn !

Thử luôn liên kết neo với đề mục nè coi

Click các đề mục này để thử nhé:

1. Test xem link neo là như thế nào
2. Link neo là gì ?
3. Các tạo link neo

1.Test link neo để hiểu cơ chế

Bạn đã thấy cái hay của nó chưa? Rất Pro khi trình bay một bài viết dài với nhiều đề mục. Nó sẽ giúp người đọc nhanh chóng đi tới nơi cần đọc, rõ ràng là với một bài viết người đọc cần quay lại để tra cứu thì điều này là rất tiện lợi

2.Link neo là gì?

Liên kết neo hay gọi ngắn là link-neo là một thuộc tính name trong HTML  

3.Cách tạo link neo trong bài viết

Chuyển tab bài viết sang HTML nhé:

Đặt code dưới đây tại nơi cần tới.

<a name="ten-neo"> </a>

Đặt code dưới đây tại nơi đặt đề mục giới thiệu >>Click

<a href="#ten-neo">Đề mục đặt link neo CLICK</a>

Chốt: Nghe đồn là nếu SEO tốt thì bài viết có link-neo cũng đc google index cả liên kết neo vô mục link mở rộng là sitelink. Về cơ bản với mình dụng link-neo vì tiện ích nó mang lại trong việc trình bày bài viết rất chuyên nghiệp, tiện lợi và còn nhiều thứ khác nữa đó ?

Ví dụ nhé: mình chạy QC google adw với một từ khóa nhỏ vào một bài viết dài, mình cần link-neo này để khi KH click vô QC đó nó sẽ link thẳng tới vị trí cần đọc...........một âm mưu cũng tàm tạm phải không !?! :)

P/S: Việc đặt link-neo cho bài viết với các mã nguồn web khác thì khá đơn giản, như wordpress thì cứ áp dụng y chang như trên hướng dẫn là Ok lun.

Tuy nhiên với Blogger / Blogspot thì có khác đôi chút nhé!

Với đề mục CLICK thì làm phải thêm đủ cả cấu trúc link bài viêt + #ten-neo như sau:

<a href="http://www.youdomain.com/bai-viet.html#ten-neo">Đề mục đặt link neo CLICK</a>

Như vậy là có thể click chọn đề mục để click kia rồi chèn link theo cách thông thường cho nhanh, nhớ cuối link đó thêm #ten-neo là OK.

Với Đề mục nơi link-neo tới là:

<a name="ten-neo"></a> 

Chú ý một xíu nữa, với code trên khi thêm vào bài viết sau khi Publish bài viết và nếu ta quay lại xem code vừa rồi thì sẽ thấy nó có dạng

<a href="https://www.blogger.com/null" name="ten-neo"></a> 

Cái này do blogger nó tạo ra. Mình chưa rõ :( Cứ kệ thôi :)

Hết !
Goodluck ^^

Read more

Cách chèn mã theo dõi google analytics

Với một website để đo lường tính hiệu quả / lượng truy cập chi tiết chuẩn chỉ nhất và free nhất hiện nay thì google analytics là lựa chọn số 1. Đây là bài viết hướng dẫn cách lập tài khoản google analytics và chèn mã theo dõi analytics vào website của bạn.

Đầu tiên là cách lập tài khoản google analytics

Cần có một gmail nhé. Vô google gõ analytics là sẽ ra í mà. Bấm vô link đầu tiên www.google.com/analytics . Rồi sign_in với tài khoản gmail của bạn…. Cái này dễ bạn tự mò xíu đi nhé 🙂

Típ đến vào mục Quản trị viên. Rồi tạo tài khoản mới, đó chính là nơi thêm trang web cần theo dõi.

Sau khi đã thêm trang web rồi thì ta chuyển qua lấy mã theo dõi để google analytics xác thực và làm việc.

Lấy mã theo dõi analytics

Cứ nhìn theo hình ảnh trên là rõ ràng cách vô địa chỉ lấy mã. Click >> Thông tin theo doi >>Mã theo dõi là sẽ ra ô mã code js để cài đặt về trang web của bạn

Tiếp theo – cách chèn mã theo dõi analytics

Trong khu vực lấy mã theo dõi. Google cũng có hướng dẫn vài cách cài mã theo dõi vào web đó. Nhưng mình làm cách này nhé

Copy code mã theo dõi rồi về web chèn vào trong thẻ header rồi save. Thía là ok

Xác thực và trực tiếp live xem có bao nhiêu người đang online trong trang web của bạn được luôn, nếu chưa có thì bạn chủ động mở vài trình duyệt từ điện thoại, máy tính…vô site của bạn và bạn se thấy thông báo lượng người đang online ngay!

Thế là xong rồi nhé ! Cách chèn mã theo dõi analytics google. Bài viết này áp dụng chung cho web, wordpress, blogspot…

Các bài nên xem:

1. Cách đọc dữ liệu google analytics căn bản
2. Đọc dữ liệu google analytics nâng cao

Read more

Cách chuyển hướng trang 404 - tips blogspot

Cách chuyển hướng trang 404 blogspot về trang chủ hay về trang bất kỳ khi trang web có sự thay đổi về link hoặc do gãy link (broken link) dẫn đến lỗi ERROR 404.

Lỗi 404 do đâu ?

Lỗi 404 là vấn đề mà bất cứ site nào cũng có thể có, nguyên nhân sinh 404 thì nhiều, như thay đổi cấu trúc link web cũ hay vì khi ta xóa một bài viết nào đó thì tức là link bài viết cũ đó sẽ trở thành trang 404. Và lúc này ta cần redirect link đó bằng tay qua trang nào đó…
Nếu bạn xóa bài viết nào đó trong blogspot hay là sửa cấu trúc link theo tiêu đề mới chẳng hạn, Việc này là sau khi bài viết đã xuất bản một thời gian nên các công cụ tìm kiếm đã index và người đọc có thể lưu link, thì bạn nên vào :
Setting >> Search preference >> có mục Custom redirects .
Đây chính là nơi để set việc chuyển hướng cho một link mà ta chủ động thay đổi để nó chuyển hướng đến link mới, tránh việc bị 404.

Phần lớn các Newbie chưa thực sự quan tâm vấn đề về lỗi 404. Mà 404 là một vấn đề nghiêm trọng trọng trong quy trình SEO 
Mọi người cần nắm rõ. Trang 404 sẽ dẫn đến mất hình ảnh / mất cảm tình với người đọc và với cả chính cái Anh Google nữa ý. Vậy nên ta cần cố gắng khắc phục điều này !

Cách giải quyết trang 404 cho blogspot

Vô >> blogger/setting/Search preferences.
Rồi vào mục: Custom Page Not Found >> Set >> Copy code dưới đây và paste

Chuyển hướng 404 về trang chủ theo code dưới đây

Code:

 <script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 2000); 
</script>

Chuyển hướng 404 về một trang bất kỳ (có thể là site khác domain nhé)

Code:

 <div id="te-container">
<script type='text/javascript'>
//<![CDATA[
document.write('<\/SCR'+'IPT>');
//]]>
</script>
</div>
<script type='text/javascript'>
//<![CDATA[
if (document.getElementById("te-container").clientHeight < 11 || 
document.getElementById("te-container").style.position == "absolue") 
{window.location = "http://www.thenaynhe.com/";} 
//]]>
</script> 

Với cách này ta có thể chuyển sang một site khác, hoặc bạn có thể thiết kế 1 site 404 dễ thương để người đọc dễ chịu hơn khi không tìm thấy thông tin. Rồi chuyển hướng nó về đó 

• Có thể test 404 trang này coi, thú vị đó ^^

Đây là một blogspot tips rất hữu ích, hãy làm ngay ^^

Chúc các bạn thực hành tốt ^^

Read more

Nghe rằng....

Em nghe nói anh giờ đang buồn lắm

Biết làm sao, không thương được nữa rồi

Có những điều suốt đời anh không hiểu

Như chúng mình đã xa cách đấy thôi.

Anh đừng buồn vì những thứ xa xôi

Năm tháng ấy đã qua rồi, lặng lẽ

Công việc của anh, những ồn ào tuổi trẻ

Dẫu mệt bao nhiêu, anh nhớ nhé... đừng buồn.

Nghe em đi, hãy tìm một người thương

Để những bước về con đường không lẻ bóng

Dù có mọi thứ nhưng lòng anh đâu rộng

Dù lắm người thương nhưng bóng vẫn lặng thầm.

Nghe em đi, không thêm nữa vài năm

Chúng mình sẽ già và chống cằm hối tiếc

Để đôi lúc cuộc đời anh mỏi mệt

Có một người thương anh sẽ hết đau buồn.

Tình cảm bây giờ dễ lắm bán buôn

Em vẫn lo anh sẽ buồn và nhớ

Có những xót xa ngỡ như là duyên nợ

Có những phút giây không trở lại một lần.

Chúng mình bây giờ vẫn còn tuổi phân vân

Và chắc có lẽ, cũng đôi lần hối tiếc

Anh sẽ có nhiều những vinh quang, thua thiệt

Nhưng mà trái tim cần tha thiết một người.

Nghe nói bây giờ, anh đang không vui

Công việc, bộn bề... ngậm ngùi, lặng lẽ

Em chỉ mong anh, yên vui qua tuổi trẻ

Hạnh phúc, bình yên, anh nhé, đừng buồn!

Thoa Pyo

Read more

Recent Comment Widget

Box hay Widget Recent comment - Những bình luận gần đây là một mục khá thú vị. Bởi nó tăng cơ hội giao lưu của Visitor với Blog của Bạn

Tạo Box Recent Comment Cho Blogspot

Đăng nhập vào Blogger > vào mục LayOut > Thêm Widget > Chọn HTML Widget.

Copy đoạn code dưới đây và paste vào Widget bạn vừa tạo.

Recent Comment Widget Code

<script type="text/javascript">
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
</script><script src=http://www.thenaynhe.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div style="font-size: 10px; float: right;">Get this <a href="http://www.thenaynhe.com/search/label/blogspot%20tips">Recent Comments Widget</a></div>
<style type="text/css">
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</style>

Chú ý:

• Thay link màu xanh bằng link blog của bạn nhé 
• Có thể thay đổi các tham số về số lượng cmt (  var a_rc = 5; )
• Số ký tự cmt hiện là 100 (var o_rc = 100; ) có thể tăng hoặc giảm tùy bạn.
• Ngày tháng của cmt đang ẩn (var m_rc = false; ) chuyển thành true sẽ hiện nhé
• Tiêu đề bài viết đang hiển thị trong hộp cmt và có thể ẩn đi (var n_rc = true; ) thay true = false

Ok roài, Hãy bấm Save HTML Widget.

Read more