Assalamu'alaikum...
Halo Bapak Ibu Pengunjung Blog Berbagi Tutorial. Pada kesempatan kali ini saya akan berbagi tutorial bagaimana cara mengetahui sekaligus menyesuaikan ukuran Header Blog Bapak ibu.
Untuk apa sih tujuannya bapak ibu harus tahu cara bagaimana mengetahui sekaligus mengubah ukuran Header Blog? Tujuannya adalah agar gambar header yang bapak ibu gunakan menjadi cocok ukurannya dengan ruang yang tersedia. sehingga tampilan blog Bapak ibu menjadi cakep dan menarik. Tidak acak-acakan dan tidak kelihatan seperti blog yang sedang proses masa ujicoba/pembuatan. Lalu bagaimana caranya? Baca terus sampai habis ya...
Untuk mengetahuinya bapak ibu bisa menggunakan 2 cara :
Cara Pertama
Dengan mengetahui ukuran gambar yang terpasang pada header blog bapak ibu sekarang.
Caranya silahkan Klik kanan gambar tersebut lalu pilih Save Image As. atau Simpan Gambar Sebagai seperti gambar dibawah ini.
Kemudian setelah gambar header tersebut tersimpan pada komputer atau laptop bapak ibu, baru lihat ukurannya contohnya seperti ini:
Dekatkan kursor mouse bapak ibu pada gambar tersebut tanpa mengekliknya. sehingga muncul balon notifikasi seperti gambar diatas. Nah Bapak ibu bisa lihat di Dimension nah itulah ukuran gambar Header tersebut. Pada contoh ini ukuran gambar Header Tersebut adalah 495 x 72 px.
Sangat prakris kan bapak ibu? Selanjutnya bapak ibu tinggal buat gambar baru sesuai ukuran tersebut agar setelah di pasang ke blog antara ukuran gambar baru dengan space/ruang yang tersedia menjadi cocok. Untuk cara ini kelemahannya Bapak Ibu tidak bisa menggunakan ukuran gambar yang berbeda. karena itu bapak ibu perlu alternatif yang ke dua.
Cara Kedua
Untuk cara yang kedua ini cukup menantang jika Bapak ibu baru belajar blogging. Tapi semua itu tidak sulit kalau bapak ibu ada kemauan untuk belajar dan mau mencoba Yaitu dengan melihat kode Script yang terdapat pada form Edit HTML Template Blog Bapak Ibu. Bagaimana Caranya Simak langkah-langkah berikut.
Sekarang bapak ibu login ke halaman
Blogger Bapak ibu. Setelah halaman dasbor terbuka silahkan cari Menu
Template/TemaKlik Menu Tema sehingga terbuka tampilan seperti gambar di bawah ini.
Nah seperti gambar diatas klik segitiga di sebelah kanan Sesuaikan lalu Klik Edit HTML
Nah disinilah Bapak ibu semua script atau kode yang membentuk tema atau template blog bapak ibu tersimpan. termasuk kode pengaturan untuk ukuran Header blog bapak ibu. Sekarang bapak ibu cari kode dengan variasi seperti ini :
Kenapa ada beberapa variasi penulisan bapak ibu? karena setiap Tema atau template menggunakan penamaan yang berbeda. Tapi secara umum kata-kata "header" biasanya tetap ada. Kemudian kenapa ada tanda pagar atau titik di depannya? Itulah standar karakter yang digunakan untuk pengaturan tampilan pada halaman web atau blog. jadi silahkan bapak ibu cari salah satu kode tersebut pada tema atau template bapak ibu.
Setelah Bapak ibu temukan lihat kode pengiring di belakang atau di bawahnya yang menunjukkan kode ukuran. Misalnya :
atau dengan gaya penulisan seperti ini :

Nah itulah ukuran header bapak ibu.
Jika ada script atau kode selain kode diatas sebelum dan sesudahnya bapak ibu tidak perlu bingung yang penting bapak ibu cermati adalah 2 kode pengiring di atas.
Kode Width dan Height artinya adalah Lebar/Panjang dan Tinggi. sedangkan angkan dibelakangnya adalah berapa ukurannya. Dan
px artinya
pixles satuan dari ukuran
pada halaman web/blog. Dengan mengetahui arti dari kode tersebut mala bapak ibu tinggal ganti ukuran ke duanya sesuai dengan ukuran bapak ibu.
Yang Perlu Bapak Ibu ingat kode atau karakter lain jangan terhapus. Pastikan Bapak Ibu cuma mengganti angkanya saja.
Lalu bagaimana jika yang bapak ibu temukan pada tema / template Bapak ibu hanya salah satu diantara kedua tersebut? Misanya hanya Width tanpa Height? atau sebaliknya? atau malah justru keduanya tidak ada? Bapak ibu cukup tambahkan mana seperti kode diatas yang penting cara penulisannya tidak keliru.
Setelah selesai mengubah ukuran tersebut jangan lupa simpan Tema bapak ibu seperti gambar diatas lalu tunggu sampai proses penyimpanan selesai. Setelah itu baru lihat hasil perubahannya. Apakah ukuran space headernya berubah atau belum. Jika sudah baru bapak ibu ganti gambar headernya sesuai ukuran tersebut.
SELAMAT MENCOBA
Post a Comment