Cara Mengganti Header Dengan Gambar Yang Sudah Jadi

Posted by : zen 24 Apr 2015

Post ini nyambung sama post Cara Re-design Template

1. Pilih template yang akan diubah, Mimin akan pakai template dari Djohanes Djogz (lagi!?). Ini sudah yang kedua kalinya Mimin re-design template dari Djohanes Djogz. Maaf, aku belum bisa bikin template sendiri, HTMLnya sering crash. Yang akan Mimin re-design, template Ore no Imouto ga Konnani Kawaii Wake ga Nai dari Djohanes Djogz. Credit tidak akan dihilangkan!

2. Yang akan kita ganti pertama adalah headernya. Silahkan buka menu Template pada dashboard blogger. Lalu pilih Edit HTML. Pastikan pointer ada di dalam kotak HTML lalu tekan CTRL+F. Ketikkan "header", tanpa tanda kutip. Biasanya untuk foto yang dijadikan tampilan template, dinamai sesuai fungsinya. Gambar untuk header akan dinamai header dan seterusnya.

3. Sudah ketemu? Kalau sudah ketemu, block alamat header yang kita temukan dan klik kanan "Go to (link)". Akan terbuka tab baru yang berisi gambar yang menjadi header. Download gambarnya.

4. Nahahaha, ini langkah untuk mengganti header! Readers boleh saja menggunakan wallpaper yang sudah jadi untuk dipakai menjadi header baru, namun belum tentu ukurannya sama! Setidaknya baca beberapa step berikut ini terlebih dulu!

5. Buka Corel Draw. Kalau untuk buat edit gambar sih, Mimin lebih suka pake Corel Draw, karena kalau gambar ditumpangtindihkan jelas terlihat nodenya.

6. Drag gambar header yang asli dan yang akan dijadikan header baru. Coba lihat perbedaan ukurannya!

7. Sebelumnya, pastikan dulu header asli berada diatas header baru. Klik kanan dan pilih To Front Of Page. Lalu tumpang tindihkan dengan header baru seperti ini!

8. Gambar persegi panjang dari pojok kiri atas header asli dan tarik menuju pojok kanan header asli menggunakan Rectangle Tool.

9. Lalu jauhkan kotak yang sudah jadi tadi dan hapus header yang asli, Setelahnya tumpang tindihkan kotak tadi dengan header baru seperti cara no 7. Drag header baru dari pojok kanan bawah sampai sisi pinggir kanan menempel sempurna dengan kotak tadi!

10. Lalu seret kotak tadi ke tengah atau setidaknya sampai mendapatkan view yang cocok untuk header. Jika sudah dirasa pas, klik Crop Tool dan drag kotak Crop Tool mengikuti kotak tadi, setelah selesai, klik 2x ditengah gambar maka gambar sudah di crop. Lengkapnya seperti gambar dibawah ini! (di klik ya gambarnya, itu udah HD -_-)

11. Boleh disimpan boleh tidak, disini langsung saja kita Export gambarnya, CTRL + E. Lalu akan muncul windows Export, karena gambarnya untuk header maka berikan nama header, nama lain juga boleh asal kalau sewaktu-waktu akan diganti, nama gambarnya mudah dicari. Klik Save.

12. Windows berikutnya adalah pengaturan ukuran gambar, seperti dibawah ini. Ukuran gambarnya adalah 4170x1583. Wuuh, HD itu! Tapi berapa ukuran sebenarnya dari header yang asli?