Oke, sebelum memulai Edit di HTML nya ada baiknya kalian backup terlebih dahulu, takut nya ada hal-hal yang tidak dininginkan.
1. Masuk ke blogger.com
2. Klik Tema > Pilih backup/ pulihkan.
3. Download Tema
4. Selesai
#Cara animasikan warna-warni di header
Pertama-tama baca bismillah dulu biar lancar, siap kan kopi biar santai :D
1. Cari kode " <style> "
2. Jika ketemu, pastekan tepat diatas nya Copy Kode di bawah berikut :
" <!-- Navigasi Header Animasi Berubah warna Start -->
}
@-webkit-keyframes romsahmeta{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
header {font-size:20px;
background:linear-gradient(to left,navy,red,blue,black,green);
background-size: 400% 400%;
-webkit-animation: romsahmeta 12s linear infinite;
-moz-animation: romsahmeta 12s linear infinite;
}
@-moz-keyframes romsahmeta{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes romsahmeta{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
<!-- Navigasi Header Animasi Berubah warna End --> "
3. Ganti nama berikut " romsahmeta " dengan nama sesuai selesa masing - masing.
4. Ganti kode berikut dengan warna selera kalian " (to left,navy,red,blue,black,green) " .
5. Jika sudah, silahkn cari berikut :
" #header-container "
Lalu copy kan kode berikut :
" background: $(header.background.kiri);
background: linear-gradient(to right, red, blue);
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0,2);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0,2);
position: fixed; "
Jika semua nya sudah selesai, klik simpan.
Dan lihat hasilnya di blog kaliaj semua.
Semoga tutorial menganimasikan Header ini bermanfaat.
Sekian tutorial dari Admin , jangan lupa tinggalkan jejak di komentar.
