Tạo chữ kí online với Mylivesignature.com và ứng dụng của nó cho blog

Create Signature Online With MyLiveSignature

[FD's BlOg] - Bài viết giới thiệu cho các bạn cách tạo chữ kí (online) độc đáo với MyLiveSignature.Com . Và kèm theo là thủ thuật chèn chữ kí của từng tác giả vào cuối mỗi bài viết. Bài viết này áp dụng thủ thuật tương tự như thủ thuật "chèn ảnh của tác giả trước tiêu đề mỗi bài viết".

1. Tạo chữ kí online với mylivesignature.com:
- Đầu tiên ban truy cập vào trang web mylivesignature.com và thực hiện 5 bước sau để có 1 chữ kí như ý muốn.

Bước 1: điền tên của bạn


Bước 2: Chọn font (có tất cả 120 font cho bạn chọn)


Bước 3: chọn kí thước


Bước 4: CHọn màu


Bước 5: Chọn kiểu hiển thị (nằm ngang, nghiêng...)

Cuối cùng ta có kết quả như bên dưới:


2. Chèn chữ kí của tác giả vào cuối mỗi bài viết:
- Thủ thuật này thích hợp nhất cho các blog có nhiều thành viên , với thủ thuật này, cuối mỗi bài viết sẽ hiển thị chữ kí của tác giả bài viết đó.
- Để thực hiện thủ thuật này, bạn phải có đủ tất cả các chữ kí của các thành viên. Và sau đó upload lên host nào đó để lấy link.

Hình ảnh minh họa kết quả :

☼ Bắt đầu thủ thuật:
1. Đăng nhập blog
2. Vào bố cục (layout)
3. Vào chỉnh sửa code HTML (edit code HTML)
4. Chọn mở rộng mẫu tiện ích (expand widget template)
5. Tìm đọan code sau (hoặc tương tự):

<div class='post-body entry-content'>
<data:post.body/>

6. Chèn vào sau nó đọan code sau:

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.author == "Author1"'>
<img src='link ảnh chữ kí của tác giả 1 của' style='float:right;'/>
</b:if>

<b:if cond='data:post.author == "Author2"'>
<img src='link ảnh chữ kí của tác giả 2' style='float:right;'/>
</b:if>

</b:if>

- Lưu ý :

+ tên tác giả phải chính xách, nếu trong tên của tác giả có các kí tự đặc biệt như : ' , " , < , > , ... thì phải thay đổi chúng bằng các chuỗi thay thế (mã hóa)
+ Nếu blog bạn có 1 tác giả thì dùng code bên dưới cho gọn:

<b:if cond='data:blog.pageType == "item"'>

<img src='link ảnh chữ kí của bạn' style='float:right;'/>

</b:if>

7. Save template.

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