Một số trang web Free domain - subdomain vĩnh viễn cho bạn thử nghiệm

Bạn đang có một ý tưởng cần thực hiện, bạn muốn bắt đầu ý tưởng đó bằng một trang web chuyên nghiệp, thế nhưng túi tiền của bạn lại hạn hẹp? Đừng lo chỉ với 0 đồng bạn đã có thể có một tên miền đẹp và bắt đầu ý tưởng của bạn ngay hôm nay. 

Mình khuyên người mới bắt đầu nên khám phá một miền miễn phí. Với miền này, bạn sẽ bắt đầu học cách định cấu hình miền và mọi thứ liên quan. Khi đã thành thạo, bạn có thể chuyển sang miền trả phí cho mục đích kinh doanh.

Ngược lại, khi bạn hướng tới mục tiêu phát triển kinh doanh và có một trang web mạnh mẽ thì không nên sử dụng tên miền miễn phí vì nó có thể thiếu tính chuyên nghiệp.

Dưới đây là top 10 nhà cung cấp tên miền miễn phí để bạn tham khảo.

1. Dot.tk – Tên miền miễn phí trọn đời

Được thành lập từ năm 2001, .TK cho đến nay đã đăng ký khoảng 1 triệu tên miền miễn phí.

Các miền miễn phí từ .TK có các đuôi mở rộng: .tk, .ml, .ga, .cf, .gq để bạn lựa chọn.

Ưu điểm:

Tên miền .tk ngắn gọn, dễ nhớ được nhiều người biết đến.

Được đăng ký, chỉnh sửa CNAME, AAA records dễ dàng tại trang quản trị tên miền.

2. https://www.freenom.com/en/index.html

Hosting không hạn chế tài nguyên. Tức là bạn có thể đưa bất cứ dữ liệu gì vào website mà không lo dung lượng quá tải.

Trang web này có cả tiếng Việt. Điều này tạo điều kiện thuận lợi giúp cho người Việt dễ dàng đăng ký và sử dụng tên miền miễn phí. Đặc biệt, FREENOM cho phép bạn vận hành tên miền với URL chuyển tiếp, hỗ trợ dịch vụ DNS miễn phí hoặc DNS riêng của bạn (Nameserver), một số đuôi tên miền của FREENOM cung cấp miễn phí phổ biến như: .ml, .ga, .cf, .tk, .gq,… 

3. biz.nf free hosting và sub domain, tạo wordpress chỉ với 1 click

FREE Hosting plan 1000 MB disk space, 

5 GB traffic, Free sub-domains, PHP, MySQL, Wordpress, Joomla, Instant activation!

Miễn phí tạo wordpress chỉ với 1 click

Nhà cung cấp BIZ.NF cho phép bạn có thể tạo tên miền miễn phí với đuôi c1.biz kèm theo gói free hosting, trình quản lý hosting chuyên nghiệp. Đồng thời, chất lượng của tên miền miễn phí này không thua kém quá nhiều so với một hosting cần trả phí khác.

Ưu điểm:

Không tốn chi phí.

Người dùng được cấp lên đến 5GB lưu lượng lưu trữ/Tháng.

Joomla và WordPress được cài tự động.

Giao diện quản trị cPanel đầy đủ tính năng.

Hạn chế:

File lớn hơn 15GB không thể upload.

Không chuyển được domain qua server khác.

4. azote.org - miễn phí subdomain

Miễn phí subdomain có đuôi dạng

.asso.st

.fr.cr

.fr.nf

.ze.cx

.infos.st

5. Và rất nhiều trang  web Free  subdomain vĩnh viễn khác mình sẽ giới thiệu sau

Domain - Tên miền miễn phí vĩnh viễn là gì?

Về cơ bản, người dùng phải trả phí đăng ký, phí duy trì tên miền hay phí chuyển nhượng,… để có thể đăng ký tên miền. Nhưng với tên miền miễn phí vĩnh viễn thì không cần phải thực hiện các thao tác trên. Có thể nói, tên miền miễn phí vĩnh viễn, tên miền miễn phí trọn đời là tên miền mà bạn có thể đăng ký và sử dụng mà không cần tốn bất kỳ chi phí nào.

Nhìn chung, các miền miễn phí có được trực tiếp có thể trông không hấp dẫn và chuyên nghiệp. Tuy nhiên, đó là một cách tốt để bạn bắt đầu những bước đầu tiên trong quá trình phát triển web mà không gặp rủi ro.

Ngoài phương pháp này, còn một cách khác để có được miền miễn phí đó là thuê các gói hosting từ các nhà cung cấp uy tín như Godaddy, Hostinger, v.v. Họ thường tặng bạn một miền miễn phí trong một năm khi bạn đăng ký dịch vụ hosting của họ.

Tuy nhiên, cho dù bạn sở hữu một miền đẹp hay xấu thì kỹ năng của bạn mới là điều quan trọng và nội dung trang web quyết định việc bạn nhận được nhiều hay ít lượt truy cập. Vì vậy, đừng ngần ngại bắt đầu với bất kỳ tên miền nào bạn cảm thấy phù hợp và làm cho trang web của bạn phát triển mạnh.

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

