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

Viết bình luận (21)
Xếp theo

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

    Trả lờiXóa
    Trả lời
    1. kiếm chỗ thẻ tag á em :v

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

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

      Xóa
  2. Trả lời
    1. đoạn code làm đổi màu là đoạn nào anh nhỉ

      Xóa
    2. @-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%
      } }

      Xóa
  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

    Trả lờiXóa
    Trả lời
    1. à qua hồng hải blog có hướng dẫn á em

      Xóa
    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

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

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

    Trả lờiXóa

  5. nhờ bác đặt lại liên kết giúp tôi:

    https://www.duongngocqui1311qb.blogspot.com

    Trả lờiXóa