Thứ Bảy, 23 tháng 11, 2019

Hướng dẫn chi tiết cài đặt tên miền riêng vào blogger ( còn gọi là blogspot )

- Trên mạng internet có rất nhiều bài viết liên quan tới hướng dẫn cài đặt tên miền riêng cho blogspot, Tuy nhiên, Tại bài viết này, TENTEN xin hướng dẫn lại thêm một lần nữa về cách cài đặt một cách thật chi tiết, Hy vọng sẽ giúp ích được đối với các bạn đang sử dụng tên miền tại TENTEN gặp bỡ ngỡ khi cài đặt lần đầu tiên.

- Thời gian cài đặt không mất nhiều, Vui lòng cùng chúng tôi tiến hành cài đặt theo từng bước.

Bước 01: Đăng nhập http://blogger.com/

- Email: <Nhập địa chỉ gmail của bạn>

- Mật khẩu: <Nhập mật khẩu đăng nhập gmail của bạn >

Bước 02: Sau khi đăng nhập thành công,

- Chọn menu:"LỰA CHỌN KHÁC" Từ danh sách blogger của bạn.

- Chọn chức năng: "Cài đặt"

Bước 03: Tại danh mục: "Địa chỉ blog", Chọn chức năng: "+ Thêm tên miền tùy chỉnh" .

- Vì bạn đã sở hữu tên miền tại TENTEN, do đó bạn bỏ qua bước mua tên miền và tiếp tục với lựa chọn : " Bạn đã sở hữu một tên miền? Chuyển sang cài đặt nâng cao " .

- Tại bước cài đặt nâng cao, Hãy nhập tên miền bạn muốn sử dụng thay vì tên miền mặc định của blogger cung cấp cho bạn.

Hãy nhớ nhập cả phần mở rộng của tên miền bạn đang sở hữu ( Ví dụ: www.tenten.vn hoặc blogs.tenten.vn ...)

--> Chọn " Lưu "

* Như vậy là có thông báo lỗi, Tuy nhiên bạn không cần lo lắng về việc này, Nguyên nhân do tên miền của bạn chưa chứng minh được quyền sở hữu của bạn trên hệ thống blogspots. Vậy việc tiếp theo là bạn hãy chứng minh bạn là chủ sở hữu của tên miền bạn đã khai báo theo hướng dẫn của blogspots.

Bây giờ, Bạn cần mở một cửa sổ trình duyệt mới và đăng nhập vào trang quản trị của tên miền bạn đang sở hữu tại: https://domain.tenten.vn , Và thực hiện thêm 02 bản ghi như blogspots hướng dẫn để chứng minh quyền sở hữu tên miền.

Hãy kiên nhẫn, chờ khoảng 2 phút sau đó quay trở lại trang cài đặt tên miền trên blogger. click vào Lựa chọn " Lưu " thêm một lần nữa để kết thúc quá trình thêm tên miền riêng vào blogger.