Hướng dẫn cách Kiểm tra Font chữ 1 website và cách thay Font chữ cho Blogger / Blogspot / Wordpress

Các font chữ cơ bản, thông dụng trong máy tính mà bạn có thể áp dụng cho Blogger / Blogspot / Wordpress mà mình thiết kế đó chính là:

- Arial

- Helvetica

- Verdana

- Tahoma

- Palatino

- Time New Roman

- Georgia

1. Cách Kiểm tra Font chữ 1 website

Bạn đang lướt trên internet, bạn bỗng nhìn thấy một Blogger / Blogspot / Wordpress của ai đó đang sử dụng font chữ rất đẹp, bắt mắt và ấn tượng, bạn cũng muốn ngay lập tức được sử dụng font chữ đó cho Blogger / Blogspot / Wordpress của riêng mình? Tuy nhiên bạn không biết font chữ đó làgì, kích thước font là bao nhiêu…Vậy làm sao để chúng ta có thể biết font chữ của  Blogger / Blogspot / Wordpress một cách đơn giản nhất mà không cần thông qua HTML đầy phức tạp? 

Bước 1 : Cài tiện ích Extension What Font, Here

Bước 2 : Click tiện ích What Font và quét vùng Font chọn nó sẽ hiện ra

2. Cách thay Font chữ cho Blogger / Blogspot / Wordpress

- Thay trong CSS HTML, bạn vào tìm xem nó ở thẻ DIV nào nhé, nhẫn phải chuột vào trang bài viết, nhấn Kiểm tra.

thay Font 1 Blogger / Blogspot / Wordpress

Đưa con trỏ chuột đến ô kiểm tra bên phải nó sẽ bao trùm cả bài viết và thấy thẻ DIV, như của mình là content-wrapper

Mẹo : trong HTML nhấn Ctrl + F tìm font-family, hay font-size để ra tất cả các thẻ này và thay nhé!

Hoặc thay trong thẻ body và post-body nhé, bạn tìm trong HTML gõ tìm kiếm body, như dưới, thay  Font bởi font-family, font-size thay trong post-body

body {

color: #2e2e2e;

font-family: Lora;

font-size: 14px;

font-weight: normal;

line-height: 21px;

background: $bodybackground;

}

.post-body {

margin: 0px;

padding:10px;

font-size: 14px;

line-height: 26px;

    box-sizing: border-box;

} 

Font chữ cho Blogger / Blogspot / Wordpress

 Hướng dẫn Đưa website / Blogger / Wordpress  lên công cụ tìm kiếm Google & Bing & Cốc cốc

1. Đưa website / Blogger / Wordpress  lên công cụ tìm kiếm Google

Bước 1: Truy cập vào địa chỉ https://search.google.com/search-console/about (Đây cũng là nơi để bạn quản trị website trên Google). 

Bước 2: Nhấn nút Bắt đầu ngay bây giờ và đăng nhập tài khoản gmail của bạn. 

Bước 3: Sau khi đăng nhập bạn sẽ nhận được một thông báo chọn loại sản phẩm Miền hoặc Tiền tố URL.

Tên miền: Đây là quyền quản lý toàn quyền tên miền, giao thức website và subdomain. Tuy nhiên, bạn sẽ cần phải xác minh bằng DNS nếu muốn sử dụng quyền này. 

Tiền tố URL: Chỉ có quyền quản lý tiền tố URL bạn điền vào.

***Lưu ý: Thông thường, mỗi website sẽ có 1 tiền tố, mỗi subdomain sẽ có một chủ đề khác nhau, bởi vậy bạn không nên quản lý chung. Bạn nên lựa chọn tiền tố URL cho mục này. 

Bước 4: Chờ Google tiếp nhận và tiến hành công việc xác minh website.

Xác minh theo Miền nhé : 

Khi đã nhập được tên miền đầy đủ lúc này chúng ta nhấn vào Tiếp tục để bảng thông báo hiển lên. Đây là bảng thông báo cấu hình xác thức tên miền.

Ở bước tiếp theo chúng ta sẽ sao chép bản ghi TXT

Tiếp theo, tiến hình truy cập phần quản lý tên miền của bạn > Tên miền > Chọn tên miền > Quản lý DNS > Thêm bản ghi tên miền. Nhập các giá trị trong bản ghi như sau

Host: nhập “@”

Loại: chọn “TXT”

Giá trị: Paste đoạn sao chép ở bước trên.

Chọn Thêm bản ghi để hoàn tất.

Sau khi thực hiện xong lúc này chỉ cần quay trở về search.google.com để nhấn vào Xác minh để quá trình được hoàn thành tiến hành xác minh quyền sở hữu tên miền với Google Search Console

Xác minh quyền sở hữu tên miền với Google Search Console khi được thực hiện là cách để bảo vệ website của bạn hiệu quả hơn. Thực hiện xác minh với cách thức đơn giản, quy trình thực hiện dễ dàng giúp chúng ta sớm bảo vệ được tài sản của chính mình, ứng dụng cho công việc hiệu quả

