Cara Membuat Efek Bayangan Berjalan Bolak-Balik pada Logo Blog
Rindumagz - Dikesempatan kali ini Admin akan membagikan tutorial Cara Membuat Efek Bayangan Berjalan Bolak-Balik pada Logo Blog. Tutorial sederhana ini tidak akan membuat blog kamu berat karena hanya menambahkan kode CSS.
Untuk fungsi dari efek ini adalah membuat blog menjadi elegan dan profesional, yang mampu menarik perhatian pengunjung blog kamu. Alasan blog harus profesional yaitu mengharapkan pengunjung baru bisa menjadi pengunjung setia.
Cara Membuat Efek Bayangan Berjalan Bolak-Balik di Logo Blog
1. Login di blogger.com2. Pilih dashboard menu TEMA > Edit HTML
3. Cari kode ]]></b:skin> , copy dan paste kode CSS dibawah ini tepat DIATAS kode tersebut.
/* 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. Simpan Tema dan Selesai.
Belum ada Komentar untuk "Cara Membuat Efek Bayangan Berjalan Bolak-Balik pada Logo Blog"
Posting Komentar