Loading post navigation ...
 
 

Pro page

9
Nhận xét

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

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

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.


Enter your mail address:

9

Ngankvn ®

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 ??

fandung-tester

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.

fandung-tester

chết rồi, code có kí tự ": p" nó hiểu là emoticons :-L

Ngankvn ®

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

kk

Blog bác thật nhiều bài hay quá,good

fandung-tester

@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ế.

mAn ĐiezEl

thnks fanung nhiều nhiều nhá .tt hay quá :D

Jimmy Jarred
Jimmy Jarred

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ác bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home