2. Đưa website / Blogger / Wordpress  lên công cụ tìm kiếm Bing

Code Hướng dẫn tạo Form liên hệ cho blogger / blogspot,.

Bạn Tạo 1 Trang, Hay 1 bài viết, vào chế độ soạn thảo HTML, dán đoạn mã sau đây, rồi chỉnh sửa thông tin theo yêu cầu của bạn.

<div class="khung" style="font-family:Arial, sans-serif;">

<!--phần thông tin liên hệ-->

<div class="trai">

<div><h3><span style="font-size: medium;"><i aria-hidden="true" class="fa fa-address-card" style="color: #0084ff; margin: 0px 5px;"></i> Thông tin liên hệ:</span></h3></div>

<hr size="1" style="margin:0 auto;" width="90%"/>

<div style="text-align: center; line-height: 130%;">

<span style="font-size: 30px;"><i class="fa fa-phone" aria-hidden="true" style="color: #ca0000; margin:7px 0;"></i></span><br /><span style="font-size: 16px"><b>Hotline:</b><br /></span><span style="font-size: 16px;">0123.456.789</span><br /><br />

<span style="font-size: 30px"><i class="fa fa-location-arrow" aria-hidden="true" style="color: #ca0000;"></i></span><br /><span style="font-size: 16px"><b>Địa chỉ:</b><br /></span><span style="font-size: 16px;">72/84 Huỳnh Văn Nghệ<br />

Phường 15, Quận Tân Bình, Tp.HCM</span><br /><br />

<span style="font-size: 30px"><i class="fa fa-envelope-o" aria-hidden="true" style="color: #ca0000;"></i></span><br /><span style="font-size: 16px"><b>Email:</b><br /></span><span style="font-size: 16px;">[email protected]</span><br /><br />

<hr size="1" style="margin:0 auto;" width="90%"/>

<a href="https://twitter.com/NTLRUBY" target="_blank" title="Twitter"><i aria-hidden="true" class="fa fa-twitter" style="color: #0084ff;margin: 7px 10px;"></i></a>

<a href="https://www.facebook.com/NTLRUBYfanpage/" target="_blank" title="Facebook"><i aria-hidden="true" class="fa fa-facebook" style="color: #0084ff;margin: 7px 10px;"></i></a>

<a href="https://www.youtube.com/channel/UCvcqxn_1UdkU0cHHvaQJZ3w" target="_blank" title="Youtube"><i aria-hidden="true" class="fa fa-youtube" style="color: #0084ff;margin: 7px 10px;"></i></a>

</div>

</div>

<!--Form biểu mẫu liên hệ-->

<div class="phai">

<div class="contact-form-box">

<form name="contact-form">

<input class="effect-6" id="ContactForm1_contact-form-name" name="name" placeholder="&#xf007; Tên đầy đủ của bạn (*)" required="" size="30" type="text" value="" style="font-family:'Helvetica', FontAwesome, sans-serif, Arial, FontAwesome"/><br />

<input class="effect-6" id="ContactForm1_contact-form-email" name="email" placeholder="&#9993; Email (*)" required="" size="30" type="text" value="" style="font-family:FontAwesome"/><br />

<textarea class="effect-6" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="&#9998; Nội dung liên hệ" required="" rows="5"></textarea><br />

<input class="submit" id="ContactForm1_contact-form-submit" required="" type="submit" value="Gửi" />

<input class="reset" type="reset" id="ContactForm1_contact-form-reset" value="Hủy" />

<div style="max-width: 222px; text-align: center; width: 100%;">

<div id="ContactForm1_contact-form-error-message">

</div>

<div id="ContactForm1_contact-form-success-message">

</div>

</div>

</form>

</div>

<script type="text/javascript">

//<![CDATA[

if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');

//]]>

</script>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> <script type="text/javascript">

//<![CDATA[

if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '7352238635556498134';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7352238635556498134','www.ntlruby.com/','7352238635556498134'); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Đang gửi...', 'contactFormMessageSentMsg': 'Tin nhắn của bạn đã được gửi.', 'contactFormMessageNotSentMsg': 'Không thể gửi tin nhắn. Vui lòng thử lại sau.', 'contactFormInvalidEmailMsg': 'Cần nhập địa chỉ email hợp lệ.', 'contactFormEmptyMessageMsg': 'Trường tin nhắn không được để trống.', 'title': 'Contact Form', 'blogId': '7352238635556498134', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]> </script>

</div>

</div>

<style>

.khung {

  margin:0 auto;

  max-width: 900px;

  border: #e5e5e5 2px SOLID;

  box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 40%);

}

.phai {

  margin: 2% 0;

}

