kết quả từ 1 tới 11 trên 11

Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

  1. #1
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 247344
    Giới tính: Nữ
    Bài gửi
    10.195

    Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Hướng dẫn cách tạo chữ ký dạng HTML, 2 cột chuyên nghiệp đẹp nhất đầy đủ các thông tin

    Chữ ký là 1 chức năng khá hay trong Gmail giúp hiển thị thông tin cá nhân hoặc thông tin công ty trong mỗi lần gửi email không cần phải viết lại, Tuy nhiên với chức năng mặc định của Gmail các bạn rất khó để tạo được 1 chữ ký đẹp mà chỉ có thể chèn hình ảnh, chỉnh sửa kích thước font chữ.

    Trong thực tế để tạo ấn tượng bạn phải tạo những chữ ký Gmail chuyên nghiệp để tăng độ tin tưởng của khách hàng, vậy làm sao để tạo những chữ ký chuyên nghiệp với đầy đủ các thông tin xúc tích. Vforum.vn sẽ giới thiệu cho các bạn 2 cách để xử lý vấn đề này.

    Trước tiên để Edit được chữ ký các bạn cần phải đặt nhập vào Gmail --> Vào cài đặt --> Kéo xuống phía gần dưới cùng:

    Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột


    1. Tạo chữ ký gmail với temlate có sẵn

    Đây là cách đơn giản nhất mà không cần phải nhiều thao tác và không cần phải biết nhiều về HTML tuy nhiên nó có 1 điểm yếu là bạn không tùy biến được nhiều mà phải sử dụng các template có sẵn và nhiều mẫu có phí. Có rất nhiều website có thể giúp bạn việc này. Mình thì thấy có 1 website có mẫu khá hay bạn có thể tham khảo bằng cách vào
    Mã:
    https://newoldstamp.com/editor/
    Sau đó điền các thông tin tương ứng như: Tên, Công ty, Tiêu đề, Số điện thoại, Website, email, địa chỉ, facebook, twitter...

    Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Muốn để hình thì bạn chọn Browse để đưa lên hiển thị thay hình thay thế, ngoài ra bạn cũng có thể chọn các template khác tùy theo sở thích và công việc của mình. Muốn nhiều lựa chọn hơn bạn phải có phí Tuy nhiên mình thấy các mẫu template này nhìn đơn giản nhưng rất chuyên nghiệp và dùng cũng đủ rồi


    Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Sau khi chọn được mẫu mình thích thì bạn chỉ việc bôi đen vùng chữ ký sau đó chọn Seo chép


    Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Vào phần chữ ký của Gmail điền thông tin vào và Lưu lại

    Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Như vậy bạn đã có 1 chữ ký rất chuyên nghiệp và đơn giản

    2. Tạo hoặc sửa chữ ký bằng HTML

    Với các bạn biết về HTML thì có thể tạo chữ ký Gmail bằng bất kỳ kiểu gì bạn thích với chỉ 1 chút HTML và CSS, có thể sử dụng localhost hoặc các trang web html online để chỉnh sửa nhưng có thể lâu hơn ví dụ bạn dùng trang web html này:
    onlinehtmleditor.net
    Sau đó tự thiết kế mẫu chữ ký của bạn ví dụ mình có đoạn code sau các bạn chỉ việc copy hết các đoạn code và sửa theo ý mình các đường link và hình ảnh
    Mã:
    <div id="signature3" templatepreview="true" value="3" style="padding: 0px 0px 0px 20px; display: block;">
    <table>
     <tbody><tr>
      <td valign="top" style="padding: 0 8px 0 0;">
       <div class="picture_block" style="float: left;">
        <img class="picture_preview" width="80" height="80" src="https://newoldstamp.com/editor/profilePictures/profile-a51848958867ba28fd42560ff32078d1-162258.gif" style="">
       </div>
      </td>
      <td valign="top" style="padding: 0 8px 0 8px;">
       <div class="name_block" style="">
        <span class="name_preview" style="color: #787878; font-size: 19px; font-family: 'arial';">Vforum.vn</span> &nbsp;
       </div>
       <span class="title_block" style="">
        <span class="title_preview" style="color: #787878; font-size: 14px; font-family: 'arial'; font-weight: bold; ">Diễn đàn tin học công nghệ</span>,
       </span>
       <span class="company_block" style=""> 
        <span class="company_preview" style="color: #787878; font-size: 13px; font-family: 'arial'; ">Digital Ltd.</span>
       </span>
       <div style="padding: 3px 0 0 0;">
        <div class="phone_block" style="">
         <span style="font-size: 11px; color: #00a89d; font-family: 'arial';">phone:</span>
         <span class="phone_preview" style="color: #787878; font-size: 11px; font-family: 'arial';">0838383838</span>
        </div>
        <div class="mobile_block" style="display: %11$s;">
         <span style="font-size: 11px; color: #00a89d; font-family: 'arial'; ">mobile:</span>
         <span class="mobile_preview" style="color: #787878; font-size: 11px; font-family: 'arial';">0919191919</span>
        </div>
        <div class="address_block" style="display: %17$s;">
         <span style="font-size: 11px; color: #00a89d; font-family: 'arial'; ">address:</span>
         <span class="address_preview" style="color: #787878; font-size: 11px; font-family: 'arial';">Ho Chi Minh, Viet Nam</span>
        </div>
        <div class="website_block" style="display: %13$s;">
         <span style="font-size: 11px; color: #00a89d; font-family: 'arial';">site:</span>
         <span><a href="http://vforum.vn" target="_blank" style="color: #787878; text-decoration: none; font-size: 11px; font-family: 'arial';" class="website_preview">http://vforum.vn</a></span>
        </div>
        <div class="email_block" style="display: %15$s;">
         <span style="font-size: 11px; color: #00a89d; font-family: 'arial'; ">email:</span>
         <span><a href="mailto:vforum.vn@gmail.com" target="_blank" style="font-size: 11px; color: #787878; text-decoration: none; font-family: 'arial';" class="email_preview">vforum.vn@gmail.com</a></span>
        </div>
       </div>
      </td>
      <td valign="center" style="border-left: 3px solid #00a89d; padding: 0 0 0 8px;">
       <div class="facebook_block" style="padding: 3px 0 3px 0; display: %19$s;">
        <span><a href="http://facebook.com/vforum.vn" target="_blank" class="facebook_preview"><img src="https://newoldstamp.com/editor/images/f.jpg" width="20" height="20"></a></span>
       </div>
       <div class="twitter_block" style="padding: 3px 0 3px 0; display: %21$s;">
        <span><a href="http://twitter.com/vforumvn" target="_blank" class="twitter_preview"><img src="https://newoldstamp.com/editor/images/tw.jpg" width="20" height="20"></a></span>
       </div>
       <div class="linkedin_block" style="padding: 3px 0px; display: none;">
        <span><a href="http://linkedin.com/johndoe" target="_blank" class="linkedin_preview"><img src="https://newoldstamp.com/editor/images/in.jpg" width="20" height="20"></a></span>
       </div>
       <div class="instagram_block" style="padding: 3px 0 3px 0; display: %25$s;">
        <span><a href="http://instagram.com/vforumvn" target="_blank" class="instagram_preview"><img src="https://newoldstamp.com/editor/images/instagram.jpg" width="20" height="20"></a></span>
       </div>
      </td>
     </tr>
    </tbody></table>                            </div>
    Ví dụ mình copy đoạn code trên và thử:


    Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột



    Với code này bạn có thể tùy chỉnh rất nhiều thứ có thể chỉnh css và bố cục lại tùy theo ý của mình hoặc tự thiết kế 1 template riêng sau đó copy dán vào khung chữ ký của gmail là xong
    Thực sự thì mình chưa thấy ai lại hiền lành, dễ thương và tốt bụng như bạn Khách vậy
    Quick reply to this message Trả lời       

  2. 2 thành viên đã cảm ơn VSupport:


  3. #2
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 179483
    Giới tính: Nữ
    Bài gửi
    22.479

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    đã nhìn và thành công
    Đang LOADING......hãy xin chờ ít phút

  4. #3
    Ðến Từ
    Bình Định
    Thành Viên Thứ: 271679
    Giới tính: Nam
    Bài gửi
    3.037

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    sao lưu lại nó tạo khoảng trắng rồi a tình
    Ấn thank để ủng hộ mình nhé. Cảm ơn Khách rất nhiều

  5. #4
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 247344
    Giới tính: Nữ
    Bài gửi
    10.195

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Trích Nguyên văn bởi mikobum Xem bài viết
    sao lưu lại nó tạo khoảng trắng rồi a tình
    cái này dán trên gmail mới được nhe em. Vforum ko nhận html đâu

  6. #5
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 327419
    Giới tính: Nam
    Bài gửi
    29

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    được nhưng dòng cách nhau xa quá bạn ak, có cách nào khoảng cách dòng ngắn lại ko bạn

  7. #6
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 247344
    Giới tính: Nữ
    Bài gửi
    10.195

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Trích Nguyên văn bởi thanghoa Xem bài viết
    được nhưng dòng cách nhau xa quá bạn ak, có cách nào khoảng cách dòng ngắn lại ko bạn
    Dùng tính năng kiểm tra phần tử của Google Chrome, rồi đổi css lại mới được nhé bạn. Bạn phải biết 1 chút về css

  8. #7
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 327419
    Giới tính: Nam
    Bài gửi
    29

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    bạn ơi, chữ ký mình thấy ở trên file đính kèm VD file đính kèm là ảnh, vậy có cách nào chữ ký ở dưới không vậy bạn. cảm ơn bạn nhiều

  9. #8
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 247344
    Giới tính: Nữ
    Bài gửi
    10.195

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Trích Nguyên văn bởi thanghoa Xem bài viết
    bạn ơi, chữ ký mình thấy ở trên file đính kèm VD file đính kèm là ảnh, vậy có cách nào chữ ký ở dưới không vậy bạn. cảm ơn bạn nhiều
    Bạn nói rõ chút mình không hiểu ý bạn

  10. #9
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 278100
    Giới tính: Nữ
    Bài gửi
    690

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Em đã thử và ok . thankiu đại ka
    Của em nè i.imgur.com/FaU9dZ9.png
    Little Princess KH

  11. Đã cảm ơn Ngọc Huyền:


  12. #10
    Ðến Từ
    Đắk Lắk
    Thành Viên Thứ: 325996
    Bài gửi
    59

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Trích Nguyên văn bởi VSupport Xem bài viết
    cái này dán trên gmail mới được nhe em. Vforum ko nhận html đâu
    vforum viết bằng php đó, không phải bằng html đâu mà nó nhận

  13. #11
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 340088
    Bài gửi
    25

    Reply: Hướng dẫn cách tạo chữ ký Gmail chuyên nghiệp đẹp nhất dạng HTML, 2 cột

    Cái này hay quá cảm ơn bạn nhiều nhé, ^^

Nhãn