Code Tạo liên kết giống configure link list trong Blogpost

Đây là đoạn code để tạo đường link liên kết trong blog của bạn. Giống như Configure link list có sẳn trong blogpost.
menu này giúp người xem có thể chọn các chủ đề khác nhanh chóng. Mặt khác bạn có thể hướng Reader đến một liên kết nào đó nhanh gọn.

<select onchange="if (this.value != '#')
window.open(this.value, '_blank');"
style="font-family: Arial; font-size: 9pt;
height: 45; width: 123">
<option selected value="#" />Các Chủ đề khác
<option value="link liên kết" />Tên của liên kết 1

<option value="link liên kết" />Tên của liên kết 2

<option value="link liên kết" />Tên của liên kết 3

<option value="link liên kết" />Tên của liên kết 4
<option value="#" />*** chuyên mục khác ***
<option value="link trang blog khác " />blog khác 1

<option value="link trang blog khác " />blog khác2

 <option value="#" />****những trang yêu thích ****
<option value="https://www.whitehouse.gov/" />whitehouse
</select>

Làm theo các bước sau

1. Vào lay out
2. Chọn mục add a gadget
3. sau đó tìm đến HTML/JavaScript
4. Copy đoạn code trên cho vào muc content,
5. Thay thế đường link và tên của nó và save lại là xong.

Các loại liên kết

Trong các liên kết ta có liên kết nội và liên kết ngoại.
Liên kết nội bộ:

là một dạng backlink nhưng có cùng một domain, chính xác hơn là nằm trong cùng một website, ví dụ như liên kết từ một trang này đến một trang khác trên cùng trang web hay blog.
Tương tự nếu bạn sử dụng Anchor link chính trong bài viết, nghĩa là khi bạn click vào link thì nó chuyển đến ngay dòng có chứa đoạn văn bản mà bạn đã đặt sẵn trước đó.

Liên kết ngoài:

là những liên kết trỏ từ trang web này với trang web khác, ví dụ nếu blog của bạn link đến web của tôi hoặc ngược lại thì đó là liên kết ngoài.

Ôn lại một chút khi sử dụng HTML để chèn liên kết.
Cần nhớ ba điều là:

1. Link
2. Mô tả link đó cho cái tên
3. Cặp thẻ <a ... </a>

Ví dụ: 

<a href= " http://liemnguyenngoc.blogspot.com/ " > Blogpost </a>
Nếu các bạn newbies không thể nhớ cũng không sao vì trong blogspot họ thiết kết rất hay, làm sẳn cho chúng ta, dễ dàng sử dụng và rất tiện lợi nhanh chóng.

Nếu muốn mở liên kết trong một tab mới thì thêm đoạn target="_blank" vào là được nghĩa là open this link in a new window.
Trường hợp không tin website mà chúng ta trỏ tới thì chọn rel=nofollow. 
xem thêm dofollow hiểu thế nào nếu chưa hiểu lệnh này 

ví dụ:

<a href= " http://liemnguyenngoc.blogspot.com/ target="_blank"> Blog's Liem N Nguyen </a>

 

Một cú pháp khác là liên kết anchor :
khi bài viết của bạn quá dài, bạn muốn có cái gì đó để đi đến trang nào đó cho nhanh hơn thì dùng câu lệnh này,
ví dụ:
phần đầu bài viết tôi có để đường link liên kết khi click vào chử liên kết đầu bài thì sẽ chuyển đến phần đoạn mà tôi muốn bạn đến trong bài viết.
cú pháp như sau:

MỤC LỤC

<a href="#liên kết nội">liên kết</a>

<a href="#kết_ngoại">liên kết ngoại</a>

 

ví dụ có 3 đoạn văn
<p>
đoạn văn 1
xxxxxxxxxxxxxxx.
</p>

<p id="liên kết nội">liên kết</p>
<p>
Liên kết nội là
xxxxxxxxxxxxxxx
xxxx.
</p>


<p id="kết_ngoại">liên kết ngoại</p>

<p>
liên kết ngoại
xxxxxxx.
</p>

Ví dụ khác:

Bước 1
Tạo ngay ở phần đầu mục lục
<a href="#Tác-Phẩm">Phần mở đầu</a>
<a href="#chương-15"> đến chương 15</a>
<a href="#Tác-Giả">Lời cám ơn</a>
 

Bước 2
Chọn trong bài viết có phần mở đầu bỏ vô
<p id="Tác-Phẩm">Phần mở đầu</p>
 

chọn đến trang chứa chương 15 cho code này vào
<p id="chương-15">đến chương 15</p>
 

chọn đến trang tác giả cho code này vào
<p id="Tác-Giả">Lời cám ơn</p>

Cách tạo mục lục cho bài viết bằng cách thủ công
1- Mở soạn thảo blogpost  trong chế độ HTML view
2- Copy các phần sau kết vào phần đầu mục lục mà bạn muốn bắt đầu

<a href="#liên kết 1">1- Lời mở đầu và chương 1 </a>
<a href="#liên kết 2">2- chương 2 </a>
<a href="#liên kết 3">3- liên3</a>
<a href="#liên kết 4">4- liên4</a>
<a href="#liên kết 5">5- liên5</a>
<a href="#liên kết 6">6- liên6</a>
<a href="#liên kết 7">7- liên7</a>

3- sao chép từng id vào mỗi đoạn tương ứng.
Sao chép Id ương ứng vào đầu đoạn văn mà muốn thả neo
Ví dụ đoạn văn mở đầu thì chép <p id="liên kết 1">1- Lời mở đầu và chương 1</p>

Sao chép Id cho từng đoạn ở chế độ soan thảo HTML view

<p id="liên kết 1">1- Lời mở đầu và chương 1</p>
<p id="liên kết 2">2- chương 2</p>
<p id="liên kết 3">3- liên3</p>
<p id="liên kết 4">4- liên4</p>
<p id="liên kết 5">5- liên5</p>
<p id="liên kết 6">6- liên6</p>
<p id="liên kết 7">7- liên7</p>