.trai {

  height: 407px;

  border: #e5e5e5 2px SOLID;

  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhrsG3ni-jgjd045rhfUUvxErXI3PpXNJRL04OMKB8kkjuo-LCrn0kQVrbs620GCjjh6vWDwT00Q0yNbt2xzDhyphenhyphenKATIeFhM0OuYWDUzTmZkoDg6nH7Yyl7SAY5_Yb8TLDpJBgbIs0Pco/s1200/hinh-nen-mau-xanh-dep-nhat-25.jpg)no-repeat center;}

 @media only screen and (max-width: 480px){

   .khung{height: 810px;}

   .phai{width:100%;}

   .trai{width:100%;}

}

 @media only screen and (min-width: 481px){

   .khung {height:410px;}

   .trai{float: left;width:35%;}

   .phai{float: right;width:55%;}

}

.contact-form-box{float: left; width:92%;margin:20px auto;padding:0;}

#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{width: 100%;height:auto;margin: 5px auto 15px;padding: 10px;background: #ebebeb;border: 1px solid #ccc;color:#777;border-radius:3px;box-shadow: 0px 4px 0px 0px #c7c5c7;}

#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{background: #fffff7;outline:none}

#ContactForm1_contact-form-email-message{width: 100%;height: 100px;margin: 5px auto;padding: 10px;background: #ebebeb;border: 1px solid #ccc;color:#777;border-radius:3px;box-shadow: 0px 4px 0px 0px #c7c5c7;}

#ContactForm1_contact-form-submit {display:block;height: 35px;float: left;color: #FFF;padding: 0 20px;margin: 0px 5px;cursor: pointer;background-color:#4d90fe;box-shadow: 0px 4px 0px 0px #0f53c0;border:1px solid #357ae8;border-radius:3px;text-shadow:0px 1px 0px #00317f;position: relative;left: 37%;} #ContactForm1_contact-form-submit:hover {background-color:#357ae8;}

#ContactForm1_contact-form-submit:active {position:relative;top:2px;box-shadow: 0px 2px 0px 0px #0f53c0;}

#ContactForm1_contact-form-submit:focus{outline:none}

#ContactForm1_contact-form-reset {display:block;height: 35px;float: left;color: #FFF;padding: 0 20px;margin: 0px 5px;cursor: pointer;background-color:#fe4d4d;box-shadow: 0px 4px 0px 0px #c00f0f;border:1px solid #e83535;border-radius:3px;text-shadow:0px 1px 0px #7f0000;position: relative;left: 37%;} #ContactForm1_contact-form-reset:hover {background-color:#d12020;}

#ContactForm1_contact-form-reset:active {position:relative;top:2px;box-shadow: 0px 2px 0px 0px #0f53c0;}

.submit {float: left;position: relative;left: 39%;}

.reset {float: left;position: relative;left: 41%;}

#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width: 100%;margin-top:35px;text-align:left}

@media screen and (max-width: 768px){ .contact-form-box{width:100%;}

#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{width: 96%;}

}

@media screen and (max-width: 480px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{width: 94%;}

}

</style>

Hoặc  xem video hướng dẫn

Cách thêm, đổi , xóa nhãn (Lable) trong Blogger / Blogspot hàng loạt 1 lần:

1. Đăng nhập Blogger

2. Trong Tất cả bài đăng, nhấn vào tên Nhãn bạn muốn đổi, xóa, thêm  như hình:

3. Nhấn nút Quản lý góc phải :

4. Chọn tất cả các bài đăng cần thêm, đổi , xóa nhãn (Lable) 

5. Nhấn nút Áp dụng nhãn cho các bài đăng đã chọn, hình:

6. Bạn thêm, đổi , xóa nhãn (Lable) trong Blogger / Blogspot hàng loạt 1 lần

7. Video hướng dẫn

 Hướng dẫn xóa tiện ích dư thừa trên blogspot.

Cách#1 Xóa trực tiếp trong template

1. Đăng nhập Blogger

2. > Mẫu > Chỉnh sửa HTML

3. > Xác định ID wiget mà bạn muốn xóa

4. > Click Chuyển tới tiện ích > Chọn ID mà bạn vừa xác định

5. > Xóa toàn bộ code trong cặp thẻ b:widget của wiget mà bạn muốn xóa

VÍ DỤ về xóa tiện ích Attribution

> Tại ô chuyên tới tiện ích thì mình sẽ chọn Attribution1 

Mình sẽ được chuyển tới đoạn như hình dứoi

> Sau đó chúng ta sẽ mở rộng toàn bộ tiện ích và xóa toàn bộ code trong cặp thẻ b:widget của wiget Attribution1

Xóa toàn bộ code trong cặp thẻ b:widget

Theo mình thấy thì cách này có nhiều rủi ro mà những bạn mới tham gia Blogger không nên thực hiện.

Cách#2 Thay đổi khai báo

1. Đăng nhập Blogger

2. > Mẫu > Chỉnh sửa HTML

3. > Xác định ID wiget mà bạn muốn xóa

4. > Click Chuyển tới tiện ích > Chọn ID mà bạn vừa xác định

Ta thay locked='true' thành locked='false' 

5. > Lưu lại

6. > Bố cục > Chỉnh sửa (widget mà bạn muốn xóa) > Xóa

