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

- 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 !
- Mọi chi tiết xin liên hệ:
• Email: hotro.hmi@hoangminhit.net
• Facebook: www.fb.com/ngohoangminhblog

Chào các bạn, hôm nay mình xin hướng dẫn các bạn tạo khung liên hệ nhận góp ý cực đẹp cho blogspot nhé. Dạo này mình hơi bí chủ đề nên mình share tạm cái này cho các bạn. Mong các bạn vẫn ủng hộ mình. À mà chúc các bạn sau buổi họp phụ huynh thì ăn tết cho ngon miệng nhé.



Đầu tiên các bạn chèn đoạn code dưới đây vào chỗ bạn thích hoặc tốt nhất là ở dưới bài post nhé. Tùy code của blog thôi


<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.mbg{border-radius: 70px; background:linear-gradient(45deg,#F42E2E,#EE4F57)}
.text-contact{padding-left:110px;font-size:18px}
.contacth{display:block;font-size:42px;border:5px 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 mbg">
<div class="contacth">
<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: hotro.hmi@hoangminhit.net<br/>
• Facebook: Fb.com/ngohoangminhblog
</div>
</div>
Thế là xong rồi. Code này mình lấy tại Lê Bá Long IT và mình edit code lại. Các bạn có thể xem demo
- 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 !
- Mọi chi tiết xin liên hệ:
• Email: hotro.hmi@hoangminhit.net
• Facebook: Fb.com/ngohoangminhblog
Chào các bạn

25 comments:


Cùng tham gia bình luận bài viết này nhé!

  1. Nice. Mà họp phụ huynh cũng không sợ :D

    ReplyDelete
  2. thấy có edit gì đâu ? bên Long nó vuông với màu xanh đây bo tròn với màu nỏ có gì nổi bật

    ReplyDelete
  3. ĐẶT LIÊN KẾT BÁC:
    Tên: ThachOnline
    Link: http://thachonline.com
    Thanks Bác

    ReplyDelete
  4. Ông ơi ,cho tôi xin 1 slot đặt lk blog với,tôi đã đặt trước cho ông rồi
    Link blog : https://nguyentrongvyit.blogspot.com/
    Hóng ông rep+đặt lại nhé. Cảm ơn !

    ReplyDelete
    Replies
    1. Bạn cho mình biết thêm thông tin về blog bạn với. Chẳng hạn như mấy view, thành lập bao lâu r ...

      Delete
    2. Blog có 370k lượt view và thành lập đã hơn 1 năm rồi
      Từ khóa tìm kiếm blog : Star Gấu IT

      Delete
  5. trước tôi cx dùng cái này nè,đẹp đó
    Temp blog ông chất ghê

    ReplyDelete
    Replies
    1. Temp của Thủ thuật hay tôi đem về edit lại

      Delete