- Như vậy, quá trình cài đặt đã kết thúc. Hãy kiểm tra bằng cách truy cập blogspot của bạn. Hãy nhớ nhập chính xác tên miền bạn đã gán vào blogger ( trong hướng dẫn này là http://www.tuanla84.info ).

** Một số bạn có thắc mắc làm thế nào để không cần gõ thêm giá trị: www ở phía trước mà vẫn có thể sử dụng được blogger.

TENTEN lại tiếp tục hướng dẫn mở rộng thêm đối với trường hợp này:

- Quay trở lại bước cài đặt các bản ghi tên miền tại https://domain.tenten.vn

Hãy thiết lập thêm các bản ghi như sau:

- Sau khi thiết lập các bản ghi này thành công. Việc cuối cùng là khai báo với blogger để hoàn tất quá trình cài đặt

+ Trong phần cài đặt cơ bản tại blogger. Chọn "Chỉnh sửa" tên miền bạn cần thay đổi

Và đánh dấu vào mục " Chuyển hướng < tên miền > ... tới < tên miền > ...

Lưu lại.

Như vậy, TENTEN đã hướng dẫn chi tiết các bước để có thể thiết lập một tên miền mang dấu ấn riêng của bạn, sử dụng với blogger thay vì tên miền blogger cung cấp miễn phí cho bạn (rất dài và khó nhớ).

Hướng dẫn cách trỏ tên miền về Blogspot

Hướng dẫn các bạn cách trỏ tên miền về Blogspot, giúp Blogspot có tên miền riêng nhìn chuyên nghiệp hơn, cá nhân hóa tốt hơn.

Hướng dẫn cài đặt Robots.txt chuẩn nhất dành cho Blogspot

Hướng dẫn xét duyệt nhận xét của người khác

Cách tải lên và tùy chỉnh cơ bản Template Blogspot

Blogspot sau khi tạo ra (Được hướng dẫn ở bài viết: Cách tạo Blogspot cho người mới bắt đầu) sẽ có một tên miền khá dài, làm mất tính thẩm mỹ của tên miền cũng như khó nhớ cho người dùng, bởi nó phải có đuôi là .blogspot.com. Điều này chắc chắn sẽ ảnh hưởng đến người xem của bạn. Tuy nhiên, Blogspot lại có tùy chọn cho chúng ta sử dụng tên miền của bên thứ 3, giúp giải quyết hạn chế này của nó.

Thông thường, ai làm blog bằng Blogspot với mục đích phục vụ cá nhân và tận dụng tốt nhất những gì nó mang lại, cũng muốn mình sở hữu một tên miền riêng, thể hiện được nội dung của website mình. Hiện nay, bạn có thể mua tên miền quá dễ dàng và khá nhiều lựa chọn. Chỉ với vài phút truy cập các trang web bán tên miền thông dụng hiện nay như Godaddy, Zcom, Mắt Bão… thì bạn đã có ngay tên miền để sử dụng.

Bạn đã có tên miền, và muốn trỏ nó vào blog của mình trên hệ thống Blogspot? Đơn giản thôi, hãy làm theo hướng dẫn của mình nhé.

Cách trỏ tên miền về Blogspot

Ở bài viết này, Học Blogspot đã sử dụng tên miền qua dịch vụ CloudFlare (Dịch vụ DNS bên thứ 3, sẽ có bài viết giải đáp: Vì sao nên dùng CloudFlare cho Blogspot?), nên giao diện sẽ hơi khác so với các trang web bán tên miền khác (Thật ra thì thằng bán tên miền nào cũng có giao diện quản trị tên miền khác nhau cả), vì thế, mọi hoạt động chỉnh sửa của mình bây giờ đều trên CloudFlare, các bạn sẽ làm tương tự ở trên các trang bán tên miền mà mình mua.

Trong bài viết này, Học Blogspot làm hướng dẫn với tên miền www.hocblogspot.com luôn nhé:

- Đầu tiên, bạn truy cập vào trang quản trị Blogspot ở đường dẫn sau: https://www.blogger.com

- Sau đó, vào Cài đặt rồi đến Cơ bản, và bạn tìm đến mục Địa chỉ blog. Để thêm tên miền riêng của bạn vào, hãy click vào tùy chọn + Thiết lập URL của bên thứ 3 cho blog của bạn nhé:

Sau đó, bạn cần nhập tên miền của mình vào, tên miền nhập vào yêu cầu cần có www, hoặc sử dụng subdomain. Ở đây mình dùng tên miền chính, vì vậy nhập www.hocblogspot.com:

Sau khi nhập tên miền vào, thì bạn bấm Lưu như trên ảnh.

- Sẽ nhận được một thông báo lỗi như sau:

Các bạn cần làm theo hướng dẫn là thêm 2 CNAME trong thông báo ở trên vào DNS tên miền của mình. Vì vậy, giờ mình sẽ vào trang quản trị tên miền của mình để cài đặt 2 tên miền này. Mình dùng CloudFlare như đã nói ở trên nha.

- Mở tab mới. Vào CloudFlare, mình vào phần DNS (Hầu hết các trang bán tên miền đều có giao diện DNS na ná nhau như bên dưới cả):

Sau đó nhập 2 CNAME như yêu cầu của Google vào.

Đây là CNAME sau khi đã nhập chính xác:

- Thêm 4 IP sau vào thẻ ghi A, name là @ nhé:

216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

- Giờ thì quay trở trang Blogspot nãy bạn đang nhập tên miền. Bấm Lưu lần nữa. Thông thường DNS của các trang tên miền cập nhật khá nhanh, vì vậy, bạn lưu sẽ thành công ngay thôi. Còn nếu lưu chưa được nữa, thì đợi ít phút để được cập nhật DNS rồi bấm Lưu lại lần nữa nhé.

Đây là khi bạn đã lưu lại thành công. Lúc này, trang web của bạn đã được chuyển hẳn tên miền Blogspot sang tên miền riêng của bạn. Tuy nhiên, bạn nên làm thêm 1 công đoạn, đó là mở chỉnh sửa tên miền ra, như ảnh dưới:

Sau đó tick thêm vào dấu tick chuyển hướng tên miền từ non-www sang www để tránh trường hợp người khác gõ tên miền bạn không có chữ www thì báo lỗi không tồn tại:

Lưu ý: Hoạt động của nút tick chuyển hướng này thật sự không tốt, vì vậy, lời khuyên cho các bạn là hãy thực hiện redirect tên miền từ non-www sang www trong trang quản trị tên miền của mình.

Vậy là xong rồi đó. Với cách trỏ tên miền Blogspot cặn kẽ ở trên mà Học Blogspot đã hướng dẫn cho các bạn, thì các bạn đã có cho mình một blog với tên miền riêng, vừa mang tính cá nhân hóa, vừa dễ nhớ với người dùng.

Tạo Menue

/* Bat dau menue khong co
----------------------------------------------- */
#mbtnavbar {
background: #800517;
width: 1024px;
color:     #FFFCFC
margin: 0px;
padding: 0;
position: relative;
border-top:0px solid #FFFCFC;
height:35px;
}
/* Bat dau menue
----------------------------------------------- */
#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
/* Bat dau menue 2 khong co vien menue
----------------------------------------------- */
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #FEFBFA;
border-right:1px solid #FEFBFA;
height:35px;
}
/* Bat dau menue 3 chu menue
----------------------------------------------- */
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color: #050505;
display: block;
font:normal 12px Helvetica, sans-serif; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
/* Bat dau menue 4 1. Vach ngan cach          2. Mau nenmenue phu
----------------------------------------------- */
#mbtnav li a:hover, #mbtnav li a:active {