Cách này là tuy hơi dài dòng nhưng được cái là an toàn - thích hợp với các Blogger mới.

Video  Hướng dẫn xóa tiện ích dư thừa trên blogspot.

Hướng dẫn giải mã xóa bản quyền chân trang template blogspot

 Thông thường khi chúng ta xài các themes miễn phí cho blogspot, người thiết kế thường để dưới chân trang thông tin và website của người thiết kế. Nếu chúng ta muốn mất nó đi thì bỏ ra khoảng $7 – $10 để mua bản thương mại. 

Trước hết, mình không khuyến khích các bạn xóa bỏ bản quyền này vì nó nhưng một dạng ủng hộ người đã tạo ra template để chúng ta sử dụng, nó như một lời cảm ơn. Còn nếu điều đó là cần thiết thì đây sẽ là hướng dẫ xóa bỏ link bản quền template trong blogspot.

Đầu tiên chúng ta cần xem blog của chúng ta có link bản quyền ẩn hay là không ẩn. Nếu không ẩn thì quá dễ rồi. Nếu ẩn các bạn vui lòng làm theo các bước sau

1: https://lelinhtinh.github.io/de4js/

2: https://javascript-minifier.com/

3: https://beautifier.io/

Đăng Nhập > Mẫu > Chỉnh Sửa

Bước 1 :  Tìm đoạn mã hóa trong template blogspot, có dạng như hình 

Bước 2 : Phân tích đoạn mã hóa đó, truy cập https://lelinhtinh.github.io/de4js/ copy và paste sau đó nhấn nút Auto Decode.

Bước 3 : Tối ưu đoạn code ở bước 2, truy cập https://javascript-minifier.com/, Nhấn Minify 

Bước 4 : Làm đẹp đoạn mã hóa ở bước 3, truy cập https://beautifier.io/

Bước 5 : Thay đoạn mã hóa đó trong code html của blog

Bước 6 : Tìm đoạn mã chuyển trang bản quyền và xóa nó, có dạng như hình dưới:

Xem video hướng dẫn tại : https://www.youtube.com/watch?v=3-RpmQjQSoU

Favicon là gì?

  Favicon là một biểu tượng nhỏ hoặc tập hợp các biểu tượng liên quan đến một trang web, trang web hoặc ứng dụng web. Nó được hiển thị trong các tab trình duyệt và thanh dấu trang. Các ví dụ bên dưới hiển thị các favicon cho Google, Reddit và Squarespace trong tab trình duyệt.

  Dưới đây là một số biểu tượng yêu thích từ một số trang web phổ biến được hiển thị trên thanh dấu trang của Chrome.

Favicon được sử dụng để làm gì?

  Biểu tượng favicon được sử dụng để giúp người dùng dễ dàng nhận dạng trực quan các trang web, trang web và ứng dụng web trong các tab trình duyệt, dấu trang, phím tắt và thanh địa chỉ. Điều quan trọng là phải có biểu tượng favicon cho trang web của bạn để nhận diện thương hiệu, nhờ đó người dùng có thể dễ dàng nhận dạng trang web của bạn trong các tab trình duyệt và dấu trang của họ.

Tên gọi khác của favicon là gì?

  Một số tên gọi khác của favicon là biểu tượng trình duyệt, biểu tượng yêu thích, biểu tượng phím tắt, biểu tượng tab, biểu tượng URL và biểu tượng dấu trang. Từ favicon là viết tắt của "biểu tượng yêu thích" và bắt nguồn từ tính năng "Favorites" của Internet Explorer mà hầu hết các trình duyệt hiện đại gọi là "bookmarks".

Định dạng tệp favicon phổ biến là gì?

ICO - favicon.ico

Các định dạng favicon phổ biến nhất là ICO, PNG và SVG, nhưng có các định dạng bổ sung cho các trình duyệt hoặc thiết bị cụ thể. Định dạng tệp ICO được Microsoft phát triển và là định dạng tệp gốc cho favicon. Định dạng này độc đáo vì nó cho phép nhiều hình ảnh nhỏ trong cùng một tệp. Điều này có lợi vì các biểu tượng nhỏ cần thiết cho favicon ở định dạng ICO (16x16, 32x32 và 48x48 pixel) có thể được thu nhỏ và tối ưu hóa độc lập. Ở kích thước nhỏ, bạn không thể dựa vào trình duyệt để tự động thay đổi kích thước biểu tượng của mình theo cách tối ưu. Định dạng ICO được hỗ trợ bởi tất cả các trình duyệt và đây là định dạng duy nhất mà IE5 đến IE10 hỗ trợ.

PNG - favicon.png

Định dạng PNG là một định dạng tốt vì đây là định dạng mà hầu hết mọi người đều quen dùng và không yêu cầu bất kỳ công cụ đặc biệt nào để tạo. Với màn hình hiện đại có độ phân giải cao, vấn đề ban đầu về kích thước biểu tượng nhỏ đối với độ phân giải nhỏ không còn tồn tại nữa. Đối với các trình duyệt hỗ trợ định dạng favicon PNG, chất lượng của favicon hiển thị trong tab trình duyệt hoặc thanh dấu trang thường cao hơn định dạng ICO. Nhược điểm của định dạng PNG là nó không tương thích với IE5 đến IE10.

