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ự):

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.

10

: Tuyệt Vời , đúng thứ mình cần :)
Mình muốn cái chữ ký nó chìm - dạng background âý , thì làm sao ??
: Nếu cho 1 tác giả thì việc này đơn giản, nhưng còn đối với blog của Ngân, nhiều tác giả, muốn ảnh chìm theo từng tác giả có lẽ hơi phức tạp.

Theo mình nghĩ (chưa test nha) thì ta sẽ tạo từng class cho mỗi tác giả, với mỗi class là ảnh nền chữ kí của tác giả đó. Dạng như vậy :

.Author1 {
background: url(link ảnh) no-repeat bottom left;
}
☼ Sau đó ta sẽ sửa code như sau :

- Thay đọan code <data:post.body/> bằng đọan code bên dưới :

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

<b:if cond='data:post.author == "Author1"'>
<div id="Author1">
<data:post.body/>
</div>
</b:if>

<b:if cond='data:post.author == "Author2"'>
<div id="Author2">
<data:post.body/>
</div>
</b:if>

<b:else/>
<data:post.body/>
</b:if>Trên đó là suy nghĩ của mình ngay khi bạn hỏi, nên chưa test, có thể chưa hòan chỉnh, Ngân thử xem sao.
: chết rồi, code có kí tự ": p" nó hiểu là emoticons :-L
: Có bao giờ mình để Blog Load hoàn toàn đâu mà biến thành Emo đc :))

Vậy là đơn giản nhất là xài CSS đúng hem :)

Thực ra mình làm ẩu chớ cũng chả tìm thấy đoạn : <div class='post-body entry-content'>
<data:post.body/> Vì cái code readmore của anh võ nó làm rối tung khúc đó lên rồi :))
: Blog bác thật nhiều bài hay quá,good
: @Ngân :Mình hồi đó mới tập tành với blogspot cũng xài cái readmore của AnhVo, đến giờ vẫn dùng :D

Nhưng mình xài cái thủ công chứ không xài tự động.

@kk:Cám ơn lời khen của bạn. mình luôn tìm kiếm và nghĩ ra nhiều thủ thuật khác mỗi ngày. Nên bạn hãy ghé thăm blog mình thường xuyên nhé.

Còn nữa. Mình rất hoanh nghênh các bạn đặt vấn đề về thủ thuật nào đó cho blogspot (như trong bài này của bạn Ngân, mình đang tính làm thủ test cái vấn đề của Ngân nêu ra, nếu thành công sẽ post lên), nó làm mình có thêm ý tưởng để suy nghĩ và thiết kế.
: thnks fanung nhiều nhiều nhá .tt hay quá :D

: Its a great application for all the bloggers. One can easily create and add stylish signature with the help of this online tool. Thanks to you for providing this short tutorial that teaches how to get started with it.
electronic signature
: Cảm ơn bạn đã chia sẻ, ghé thăm blog của mình nhé https://taiphanmem247.com/huong-dan-tao-chu-ky-cho-tai-khoan-gmail-cua-ban-33.html