Thứ Sáu, 13 tháng 4, 2018

CÁCH TẠO WIDGET LIÊN HỆ KÈM THEO FORM CONTACT TUYỆT ĐẸP.
Ảnh minh họa.
Xin chào các bạn, mình là Nguyễn Chánh Đức,  đã lâu mình không đăng 1 thủ thuật nào lên blog, hôm nay mình sẽ hướng dẫn các bạn tạo 1 form contact kèm theo liên hệ, cái Css và Html này là mình nhặt đước và edit lại phần CSS và chia sẻ lên đây cho các bạn tham khảo, các bạn theo dõi bài viết nhé. Demo tại bài viết mình luôn nhé, các bạn cuộn xuống lower sẽ thấy!

Các bước tiến hành


 Bước 1: Các bạn vào bố cục -> thêm tiện ích -> HTML.
Bước 2: Các bạn thêm phần CSS, HTML này vào nhé.

<style scoped="scoped" type="text/css"> .contact-form-bacsiwindows-v form{position:relative;background:linear-gradient(-225deg,#403f7e 0%,#5753C9 60%,#7c8bf0 100%);padding:100px 120px 50px 60px;width:700px;max-width:100%;border-radius:20px;max-width:100%} .form-body{width:1080px;margin:0 auto;padding:100px 0;position:relative;max-width:100%} #ContactForm1_contact-form-name{text-transform:capitalize} .contact-form-bacsiwindows-v{width:100%;margin:0 auto;padding:0;background:#e9eef3} #ContactForm1_contact-form-email-message::-webkit-input-placeholder,#ContactForm1_contact-form-email::-webkit-input-placeholder,#ContactForm1_contact-form-name::-webkit-input-placeholder{text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.7)} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{margin:0 0 .5em;width:50%;float:right;height:auto;padding:10px 15px;background:rgba(255,255,255,.1);color:#fff;box-sizing:border-box;font-family:Roboto,sans-serif;transition:.15s;font-size:14px;letter-spacing:.5px;border:1px solid transparent} #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{border:1px solid rgba(255,255,255,.8);outline:none} #ContactForm1_contact-form-error-message img{display:none} #ContactForm1_contact-form-email-message{width:100%;height:auto;margin:0;padding:10px 12px;background:rgba(255,255,255,.1);border:1px solid transparent;color:#fff;box-sizing:border-box;font-size:14px;font-family:Roboto,sans-serif;transition:.15s;letter-spacing:.5px} #ContactForm1_contact-form-submit{height:35px;float:right;color:#FFF;padding:0 30px;margin:2em 0 0;cursor:pointer;border-radius:0;font-weight:700;background:transparent;border:2px solid white;outline:0} #ContactForm1_contact-form-submit:hover{background-color:#fff;color:#7c8bf0} #ContactForm1_contact-form-submit:focus,#ContactForm1_contact-form-submit:active{position:relative;top:2px} #ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{color:#fff;padding:16px 0;display:inline-block;clear:both} h2.contact-label{color:#fff;position:absolute;margin:0;top:30px;font-size:28px;font-weight:700} h2.contact-label span{display:block;font-size:16px;font-weight:400;letter-spacing:1px} .r-contact-bacsiwindows{background:white;position:absolute;right:5%;top:50%;transform:translate(0,-50%);padding:30px 40px;border-radius:20px;box-shadow:0 10px 55px rgba(0,0,0,.15);max-width:100%} .r-contact-bacsiwindows .r-contact{} .r-contact-bacsiwindows .contact-u,.r-contact-bacsiwindows .contact-u a{font-size:20px;margin:15px 0;font-weight:400;color:#9498be} .r-contact-bacsiwindows .contact-u i{background:#7b89ee;width:45px;line-height:45px;text-align:center;border-radius:100%;margin:0 10px 0 0;color:#fff} .r-contact-bacsiwindows .contact-u .fb{background:#0084ff} .r-contact-bacsiwindows .contact-u .email{background:#df5644} .r-contact-bacsiwindows .contact-u .support{background:#81c596} .form-body cap.cap{color:#fff;line-height:1.5;margin:0 0 2em;display:block} </style> <div class="contact-form-bacsiwindows-v"><div class="form-body"><form name="contact-form"><h2 class="contact-label"><span>liên hệ</span>với chúng tôi</h2><cap class="cap">Hãy điền thật ngắn gọn, chính xác và dễ hiểu nội dung cần tư vấn/liên hệ vào biểu mẫu dưới đây, chúng tôi sẽ cố gắng trả lời sớm nhất có thể (không quá 48 giờ), cảm ơn và chúc bạn một ngày tốt lành!</cap><input id="ContactForm1_contact-form-name" name="name" placeholder="Tên của bạn" size="30" style="width:49%;float:left" type="text" value=""><input id="ContactForm1_contact-form-email" name="email" placeholder="Địa chỉ Email" size="30" type="text" value=""><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Nội dung cần liên hệ" rows="7"></textarea><input id="ContactForm1_contact-form-submit" type="button" value="SEND"><div style="width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div></div></form><div class="r-contact-bacsiwindows"><div class="r-contact"><div class="contact-u"><i class="fa fa-phone" aria-hidden="true"></i>0868.102.208</div><div class="contact-u"><i class="fa fa-envelope-open-o" aria-hidden="true"></i> nguyenchanhduc0908@gmail.com</div><div class="contact-u"><i class="fa fa-commenting-o" aria-hidden="true"></i><a href="https://fb.com/ducidol0908" target="_blank">Nguyễn Chánh Đức</a></div><div class="contact-u"><i class="fa fa-question-circle" aria-hidden="true"></i> 10/24 (Thứ 2 -&gt; Chủ nhật)</div></div></div></div></div>

Bước 3: Lưu bố cục lại, hưởng thụ thôi!

Tổng kết



 Bài viết đến đây cũng kết thúc rồi, nếu thấy hay thì share lên Facebook hoặc Google+ trên bài viết nhé. Cảm ơn các bạn đã theo dõi bài viết, chúc các bạn 1 ngày vui vẻ!Code by: BacSiWindows.

Thứ Ba, 3 tháng 4, 2018

CÁCH TẠO TRANG 404 LỖI THEO PHONG CÁCH HACKER.
Ảnh minh họa.
Xin chào các bạn, hôm nay mình sẽ hướng dẫn các bạn tạo trang 404 theo phong cách hacker, demo mình sẽ để cuối bài viết nhé, tiến hành làm theo mình nhé.
CSS
<div class="overlay"></div> <div class="terminal"> <h1>Error <span class="errorcode">404</span></h1> <p class="output">Trang bạn tìm kiếm không tồn tại hoặc đã bị xóa.</ü> <p class="output">Please try <a href="#1">Trang Chủ</a> or <a href="#2">Liên hệ</a></p></div>

Các bạn chèn thêm HTML này sau CSS trên dưới thẻ đóng </body>
@import "https://fonts.googleapis.com/css?family=Inconsolata"; html { min-height: 100%; } body { box-sizing: border-box; height: 100%; background-color: #000000; background-image: -webkit-radial-gradient(#11581e, #041607); background-image: radial-gradient(#11581e, #041607); font-family: 'Inconsolata', Helvetica, sans-serif; font-size: 1.5rem; color: rgba(128, 255, 128, 0.8); text-shadow: 0 0 1ex #33ff33, 0 0 2px rgba(255, 255, 255, 0.8); } .overlay { pointer-events: none; position: absolute; width: 100%; height: 100%; background: -webkit-repeating-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.3) 50%, transparent 100%); background: repeating-linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.3) 50%, transparent 100%); background-size: auto 4px; z-index: 99; } .overlay::before { content: ""; pointer-events: none; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(bottom, transparent 0%, rgba(32, 128, 32, 0.2) 2%, rgba(32, 128, 32, 0.8) 3%, rgba(32, 128, 32, 0.2) 3%, transparent 100%); background-image: linear-gradient(0deg, transparent 0%, rgba(32, 128, 32, 0.2) 2%, rgba(32, 128, 32, 0.8) 3%, rgba(32, 128, 32, 0.2) 3%, transparent 100%); background-repeat: no-repeat; -webkit-animation: scan 7.5s linear 0s infinite; animation: scan 7.5s linear 0s infinite; } @-webkit-keyframes scan { 0% { background-position: 0 -100vh; } 35%, 100% { background-position: 0 100vh; } } @keyframes scan { 0% { background-position: 0 -100vh; } 35%, 100% { background-position: 0 100vh; } } .terminal { box-sizing: inherit; position: absolute; height: 100%; width: 1000px; max-width: 100%; padding: 4rem; text-transform: uppercase; } .output { color: rgba(128, 255, 128, 0.8); text-shadow: 0 0 1px rgba(51, 255, 51, 0.4), 0 0 2px rgba(255, 255, 255, 0.8); } .output::before { content: "> "; } /* .input { color: rgba(192, 255, 192, 0.8); text-shadow: 0 0 1px rgba(51, 255, 51, 0.4), 0 0 2px rgba(255, 255, 255, 0.8); } .input::before { content: "$ "; } */ a { color: #fff; text-decoration: none; } a::before { content: "["; } a::after { content: "]"; } .errorcode { color: white; }

Tổng Kết



Đay là mẫu code mình lấy lại, và chỉnh sửa 1 chút CSS và HTML. Mình mong các bạn sẽ áp dụng nó vào blog, chúc các bạn thành công.
Ảnh Demo.

Thứ Năm, 29 tháng 3, 2018

CÁCH TẠO FORM CONTACT TUYỆT ĐẸP CHO BLOGSPOT.
Ảnh minh họa.
Xin chào các bạn, hôm nay mình sẽ hướng dẫn các bạn tạo một form contact tuyệt đẹp cho phần bố cục. CSS này nó rất là nhẹ, các bạn làm theo mình là có thể thực hiện được.
 HTML

<section id="contact" class="content-section text-center"> <div class="contact-section"> <div class="container"> <h2>Contact Us</h2> <p>Feel free to shout us by feeling the contact form or visiting our social network sites like Fackebook,Whatsapp,Twitter.</p> <div class="row"> <div class="col-md-8 col-md-offset-2"> <form class="form-horizontal"> <div class="form-group"> <label for="exampleInputName2">Name</label> <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"> </div> <div class="form-group"> <label for="exampleInputEmail2">Email</label> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@thuthuatweb.net"> </div> <div class="form-group "> <label for="exampleInputText">Your Message</label> <textarea class="form-control" placeholder="Description"></textarea> </div> <button type="submit" class="btn btn-default">Send Message</button> </form> <hr> <h3>Our Social Sites</h3> <ul class="list-inline banner-social-buttons"> <li><a href="#" class="btn btn-default btn-lg"><i class="fa fa-twitter"> <span class="network-name">Twitter</span></i></a></li> <li><a href="#" class="btn btn-default btn-lg"><i class="fa fa-facebook"> <span class="network-name">Facebook</span></i></a></li> <li><a href="#" class="btn btn-default btn-lg"><i class="fa fa-youtube-play"> <span class="network-name">Youtube</span></i></a></li> </ul> </div> </div> </div> </div> </section>
Các bạn thêm CSS này trước HTML bên trên nhé.
<style>
body{ width:100%; height:100%; font-family: 'Roboto Condensed', sans-serif; background:#333333; } h1,h2,h3 { margin:0 0 35px 0; font-family: 'Patua One', cursive; text-transform: uppercase; letter-spacing:1px; } p{ margin:0 0 25px; font-size:18px; line-height:1.6em; } a{ color:#2fbcb3; } a:hover,a:focus{ text-decoration:none; color:#16e0e0; } #contact{ color:#f4f4f4; padding:80px 0; } textarea.form-control{ height:100px; } </style>
Lưu HTML và Css lại nhé!

Lời kết



Ảnh Demo.
Vậy là xong 3 bước tạo một form contact rồi đúng không ? Nếu các bạn thấy đẹp thì share cho mình nhé! Chúc các bạn 1 ngày vui vẻ!

Thứ Bảy, 24 tháng 3, 2018

HƯỚNG DẪN CẢNH BÁO KHI NHẤN CTRL + C.
Ảnh Minh Họa.

Xin chào tất cả các bạn, hôm nay rảnh nhân tiện mình xin viết 1 bài về chủ đề blogger. Mình sẽ hướng dẫn các bạn, cách cảnh báo khi có người nhấn CTRL + C. Các bạn làm theo mình nhé.

Cách thực hiện



Các bạn chèn code này trước thẻ </head>


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/><script type="text/javascript"> jQuery(document).ready(function() { var ctrlDown = false; var ctrlKey = 17, vKey = 86, cKey = 67; jQuery(document).keydown(function(e) { if (e.keyCode == ctrlKey) ctrlDown = true; }).keyup(function(e) { if (e.keyCode == ctrlKey) ctrlDown = false;}); jQuery(document).keydown(function(e) {if (ctrlDown &amp;&amp; e.keyCode == cKey) { alert('Vui lòng ghi nguồn starducblog nếu copy nhé!'); } return true; }); });</script>
Các bạn lưu lại nhé! 

Tổng kết


Thế là đã xong, nếu các bạn thấy hay cho mình 1 share nhé. Chúc các bạn 1 ngày vui vẻ!Coppy nhớ ghi nguồn Star Đức Blog nhé!

Thứ Sáu, 23 tháng 2, 2018

CÁCH VIẾT BÀI CHUẨN SEO TỐT NHẤT CHO BLOGGER.
Hướng dẫn viết bài chuẩn seo. Ảnh minh họa


Hello xin chào tất cả các bạn, cũng khá lâu rồi mình chưa đang bài lên blog nhỉ ? Bài viết hôm nay mình sẽ hướng dẫn các bạn cách viết bài chuẩn seo cho blogger nhé. Không luyên thuyên nữa, băt đầu thôi !



1. Tối ưu link seo cho blog.


Để chỉnh sửa link bài viết trong blogspot thì ở trang bài đăng các bạn chọn liên kết cố định -> liên kết cố định tùy chỉnh -> nhập link vào.
















  • Link chứa từ khóa cần seo.
  • Mỗi từ cách nhau bằng dấu gạch ngang, không có dấu.
  • Hạn chế viết hoa và ký tự đặc biệt.
  • Google rất thích link có thời gian.

  • 2. Tối ưu thẻ meta description cho blogspot


    Thẻ meta description là thẻ mô tả khái quá nội dung của bài viết xuất hiện dưới đường link seo trên kết quả tìm kiếm google. Nó rất có tác dụng trong việc bán hàng.Khi viết mô tả thì các bạn nên chèn 1 từ khóa cần seo và đưa ra những ưu điểm nổi bật, những gì tối ưu nhất của bài viết, sản phẩm hoặc dịch vụ của bạn, ví dụ như: ...khắc phục lỗi thành công 100%,... Độ dài tối đa của thẻ meta description là 165 ký tự.

    3. Thẻ heading



    Có 3 thẻ heading quan trọng đó là:














    • Thẻ h1: chứa từ khóa seo và trong 1 trang seo chỉ có duy nhất 1 thẻ h1
    • Thẻ h2: tối đa 5 thẻ h2 trong 1 trang seo. Trong blogspot thì các bạn viết thẻ h2 bằng cách chọn tiêu đề ở trên thanh công cụ soạn thảo bài viết của blogpsot.
    • Thẻ h3: khoảng 1 đến 2 thẻ h3 trong 1 trang seo. Nên đặt 1 link bài viết trỏ lại chính bài viết trong thẻ h3 (thủ thuật nhốt bọ tìm kiếm). Trong blogspot thì thẻ h3 các bạn viết bằng cách chọn tiêu đề con trên thanh công cụ soạn thảo bài viết của blogspot.

    • 4. Tối ưu thẻ hình ảnh cho blogspot.


      Thêm hình ảnh vào bài viết trong blogspot thì các bạn chọn biểu tượng khung hình kế bên liên kết trên thanh công cụ soạn thảo. Mỗi bài viết nên có ít nhất 1 hình ảnh liên quan đến nội dung và theo quy tắc:









    • Ảnh phải khác biệt.
    • Chất lượng ảnh không quá lớn.
    • Bắt buộc ảnh phải có thuộc tính alt để google hiểu. Thêm Alt ảnh trong blogspot thì các bạn chọn hình ảnh sẽ thấy dòng chữ màu xanh, sau đó chọn thuộc tính, nhập tiêu đề ảnh có dấu vào mục văn bản tiêu đề, nhập tiêu đề ảnh không dấu vào mục văn bản thay thế.

    • Tổng Kết


      4 bước đơn giản trên là các bạn đã thành công việc tối ưu seo bài viết cho blog. Giờ thì các bạn kiểm tra xem bài viết đã chuẩn seo chưa ? Nhấn xuất bản và lên google tìm xem có bài viết lên top google chưa nhé.
      Bài viết đến đây là kết thúc rồi. Mình đi ăn cơm cái nhé. Chúc các độc giả 1 ngày vui vẻ và hạnh phúc bên gia đinh, người yêu. 
      Coppy không ghi nguồn là Đức thẽo dái nha.

      Chủ Nhật, 4 tháng 2, 2018

      TẠO POPULAR POST ĐẸP, HIỆU ỨNG BO TRÒN AVT ĐẸP

      Các Bước Cần Thực Hiện


      Bước 1: Các bạn điều chỉnh cấu hình bài đăng phổ biến.
      Bước 2: Tìm thẻ ]]></b:skin> và dán đoạn code sau đây phía trên nó.
      /***** Popular Post *****/.PopularPosts .widget-content { background: #f2f2f2; border: 1px solid #e3e3e3; }.PopularPosts h5 { background: #8C8C8C; color: #FFFFFF !important; padding: 12px 24px !important; margin: -1px -1px 0; }.PopularPosts .widget-content { font-size: 15px; margin: 0 !important; }.popular-posts ul { margin: 0 !important; padding: 0 !important; }.popular-posts ul li { list-style: none; border-bottom: 1px solid #ccc; border-top: 1px solid #FFFFFF; padding: 0 !important; }.popular-posts ul li:first-child { border-top: 0; }.popular-posts ul li:last-child { border-bottom: 0; }.popular-posts ul li:hover { background: #fafafa; text-decoration: none; }.popular-posts ul li a { color: #404040; display: block; padding: 18px 24px; }.popular-posts ul li a:hover { color: #262626; text-decoration: none; }.popular-posts ul li .item-snippet { padding: 0 24px 18px; }.PopularPosts img { background: #fff; border: 1px solid #CCCCCC; display: block; float: left; height: 48px; margin-right: 8px; padding: 3px; width: 48px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

      Bước 3: Lưu chủ đề lại và hưởng thụ.

      Kết Luận


      Chỉ cần 3 bước đơn giản như thế là các bạn đã có 1 hiệu ứng avt bo tròn tuyệt đẹp rồi đúng không nhỉ ?
      Nếu hay mình xin 1 share nhé các bạn ♥. Chúc các bạn 1 ngày vui vẻ.

      Thứ Ba, 2 tháng 1, 2018

      Biển Đông sắp đón cơn bão đầu tiên năm 2018
      Áp thấp nhiệt đới có hướng di chuyển giống với bão Tembin (bão số 16) - Nguồn: Trung tâm Dự báo khí tượng thủy văn trung ương
      Ngày 1-1, Trung tâm Dự báo khí tượng thủy văn trung ương phát tin cảnh báo về áp thấp nhiệt đới này.
      Áp thấp nhiệt đới còn hoạt động trên khu vực bờ biển phía nam Philippines. Sức gió mạnh nhất vùng gần tâm áp thấp nhiệt đới mạnh cấp 6 - 7 (từ 40 - 60km/h), giật cấp 9. Áp thấp nhiệt đới di chuyển nhanh theo hướng tây, mỗi giờ đi được 30 - 35km/h.
      Dự báo tối mai 2-1, áp thấp nhiệt đới cách đảo Palawan (Philippines) khoảng 100km về phía đông.
      Tiếp theo áp thấp nhiệt đới có khả năng mạnh thành bão vẫn di chuyển theo hướng tây về phía đông nam Biển Đông, mỗi giờ đi được 25km.
      Hiện tại vị trí và hướng đi của áp thấp nhiệt đới gần giống với vị trí và hướng đi của bão Tembin (bão số 16).
      Cũng theo nhận định của Trung tâm Dự báo khí tượng thủy văn trung ương, áp thấp nhiệt đới sau mạnh thành bão số 1 này có thể ảnh hưởng đến đất liền nước ta, khu vực bị ảnh hưởng từ Nam Trung Bộ đến Nam Bộ.
                                                                                                                    theo: Tuoitre

      Thứ Ba, 7 tháng 11, 2017

      CHIA SẺ MIỄN PHÍ TEMPLATE WRITEUP CỰC ĐẸP CHO BLOGSPOT
      Writeup. là một mẫu template tối giản được thiết kế bởi ThemeXpose dựa trên văn bản được tạo cho các blogger chia sẻ thủ thuật. Nó có một thiết kế độc đáo dựa trên kiểu chữ đẹp mà sẽ làm cho trang web của bạn trông tốt hơn và tất nhiên chủ đề rất được tối ưu hóa cho kết quả SEO tốt hơn và đảm bảo tốc độ cao.

      Nguồn: Tính Getter 

      Thứ Sáu, 13 tháng 10, 2017

      TOP 20 TRANG GIÚP BẠN THIẾT KẾ LOGO ONLINE DỄ DÀNG VÀ NHANH NHẤT

      LOGO MAKER

      - Logo Maker là công cụ thiết kế miễn phí trực tuyến Logo, sử dụng cho mọi dự án kinh doanh đến sử dụng trang Web của mình.

      - Công cụ này rất ăn điểm với người sử dụng ở chỗ cùng một lúc có thể tạo ra 6 logo Free chỉ trong một nốt nhạc.
      - Tuy nhiên, trước khi sử dụng công cụ Logo Maker bạn cần phải thực hiện bước đăng ký Mail. Đồng nghĩa với việc bạn không thể Download hay copy mẫu về máy tính của bạn được mà chỉ có thể lưu trên trang web này.
      - Bạn nhất định sẽ cảm thấy thú vị vì ở đây logo được thiết kế chuyên nghiệp, sinh động và hấp dẫn. Thu hút và chinh phục mọi ánh nhìn của khách hàng.

      LOGO EASE

      - Chỉ trong vài phút công cụ Logo Ease sẽ giúp bạn thiết kế những Logo ưng ý nhất.

      - Đây là web thiết kế online free khá dễ sử dụng. Khi thiết kế xong có thể dễ dàng lưu mẫu vào các dạng như: JPG, EPS, TIFF,..
      - Điểm nổi bật công cụ này có rất rất nhiều hình ảnh bắt mắt và phông chữ phù hợp cho bạn chọ lựa sử dụng. Tất mhieen, bạn cũng dễ dàng thay đổi cỡ chỡ, font chữ hay màu sắc theo ý muốn.

      LOGO SNAP

      - Logo Snap là công cụ giúp bạn thiết kế miễn phí ra những tấm danh thiếp đa dạng và bắt mắt nhất hiện nay.

      - Khi thiết kế xong, muốn lưu mẫu mình vừa thiết kế bạn chỉ cần đăng ký với trang web. Lưu mẫu Logo ở nhiều định dạng khác nhau để phục vụ cho việc in ấn sau này bạn cần thiết tới.

      LOGO GARDEN

      - Đây là công cụ thiết kế biểu ngữ miễn phí cung cấp các tính năng chỉnh sửa tốt nhất từ phông chữ cho đến màu sắc.

      - Bạn sẽ có một mẫu thiết kế logo ưng ý chỉ trong vài phút ngắn ngủi. Hơn nữa công cụ này còn cung cấp dịch vụ thiết kế logo chuyên nghiệp, cho tất cả mọi người nếu yêu thích với công việc thiết kế đồ họa.

      FLAMING TEXT

      - Công cụ trực tuyến này giúp bạn tạo ra những biểu tượng sản phẩm hay những thương hiệu cho công ty.

      - Flaming text có rất nhiều font chữ khác nhau để lựa chọn. Đặc biệt hữu ích cho các logo chỉ toàn chữ.
      - Sau khi chọn thiết kế một mẫu logo theo ý, bạn chỉ cần nhập vào ô text và thiết lập các thông số mà web đưa ra. Việc lưu file đơn giản về máy tính.

      COOL TEXT

      - Cool text là công cụ hỗ trợ bạn tạo ra những mẫu logo dạng text rất đẹp mà chẳng gây lại cảm giác nhàm chán.

      - Đây là một trong những trang thiết kế logo online được đánh giá cao và được nhiều người sử dụng.
      - Cho phép bạn tạo ra những logo ưng ý, tùy chỉnh màu sắc, font chữ dễ dàng và nhanh chóng.

      GRAPHIC SPRING

      - Thiết kế logo ở graphic Spring đem lại cảm giác khá thân thiện và gần gũi. Tính năng dễ sử dụng của công cụ này được nhiều người biết đến và tin dùng.

      - Tương tự như các công cụ khác Graphic Spring có vô cùng nhiều các dạng kiểu font chữ cũng như màu sắc chọn lựa theo ý muốn người sử dụng.

      LOGO YES

      - Đây là công cụ khá là đặc biệt và hay. Nó cho phép bạn tự thiết kế mà chẳng cần đến sự giúp đỡ nào khác.

      - Logo Yes thiết kế online khá phù hợp với những ai có ý muốn kiểm soát cả quá trình thiết kế online.

      COOLARCHIVE LOGO MAKER

      - CoolArchive Logo Maket hỗ trợ cho bạn rất nhiều trang web sinh động. Giúp web có them màu sắc, font chữ dễ dàng hấp dẫn mọi người dùng.

      - Hơn nữa, công cụ này còn có tích hợp rất nhiều nguyên vật liệu để bạn thiết kế như: icon, texture, buttons,…

      LOGO GENERATOR CỦA SPACES

      - Công cụ này rất dễ dàng sử dụng, chỉ cần gõ tên thương hiệu của bạn vào máy để tạo biểu tượng, font chữ hay là chơi đùa với các tùy chọn khác nhau- điều này thật thú vị.

      - Khi bạn đã tìm hiểu các tùy chọn mà mình thích, chỉ cần chọn một biểu tượng giúp truyền đạt hình ảnh tới mọi người là xong.

      GRAPHICSPRINGS LOGO CREATOR

      - Graphic Springs Logo Creator có giao diện thiết kế cực kì thân thiện mới người dùng. Bạn có thể dể dàng chọn bất cứ logo nào được thiết kế sẵn từ thư viện.

      - Tùy chỉnh mọi chức năng trong công cụ cũng rất tiện lợi và phù hợp với mọi lứa tuổi.

      LOGASTER

      - Logaster là công cụ tự động tạo logo mà bạn chẳng phải làm điều gì. Chỉ cần chờ trong vài phút, nó sẽ cung cấp nhiều mẫu ưng ý cho bạn chọn lựa.

      - Giúp bạn trong việc so sánh hay thảo luận về các biểu tượng khác nhau. Hơn nữa sẽ chỉnh sửa từng biến thể theo yêu cầu bạn đề ra. Dễ dàng lưu tất cả các biểu tượng của bạn để sẵn sang bạn xem bất cứ lúc nào.

      ONLINE LOGO MAKER

      - Công cụ này cho phép bạn thiết kế Logo chỉ trong vòng hơn 10 phút bằng cách sử dụng các tiện ích độc đáo.

      - Bạn có thể tự do tải xuống máy tính mẫu logo đã thiết kế và chỉnh sửa các biểu tượng đó miễn phí bất cứ lúc nào.

      LOGO TYPE MAKER

      - Logo type maker ở dạng định dạng vector và được sử dụng bất cứ nơi đâu.

      - Công cụ cho ra những mẫu logo có độ phân giải 300dpi và có thể in ấn với chất lượng cao. Truy cập sửa đổi biểu tượng, màu sắc, font chữ và hình nền  mọi lúc mọi nơi

      YOUIDRAW

      - Với thiết kế đồ họa trực tuyến tròn nhiều môi trường khác nhau, YouiDraw có mọi thứ bạn cần để thể hiện phong cách và sự sáng tạo của mình.

      - Công cụ có hàng trăm mẫu và kiểu chất lượng cao. Sử dụng nhiều chương trình soạn thảo văn bản. Khác biệt với các công cụ khác, YouiDraw sẽ tìm thấy nhiều công cụ vẽ mà bạn cần để thể hiện khả năng nghệ thuật của mình.

      PICMONKEY

      - Công cụ thiết kế tinh xảo và gọn đẹp của PicMonkey cho bạn dễ dàng tạo ra các tấm danh thiếp xinh đẹp đúng chuẩn kích thước. Tự động thêm các font chữ, lớp chữ và màu sắc chỉ trong nháy mắt.

      LOGO GENIE

      - Thiết kế online miễn phí với Logo Genie là một cách đơn giản, sáng tạo để thiết kế các biểu trưng.

      Cho phép các bạn thử nghiệm các font chữ, biểu tượng và màu sắc khác nhau sinh động. - - Tất cả làm cho ý tưởng của bạn trở nên sống động và gần gũi với mọi người.

      WITHOOMPH

      - Nhờ WithoomPh mà các biểu tượng được tạo ra trong vòng vài giây. Là thiết kế logo online dễ sử dụng, thực sự phù hợp với các chủ doanh nghiệp nhỏ hoặc các trang web nhỏ ít muốn đầu tư vào việc thiết kế logo.

      LOGO SUMMITSOFT

      - Với Logo Summitsoft, sẽ chẳng bao giờ bạn phải bận tâm vấn đề mình đang mờ khi phóng to. Các công cụ được xây dựng cho phép quy mô logo ở bất kỳ kích thước nào mà không mất đi độ sắc nét.

      - Từ mọi hướng nhìn trên web đến đầu giấy, logo của bạn sẽ thực sự hoàn hảo ở mọi kích cỡ và bất cứ nơi đâu. Các đồ họa vecto và font chữ cung cấp tính linh hoạt để kéo dài cũng như uốn cong, thay đổi hình dáng và sửa đổi đơn giản hơn.

      AAA LOGO

      - AAA Logo rất hữu ích cho người dùng tạo ra bất cứ đồ họa nào một cách nhanh chóng với độ phân giải cao.

      - Công cụ này sở hữu một giao diện trực quan, giúp người dùng ở mọi cấp độ dễ dàng thao tác mà không cần đọc hướng dẫn dài hơn 1000 trang. Chỉ cần lựa chọn các mẫu logo theo ý muốn, sau không tới nửa giờ bạn sẽ có một logo mà mình thiết kế rất đẹp và mang tính chuyên nghiệp cao.

      Tổng Kết
      Bạn nào thấy hay thì mình xin 1 share nhé ! các bạn 1 ngày vui vẻ !