GagakTekno

Cara Membuat Header Seperti GagakTekno

Bila sobat berkunjung ke blog ini pastinya akan melihat tampilan Header yang berbeda dan juga cukup menarik ditambah dengan tampilan animasi dari CSS dan penggunaan Gambar/Image tentu saja akan terlihat cukup bagus serta dipadukan dengan warna yang bagus juga. Untuk penggunaan Font disini saya menggunakan Font bernama Baloo Tamma dan untuk warna bisa dilihat sendiri karena warna bisa dirubah-ubah sesuai dengan selera masing-masing.

Cara Membuat Header Gagaktekno

  1. Pertama masuk ke bagian Dashboard blog sobat
  2. Selanjutnya Klik Tema > Klik Edit HTML
  3. Langkah berikutnya sobat cari kode berikut ]]></b:skin> atau </style> dan tambahkan kode
  4. #header a span{text-shadow: -2px -2px 0px #2c3e50;background: url(//3.bp.blogspot.com/-jLMI8Oza1Sk/WrBzRCAInZI/AAAAAAAADAs/0y51ES6y4KgyyHXQPGpQbma8tgrR-9wYwCLcBGAs/s3000/animasi_header.png) repeat-y;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: aitf 80s linear infinite;-webkit-transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;background-clip: text;}@-webkit-keyframes aitf{0%{background-position:0% 50%}100%{background-position:100% 50%}}
  5. Lalu simpan tema/template
Pada bagian yang saya tandai silahkan diganti dengan kode Header span blog sobat karena setiap template berbeda-beda jadi saya tidak bisa mendefaultkan kode tersebut.

Sekarang coba untuk dilihat perubahan pada bagian Header di templatenya dan sekarang tampilan akan sama seperti yang saya pakai sekarang.
Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
BERI KOMENTAR