SVG - favicon.svg

Định dạng SVG có lợi thế hơn định dạng PNG và ICO, nhưng vẫn chưa có hỗ trợ trình duyệt tuyệt vời. Các tệp SVG rất nhẹ và có thể mở rộng vô hạn. Điều này có nghĩa là chất lượng hình ảnh tuyệt vời mà không phải hy sinh thời gian tải đối với các hình ảnh nặng. Chỉ Chrome, Firefox và Opera hỗ trợ favicon định dạng SVG.

Kích thước favicon phổ biến là gì?

Điều quan trọng cần lưu ý là biểu tượng yêu thích của bạn phải là hình vuông.

Đối với định dạng ICO, kích thước được khuyến nghị là 16x16, 32x32 và 48x48 pixel.

Đối với định dạng PNG, kích thước được khuyến nghị là 16x16 và 32x32, nhưng trình duyệt sẽ chấp nhận bất kỳ hình ảnh PNG vuông nào.

Biểu tượng yêu thích có ảnh hưởng đến tối ưu hóa công cụ tìm kiếm hoặc SEO không?

Sự hiện diện của favicon có thể gián tiếp ảnh hưởng đến SEO. Một số công cụ tìm kiếm, chẳng hạn như DuckDuckGo, hiển thị favicon trong kết quả tìm kiếm. Một favicon bắt mắt có thể giúp tăng tỷ lệ nhấp qua (CTR) trên các công cụ tìm kiếm này. Ngoài ra, favicon là điều bắt buộc để xây dựng nhận diện thương hiệu và lòng tin vào thương hiệu. Một favicon bị thiếu có thể khiến người dùng mất lòng tin vào trang web và tăng tỷ lệ thoát.

Tạo ra favicon

Truy cập https://favicon.io/ 

hoặc các bạn có thể sử dụng các trình chỉnh sửa ảnh chuyển nghiệp như Photoshop, sau đó xuất file ra định dạng .ico

Một cách khác để nhanh tạo Favicon nhanh gọn, chúng ta có thể tìm kiếm các icon dưới dạng .svg tại https://www.iconfinder.com hoặc các nguồn trên Internet. Sau đó tiến hành chỉnh sửa lại.

Sau đó, bạn truy cập vào https://realfavicongenerator.net, upload file SVG lên để công cụ này tạo favicon.

Hướng dẫn thay favicon cho Blogger

Sau khi đăng nhập vào trang quản trị  Blogger, ở menu bên trái, các bạn di chuyển đến mục Cài đặt. Sau đó bên dưới nội dung Mã theo dõi Google Analytics, các bạn nhấn chọn Biểu tượng trang web.

Upload Favicon

Trong trang popup nổi lên, các bạn chọn tệp và upload lên tệp favicon.ico đã chuẩn bị sẵn ở phần trên.

Lưu ý là dung lượng tệp không quá 100KB và kích thước là 32×32.

Lưu và kiểm tra

Cuối cùng, sau khi upload thành công các bạn nhấn Lưu để tắt popup và kiểm tra lại kết quả. Để kiểm tra kết quả, các bạn truy cập vào đường dẫn /favicon.ico.

Thắc mắc

Favicon không thay đổi trên trang

Sau khi cập nhật, thông thường phải mất một khoảng thời gian để các công cụ tìm kiếm cập nhật Favicon mới của bạn.

Ngoài ra thì nếu bạn kiểm tại đường dẫn /favicon.ico đã thấy cập nhật Icon mới nhưng trên trang chủ thì không. Hiện tượng này xảy ra có thể nguyên do template bạn đang sử dụng đã hardcode Favicon trong template.

Để khắc phục, các bạn hãy vào chỉnh sửa template để đổi. Thêm hoặc dùng đoạn code sau trong thẻ <head>:

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

Favicon của mình bị nhòe

Mặc định  Blogger chỉ hỗ trợ Favicon kích thước 16×16. Các Favicon sau khi upload lên đều bị chuyển đổi về kích thước này.

Để khắc phục hiện tượng này, chúng ta hãy thêm Favicon ở định dạng .png với kích thước lớn hơn trong phần thẻ <head>. Các bạn tham khảo đoạn mã bên dưới.

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

<link href='.../apple-touch-icon.png' rel='apple-touch-icon'/>

<link href='.../favicon-32x32.png' rel='icon' sizes='32x32' type='image/png'/>