background: #11ACFA;
/* Bat dau menue 4 1. Mau nen menue tung o
----------------------------------------------- */
color:     #FFFCFC;
display: block;
text-decoratio#FFFFFF: none;
margin: 0;
padding: 9px 12px 10px 12px;
}
/* Bat dau menue
----------------------------------------------- */
#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
/* Bat dau menue
----------------------------------------------- */
#mbtnav li ul a {
width: 140px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position: static;
}
-----------------------------------------------------------------------
/* Bat dau menue 4.. background: #FDEEF4; mau nen cua menue phu
----------------------------------------------- */
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background: #D9FCFA;
width: 120px;
color: #2554C7;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px dotted #FFFFFF;
}
-----------------------------------------------------------------------
/* Bat dau menue 5 #E0FFFF ngay duoi chu menue
----------------------------------------------- */
#mbtnav li li a:hover, #mbtnavli li a:active {
background: #E0FFFF;
color: #FFFFFF;
display: block; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;FFFFFF
}
-----------------------------------------------------------------------
<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
        <a href=' link trang chủ'>Trang chủ</a>
</li>
<li>
<a href='link chuyên mục'>Tin hoạt động</a>
</li>
<li>
<a href='link chuyên mục'>Đội ngũ</a>
</li>
<li>
<a href='link chuyên mục'>Học sinh</a>
</li>
<li>
<a href='link chuyên mục'>Tài nguyên</a>
<ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
        </li>
<li>
           <a href='link chuyên mục'>Lịch công tác</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
         </ul>
      </li>
<li>
           <a href='link chuyên mục'>Thời khóa biểu</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN </a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
          </li>
<li>
<li>
           <a href='link chuyên mục'>Liên hệ</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN </a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
          </li>
           <a href='link chuyên mục'>Ảnh tư liệu</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN </a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
          </li>
     <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN </a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
          </li>
<li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
            </li>
            <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
            <li><a href='link nhãn'> TÊN NHÃN</a></li>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
       </ul>
   <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
            </li>
            <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
            <li><a href='link nhãn'> TÊN NHÃN</a></li>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
       </ul>
</li>
<li>
</li>
</ul>
</div>

MẸO THU GỌN BÀI VIẾT TRONG BLOGSPOT – BẠN CHỈ CẦN THÊM 1 CLICK!

được viết bởi Nguyễn Đức Anh 4 July, 2013

Nếu bạn để ý thì ở các trang báo điện tử, các bài viết luôn có phần xem trước có nội dung là một phần của bài viết, rồi có link đọc thêm để ai muốn đọc toàn bài thì mới click vào. Theo mặc định khi viết bài với blogspot thì không như thế, bài của của bạn sẽ trưng ra toàn bộ, chứ không có đọc thêm, đọc nếm gì cả 🙂

Chính vì thế gây bất tiện ở 3 chỗ:

