Cara Membuat Efek Bayangan Berjalan Bolak-Balik pada Logo Blog - Mascodein

Cara Membuat Efek Bayangan Berjalan Bolak-Balik pada Logo Blog - kali ini saya mau share Script Cara Membuat Efek Bayangan Berjalan Bolak-Balik pada Logo Blog.

Dizaman sekarang banyak para blogger yang berlomba lomba dalam hal mendesain sebuah blog nya agar terlihat lebih menarik dengan tujuan agar menarik banyak visitor, salah satunya adalah dengan membuat efek bayangan bolak balik ini. 

Baiklah tanpa lama lama lagi mari kita langsung saja ke Tutorial Cara Membuat Efek Bayangan Berjalan Bolak-Balik pada Logo Blog ini simak ya gaes dibawah ini.

Cara Membuat Cara Membuat Efek Bayangan Berjalan Bolak-Balik pada Logo Blog

---

1. Login ke Blogger.com

2. Pergi ke Dashboard Tema > Edit Tema

3. Lalu cari kode ]]></b:skin> , copy dan paste kode Dibawah ini tepat di ATAS ]]></b:skin>

/* Header Logo Effect Blog */
header #header-inner a{position:relative}
header #header-inner a:before,header #header-inner a:after{content:"";position:absolute;top:50%;width:10px;height:100%;transform:translateY(-50%);background-color:rgba(255,255,255,.75);z-index:999999999}
header #header-inner a:before{left:-5%;animation:light-left 3s infinite alternate linear}
header #header-inner a:after{right:-5%;animation:light-right 3s infinite alternate linear}
@keyframes light-left{0%{left:-5%;opacity:0}50%{left:50%;opacity:1}100%{left:105%;opacity:0}}
@keyframes light-right{0%{right:-5%;opacity:0}50%{right:50%;opacity:1}100%{right:105%;opacity:0}}

4. Terakhir Save / Simpan Tema dan lihat hasilnya.

Tips_ Jika menggunakan kode CSS tersebut tidak berfungsi, silahkan ganti kode pemanggil #header-inner a menjadi kode pemanggil header template kamu

Sekian Dari artikel Cara Membuat Efek Bayangan Berjalan Bolak-Balik pada Logo Blog, jika ada kendala silahkan berikan komentar dibawah ini ya, See youu.

Related Posts