Tạo khung liên hệ nhận góp ý cực đẹp cho blogspot

Rảnh rỗi không biết làm gì và ít ra bài nên hướng dẫn mọi người tạo khung liên hệ đẹp cho blogspot không linh tinh luyên thuyên nữa chúng ta bắt tay vào làm ngay thôi !!!

CÁCH THỰC HIỆN:

Cách bạn chỉ cần copy code bên dưới dán vào nơi các bạn thích là được và chỉnh sửa thông tin lại nhé !!
<style>
.colorbox{overflow:hidden;position:relative;margin:0px 0 15px;transition:box-shadow .25s;border-radius:2px;color:#fff;padding:20px;font-size:14px}
.colorbox.green{background:linear-gradient(45deg,#4787ed,#4ecfec)}
.text-contact{padding-left:110px;font-size:16px}
.contactico{display:block;font-size:45px;border:4px double #eee;float:left;width:100px;height:100px;text-align:center;line-height:100px;    margin-right:19px;border-radius:50%}
.anim{animation:jiggle 2s ease-in infinite}
@keyframes jiggle {
48%,62%{transform:scale(1.0,1.0)}
50%{transform:scale(1.1,0.9)}
56%{transform:scale(0.9,1.1) translate(0,-5px)}
59%{transform:scale(1.0,1.0) translate(0,-3px)}
}
</style>
<div class="colorbox green">
<div class="contactico">
<i aria-hidden="true" class="fa fa-envelope-open anim"></i></div>
<div class="text-contact">
- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !<br>
- Mọi chi tiết xin liên hệ:<br>
• Email: lequangthin001@gmail.com<br>
• Facebook: Fb.com/quangthin.57
</div>
</div>
Chúc các bạn thành công ahihi

20 Comments

  1. phải ghi rõ ràng là chèn ở đâu chứ

    ReplyDelete
    Replies
    1. kiếm chỗ thẻ tag á em :v

      Delete
    2. phải ghi rõ cho độc giả k rành chứ

      Delete
    3. như blog em kiếm origin tìm đến thẻ /div đóng bỏ vào bên dưới là được

      Delete
  2. Replies
    1. đem về sài liền :p

      Delete
    2. đoạn code làm đổi màu là đoạn nào anh nhỉ

      Delete
    3. @-webkit-keyframes Gradient {
      0% {
      background-position: 0% 50%
      }
      50% {
      background-position: 100% 50%
      }
      100% {
      background-position: 0% 50%
      }
      }
      @-moz-keyframes Gradient {
      0% {
      background-position: 0% 50%
      }
      50% {
      background-position: 100% 50%
      }
      100% {
      background-position: 0% 50%
      }
      }
      @keyframes Gradient {
      0% {
      background-position: 0% 50%
      }
      50% {
      background-position: 100% 50%
      }
      100% {
      background-position: 0% 50%
      } }

      Delete
  3. anh hỏi xíu :D tạo WIDGET THỐNG KÊ HIỆU ỨNG CHUYỂN MÀU như anh làm sao vậy :D

    ReplyDelete
    Replies
    1. à qua hồng hải blog có hướng dẫn á em

      Delete
    2. bên hồng hải em làm thử mà cái hình con mắt ko thấy thấy đc số vs đổi màu

      Delete
    3. em tìm .Stats .counter-wrapper xóa rồi làm lại thử nhé

      Delete
  4. sửa lk cho em với nha: www.quocbaoblog.xyz

    ReplyDelete
BÀI ĐĂNG TRƯỚC BÀI TIẾP THEO