Tạo logo phong cách đi cùng Tiki cho blogspot mới nhất 2019

Tiki đang được coi mà mô hình quảng cáo quốc dân, mình viết bài này không được lợi nhận từ tiki đâu nhé !

Cách thực hiện

bạn truy cập vào blog chọn chủ để chỉnh sửa Tìm thẻ chưa logo thường là sau header-wrapper và dán đoạn code sau:

<style>.logo-vuminhthinh{margin:auto}

.box{font-family:Roboto Slab;width:45px;height:45px;border-radius:3px;background:-webkit-linear-gradient(right, rgba(255, 255, 255,.85), rgba(255, 255, 255,.85));color: rgb(195, 27, 34, .85);font-size:26px;font-weight:700;line-height:45px;text-align:center;position:absolute;top:5px;z-index:2;animation:test 1.5s;left:12%}

.box:after{content:"";display:block;height:90%;width:1px;background:rgba(255,255,255,0.4);position:absolute;top:0;right:-10px;bottom:0;margin:auto;animation:expand 2s}

.text{padding-left:55px;animation:fade 2s;margin-top:-16px}

@keyframes expand {

0%{height:0}

40%{height:0}

60%{height:80%}

}

@keyframes test {

0%{transform:scale(0);left:25%}

40%{transform:scale(1);left:25%}

60%{transform:scale(1);left:25%}

100%{;left:12%}

}

@keyframes fade {

0%{opacity:0}

65%{opacity:0;padding-left:55px}

100%{opacity:1;padding-left:55px}

}</style>

<h1>

<a href='/' title='Blog chia sẻ thủ thuật facebook, thủ thuật Blogspot, template blogger'>

<div class='logo-vuminhthinh'><div class='box'><img src='https://i.imgur.com/ClA1leS.png'/></div><div class='text'><p class='title'><b style='font-size:15px'><i class="fa fa-star-half" aria-hidden="true"></i>Đi cùng</b><br/><b style='font-size:20px'> Vũ Minh Thịnh</b></p></div></div>

</a>



</h1>

cuối cùng là chỉnh sửa cho phù hợp với blog của bạn 
Chúc các bạn thành công ! Nguồn code:  www.truongblogger.com