Có thể bạn quan tâm: Dịch vụ cài đặt hosting chuyên cho WordPress của Kiến càng, giúp website có tốc độ cao, khả năng chịu tải tốt. Bạn tìm hiểu thêm ở liên kết này.

Trang web sẽ tải chậm hơn vì nó sẽ phải tải cả bài thay vì chỉ tải phần tóm tắt. Đặc biệt là trong trường hợp khi phần nội dung có nhiều ảnh…Cả bài viết thông thường sẽ có dung lượng tính ra byte gấp 3 – 4 lần phần tóm tắt, có khi lên tới 6 – 7 lần.
Trang web trông không gọn gàng và khó theo dõi, bởi vì khi ấy người đọc khó xem toàn blog để tìm ra bài viết mà họ cảm thấy thích đọc.
Bạn sẽ khó biết được người đọc quan tâm đến bài viết nào hơn, bởi vì họ chỉ cần kéo chuột để đọc cả bài thay vì click vào bài cụ thể để đọc.

Thực ra ăn to nói lớn vậy chứ, để thu gọn bài viết lại không có gì khó khăn cả, có một mẹo rất đơn giản, nó nằm ngay trong phần viết bài của blogspot, đó chính là “dấu ngắt nhảy”

Bạn muốn ngắt bài viết ở chỗ nào thì click vào chỗ đó, rồi nhấn vào dấu ngắt nhảy. Sẽ có một đường gạch ngang chấm chấm màu xám biểu thị phần xem trước của bài viết.

Như vậy là thành công rồi… Tất nhiên với từng bài viết bạn đều phải tự tay đặt dấu ngắt cụ thể ở chỗ nào.

Mới đầu khi đặt dấu ngắt nhảy, nếu không khéo hay xảy ra tình trạng là khoảng cách giữa phần xem trước của bài và phần còn lại hơi gần hoặc hơi xa quá, cái này bạn nghịch chút là sửa được ngay. Chúc bạn có một trang blog đẹp hơn.

Cách upload file Flash

Cách upload và chèn Flash vào Blogspot.Cách chèn Flash vào Blogspot. Làm sao để chèn banner bằng flash vào blgospot,website cảu bạn. Code chèn flash vào blogspot

Bít tuốt viết bài này là vì vừa đưa cái banner làm bằng flash vào blog nên viết bài này cho những bạn chưa biết và cần chèn flash vào blog.

Cách upload file Flash

Nếu bạn nào có host riêng thì cứ thỏa mái mà up lên thôi. Còn bạn nào chưa cs thì có thể dung dropbox, google site..... Nhưng hôm nay mình sẽ hướng dẫn các bạn cách up file Flash lên Google site vì nó không giới hạn băng thông cho file cùng xem chi tiết nhé

Bước 1: Bạn truy cập link sau bằng tài khoản gmail ==> sites.google.com

Bước 2: Nếu bạn chưa tạo blog nào trên trang này thì nhấn vào chữ Tạo ở góc trái điền đầy đủ thông tin thôi cho đến khi hoàn chỉnh hết

Bước 3: Upload file Flash lên

- Các bạn để ý trên cùng góc phải click vào chữ Thêm ==> Quản lý trang web

- Tiếp tục các bạn nhìn thanh bên trái rồi click vào phần Tải tệp đính kèm
- Các bạn up file flash cảu bạn lên vậy là ok
- Muốn lấy link Flash thì các bạn click vào xem và lấy link đó là ok (Chú ý các bạn xóa phần ?attredirects=0 ở cuối link đi nhé)

Ví dụ: https://sites.google.com/site/seovnpro/300x300-2932.swf?attredirects=0
Các bạn xóa chữ màu đỏ đi

Cách chèn Flash vào Blogspot

- Để chèn vào Blog, bạn dán link của file flash lúc nãy vào code phía dưới đây.

<embed bgcolor="#FFFFFF" height="300" width="300" pluginspage="http://www.macromedia.com/go/getflashplayer" src="Dán link file flash của bạn ở đây" type="application/x-shockwave-flash" >
</embed>

- Sau đó, bạn copy tất cả các code trên và đăng nhập vào Blog > chọn Thiết kế > thêm tiện ích HTML/Javacript rồi dán vào và bấm Lưu lại là xong,

Chú ý: height="300" là chiêu cao của flash . width="300" là độ dài của flash. Và các bạn chèn link flash cảu bạn vào nhé

Bây giờ, bạn quay trở lại Blog sẽ thấy có một file flash "đẹp" được hiển thị trên Blog của mình.

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

Translate into other language

Thứ Bảy, 23 tháng 11, 2019