<link href='.../favicon-16x16.png' rel='icon' sizes='16x16' type='image/png'/>

  Bạn muốn tạo một Blog cá nhân, để kinh doanh, hay kiếm tiền trên mạng, hay quảng bá thương hiêu cá nhân, doanh nghiệp thì khởi đầu với https://www.blogger.com - blogspot ,hay blog wordpress site thì bài viết này Hướng dẫn người mới tạo blogspot - blogger.com mới nhất. Bởi chi phí thấp, và đầy đủ phương tiện, các bước tiến hành tạo 1 blogspot như sau:

  1. Trước hết bạn cần có 1 địa chỉ gmail để đăng nhập

  2. Truy cập https://www.blogger.com, Nhấn nút  Create your blog, rồi đăng nhập blogger.com với địa chỉ email của bạn.

  2.1 Chọn một tên cho blog của bạn. Đây là tiêu đề sẽ xuất hiện ở phía trên cùng của blog, tên này sau này có thể chỉnh sửa. như hình:

  2. 2 Nhấn Tiếp Theo, Chọn một URL cho blog của bạn, đây chính là địa chỉ truy cập Blogger, Thông qua địa chỉ web này, mọi người có thể tìm thấy blog của bạn trên mạng, , tên này sau này không thể chỉnh sửa.hình :

  2.3 Nhấn Tiếp Theo, Xác nhận tên hiển thị của bạn, Bạn muốn tên mình xuất hiện với người đọc blog như thế nào? Chính là tên tác giả viết bài, tên này sau này có thể chỉnh sửa.

  2.4 Nhấn Hoàn tất, để hoàn thành việc tạo blog. Blog của bạn đã được tạo bây giờ bạn bắt đầu thiết kế giao diện và viết bài cho blog.

  3. Thay đổi theme cho blog của bạn (Chính là giao diện website - blog).

  3.1 Bạn lên google tìm một theme miễn phí , với từ khóa 'Theme blogspot free", và tải về. Ví dụ truy cập https://gooyaabitemplates.com/, chọn Free blogger templates, chọn theme, Tải về và giải nén bạn sẽ thấy 1 folder trong đó có 1 file Type XML, bạn cần tải file này lên để thay đổi giao diện Blog, giao diện mặc định là của google, file XML như hình:

  3.2 Truy cập vào Dashboard của blogger, bạn sẽ thấy như hình :

  3.3 Nhấn mục Chủ đề bên trái để thay đổi theme blog

  3.4 Nhấn mũi tên thả xuống cạnh nút tùy chỉnh, chọn dòng khôi phục :

  3.5 Chọn file XML đã tải về ở trên và nhấn nút Open, vậy là bạn đã thay đổi theme giao diện cho blog rồi đấy.

  4. Gắn Domain riêng cho blog: Xem các domain free ở bài viết này.

  4.1 Mua domain riêng của bạn, mình mua ở Pavietnam.vn, Mình sẽ Hướng dẫn bạn mua domain hosting tại Pavietnam.vn ở một bài viết riêng, Xem danh sách các bài viết hướng dẫn mua domain - hosting.

  4.2 Gắn domain cho blog, Từ A-Z cách trỏ tên miền về Blogspot mới nhất

  - Truy cập vào Dashboard của blogger, Nhấn mục Cài đặt bên trái, tại dòng Xuất bản, nhấn Miền tùy chỉnh, như hình rồi nhập domain của bạn,chú ý có www.domain, nhấn nút lưu nó hiện lên dòng màu đỏ như hình :

  - Truy cập https://access.pavietnam.vn, nơi bạn mua domain, hoặc nơi khác do bạn, tạo 2 CNAME như hình ứng với dòng màu đỏ trong Miền tùy chỉnh:

  - Nhấn nút lưu và đợi 5 - 30phút để domain cập nhật.

  5. Các chức năng khác trong Dashboard của blogger, Như hình 

  - Mục Bố cục, tại đây bạn thêm bớt tiện ích HTML/JavaScript, thay đổi giao diện blog.

  - Mục Cài đặt :

Tiêu đề: Tiêu đề để hiện thị tên cho trang blog của bạn.

Mô tả: Mô tả ngắn gọn nội dung, thông tin cá nhân, blog của bạn.

Ngôn ngữ trên Blog: Chọn ngôn ngữ bạn muốn hiển thị trên Blog.

Nội dung người lớn: Gồm hiển thị cảnh báo cho người đọc blog và yêu cầu xác nhận độ tuổi, tại đây bạn có thể tắt hết.

Mã thuộc tính Google Analytics: Gắn thuộc tính GA giúp bạn theo dõi lưu lượng truy cập trên Google Analytics một cách dễ dàng.

Biểu tượng trang web: Chọn hình ảnh biểu tượng trang web blog của bạn, giúp tăng giá trị thương hiệu cá nhân.

Bảo mật – Hiển thị với các công cụ tìm kiếm: Phần này nếu bạn muốn tối ưu SEO thì bạn bật lên để Google đọc được nội dung của bạn. Nếu bạn không muốn public nội dung thì có thể tắt chức năng này.

Địa chỉ Blog: URL miền phụ của blog Blogger của bạn.

Tùy chỉnh tên miền: Điều này cho phép bạn chọn một tên miền tùy chỉnh cho blog Blogger.

HTTPS: Cho phép bạn phân phát nội dung qua máy chủ bảo mật bằng HTTPS, chứng chỉ SSL.

