[Share] cách trang trí logo ngày Tết

Xin chào các bạn, tình cờ đi ngang qua blog Iris-Tips thấy bác ấy trang trí dòng chữ tiêu đề với cành mai, pháo phiếc các thứ, các thứ...đẹp vãi lều ra nên xin phép mang về đây cho bạn nào thích thì cùng sử dụng .
Trước nay nhiều blog hay dùng câu đói treo hai bên hay trang trí background. Giờ lại trang trí logo nữa chẳng phải chất hơn sao :D

Hình minh họa

Thôi  không còn gì để nói nữa, chúng ta bắt đầu luôn nhé.

CÁC BƯỚC THỰC HIỆN:

Bước 1: Blogger => Chủ đề => Chỉnh sửa HTML.
Bước 2 : Các bạn tìm thẻ  ]]></b:skin> và thêm đoạn code sau vào trước nó:

.header-icon-left{width:100px;height:100px;position:absolute;float:left;z-index:25;left:-10px;top:-25px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp4j1AucwJYxMnwb74Pa1GnUCH1IHhPCNSvhjIyPli9x7rpq6r2N9Vr1Nq_LB0VckBsH4OltF5jmDGyDajI44RgZpFaDwB4cBrEd-HH83sN8NadjE1IaK7oFR1OLFcxnwZMnWhxcYy9-Qa/s1600/canh-mai.png) no-repeat scroll 0% 0% transparent;background-size:100px;}
.header-icon-right{width:30px;height:30px;position:absolute;float:right;z-index:25;right:25px;top:0px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEnErnsBu346MA8hq8oGLlGUepLjyk7WvakFE6hW0nK6p3ucrnzVOealVykBPRgevYm3Q8uDzVapaI4kQRbA7hyphenhyphenSQhy26QJrzYkPgHyJ7aoyq3qKVTYge7QTrs1PkRuybYUFVco2djDTA9/s30/hoa-mai.png) no-repeat scroll 0% 0% transparent;background-size:30px;}
.header-icon-left-2{width:10px;height:10px;position:absolute;float:left;z-index:25;left:40px;top:0px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzoZLQsouTxXJec5FVaYqH48cgFUWco3xMe9aEkWJGK-f2sukdgZvL2-OdVTqKzqPyKPnJ9pQ7uV-97-DWT_wjUjTW877I6h_WimhpFfoYxtvWqQMkUu7a23SgPQqfA-Co5x8sz-tMVIx8/s10/hoa-mai-2.png) no-repeat scroll 0% 0% transparent;background-size:10px;animation:zoomFallO3 5s ease-out 1s both infinite;-moz-animation:zoomFallO3 5s ease-out 1s both infinite;-webkit-animation:zoomFallO3 5s ease-out 1s both infinite;}
@keyframes zoomFallO3{0%{transform:scale(0)}10%{transform:scale(1)}35%{transform:translateY(0)}50%{transform:translateY(35px)}80%{opacity:1;transform:translateY(35px)}100%{opacity:0;transform:translateY(35px)}}
.header-icon-right-2{width:57px;height:57px;position:absolute;float:right;z-index:25;right:30px;top:20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggbyhL_9G37Yg5K-NHVZLar9w49ZYZuV1fKNjhInJI5sebS3yDe8Oga-ZOGtzHDmhO7mHZY56hY81cmHEV8MC6a19zzTA1OqYYcJekKSWgz2sHZHGftcixBjOKq3ZVCGCzfEkpZT1zojfx/s60/long-den.png) no-repeat;width:27px;height:42px;animation:wobble 5s ease 1s infinite;-moz-animation:wobble 5s ease 1s infinite;-webkit-animation:wobble 5s ease 1s infinite}
@keyframes wobble{0%{transform:translateX(0%)}25%{transform:translateX(15%) rotate(-9deg)}60%{transform:translateX(-15%) rotate(9deg)}100%{transform:translateX(0%) rotate(0deg)}}
.header-icon-right-3{width:40px;height:40px;position:absolute;float:right;z-index:25;right:5px;top:-20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglCaZ-zdP2oWCmJGXO-tFOcBYdzrquLafGx4tUr0AQiDr2CV4hFmeACFG80RsWnEQaIIxXmECECqxkmCBGPLWAjQPoF7Sl7ljKvejb13KLW2u3jwxQ_TuB1hWy4T_F-rEx3mB6TqiWJymo/s40/watermelon.png) no-repeat scroll 0% 0% transparent;background-size:40px;animation:movedown 2s 0s infinite;-moz-animation:movedown 2s 0s infinite;-webkit-animation:movedown 2s 0s infinite;}
@keyframes movedown{0%{transform:translateY(0%) rotate(-25deg)}50%{-webkit-transform:translateY(15%) rotate(-25deg)}100%{-webkit-transform:translateY(0%) rotate(-25deg)}}
.header img {display:block;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;max-width:728px;}
.header-right img {display:block;}

Bước 3: Các bạn tìm đoạn:  <div id='header-inner'> rồi thêm vào sau nó đoạn code sau:

<div class='header-icon-left'/>
<div class='header-icon-left-2'/>
<div class='header-icon-right'/>
<div class='header-icon-right-2'/>
<div class='header-icon-right-3'/>

Bước 4: Lưu mẫu và xem kết quả.

LỜI KẾT:

Chúc các bạn thành công nhé. Ai ở miền Bắc không thích xài hoa mai thì có thể thay thành hoa đào. Thí dụ thay https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp4j1AucwJYxMnwb74Pa1GnUCH1IHhPCNSvhjIyPli9x7rpq6r2N9Vr1Nq_LB0VckBsH4OltF5jmDGyDajI44RgZpFaDwB4cBrEd-HH83sN8NadjE1IaK7oFR1OLFcxnwZMnWhxcYy9-Qa/s1600/canh-mai.png thành https://i.imgur.com/SQxZ2ut.png.
 Còn mình dùng cả mai lẫn đào cho " truất" :))
view-source:iris-tips