Quyền: Trong cài đặt quyền, bạn có thể mời tác giả viết trên Blogspotcủa mình.

Số bài đăng: Bạn có thể đặt số lượng bài đăng sẽ được hiển thị trên trang chủ của blog.

Hộp đền hình ảnh: Sẽ hiển thị lớp phủ trưng bày trên hình ảnh.

Comment Settings: Giữ nguyên các cài đặt này.

Email: Cho phép bạn thêm người nhận email vào blog của mình. Tất cả các email đang hoạt động và đang chờ xử lý sẽ được hiển thị trong phần này.

Định dạng: Cho phép bạn chọn múi giờ, định dạng tiêu đề ngày và Định dạng dấu thời gian, bạn có thể tùy chọn múi giờ cho blog của mình.

Cài đặt tối ưu SEO cho Blogspot

Cài đặt Search Engine Optimization (SEO) của Blogspot. Các cài đặt này cần thiết để blog có cơ hội xuất hiện trong kết quả của công cụ tìm kiếm.

Thẻ meta: Bật mô tả meta cho blog của bạn, cho phép tùy chọn tìm kiếm với mọi bài đăng trên blog để đặt mô tả cho các bài đăng trên blog.

Lỗi và chuyển hướng – Tùy chỉnh 404: Nếu bạn đã xóa bất kỳ trang nào, hãy chuyển hướng URL trang đó đến một URL khác bằng cách click chọn lệnh chuyển hướng tùy chỉnh.

Bật robots.txt tùy chỉnh: Bạn có thể giữ nguyên các cài đặt này. Nếu bạn là người dùng thành thạo, thì bạn có thể đặt robots.txt tùy chỉnh nâng cao cho blog Blogger.

Bật thẻ tiêu đề robot tùy chỉnh: Để mặc định nếu muốn, nhưng nếu bạn thực sự muốn nâng cao các cài đặt này, hãy làm theo hướng dẫn về thẻ tiêu đề robot tùy chỉnh cho blog Blogger.

Google Search Console: Kết nối blogspot của bạn với Google Search Console để submit index nhanh hơn và giúp bạn theo dõi các chỉ số SEO dễ dàng.

Bật file ads.txt tùy chỉnh: Bạn có thể bật tùy chọn này nếu được Advertised yêu cầu bạn cấp quyền truy cập vào file ads.txt.

Cách tạo Blogspot đẹp

Dưới đây là các bước cơ bản để bắt đầu xây dựng và thiết kế một trang blog đẹp dành cho bạn.

Thay đổi theme của Blogger, nâng cao giao diện người dùng.

Theme Blogger phải có điểm Google PageSpeed Insight cao, vì bản cập nhật quan trọng web cốt lõi sẽ ảnh hưởng đến tất cả các kết quả tìm kiếm.

Tính thân thiện với SEO của theme: Chứa các thẻ Schema Markup, thẻ HTML5 Semantics.

Responsive và thân thiện với Google AdSense: Chọn một mẫu responsive thân thiện với Adsense.

Làm thế nào để viết một bài đăng trên Blogspot?

Truy cập trang tổng quan Blogspot > Chọn “Bài đăng” như hình dưới đây để bắt đầu tạo bài đăng mới tên Blogspot.

Bạn có thể viết một bài đăng trên blog ở chế độ HTML hoặc Compose. Ở chế độ HTML, bạn có thể tạo bài đăng trên blog bằng code HTML.

Nhập tiêu đề của bài đăng trên blog của bạn.

Biểu tượng bút chì: Nhấp vào biểu tượng này để chuyển đổi giữa chế composed và chế độ HTML.

Undo and Redo: Các tùy chọn này sẽ hoạt động như tên của nó.

Tùy chỉnh font chữ: Cho phép bạn chọn một tiêu đề, tiêu đề phụ, kích thước phông chữ, font family,…

Font chữ: Cho phép bạn thêm kiểu vào font chữ được sử dụng trong nội dung.

File đính kèm: Đính kèm các phương tiện như hình ảnh, video YouTube, video vào bài đăng trên blog.

Cài đặt bài đăng và xuất bản:

Thêm label: Thêm label vào bài đăng trên blog của bạn. Giả sử bạn đang viết nội dung về thể thao, chính trị, môi trường,… Bạn có thể gắn label cho mọi nội dung theo chủ đề của nó. Điều này sẽ giúp bạn cũng như khách truy cập của bạn dễ dàng tìm thấy nội dung liên quan.

Xuất bản: Ngày xuất bản nội dung.

Liên kết hoặc liên kết cố định: Đặt liên kết cố định cho bài đăng của bạn. Permalink phải luôn ở dạng chữ nhỏ.

Vị trí: Thêm vị trí nếu bạn thích hoặc không thì có thể bỏ qua.

Mô tả tìm kiếm: Nhập mô tả nội dung bằng 150 chữ cái giúp hiển thị cùng với kết quả tìm kiếm của blog.

Options: Tùy chọn này sẽ xuất hiện nếu bạn bật các thẻ tiêu đề robot tùy chỉnh.