Membuat header html dengan logo

oke, kali ini nggak mau panjang lebar ya Sob, Tutorial Cara Membuat Logo Header Blogspot Di Tengah, sebenernya ini hanya untuk catatan pribadi aja sih 🙄

Cara Membuat Logo Header Blogspot Di Tengah

Di Mozilla > Tools > Web Depelover > Inspector
Sorot Gambar Header / Logo Sobat > Perhatikan “id” diatas id “heaeder1”
Login Blogger > Dashboard > Template > Edit HTML
Cari Kode “id” diatas id “header1” (dalam contoh blog ini, cari kode “kepala-speedup” tanpa tanda petik”)
Kode Awal :
.kepala-speedup { padding: 5px; text-align: center; }
Tambahkan kode berikut ini :
img { margin: 0 auto !important; }
Sehingga kode menjadi :
.kepala-speedup { padding: 5px; text-align: center; } img { margin: 0 auto !important; }

Baca Juga : Cara Optimisasi SEO untuk Blogspot / Blogger

Oke done sob, demikian tutorial singkat cara membuat logo maupun header di blogspot / blogger sehingga berada di tengah. Semoga saya sendiri inget, dan bermanfaat buat sobat kangiwan.com 😀

Baca Juga : Cara Memperbaiki Mouse Yang Sering Double Click Sendiri

Kang Iwan Follow Seorang Blogger, Pebisnis Online & Penggemar SEO yang lahir di Jakarta, tumbuh dan besar di Bogor dan Stay di Pekanbaru Riau saat ini.

Tutorial: Tips & Trik Cara Membuat dan Memasang Gambar/Logo untuk Header Blogger/Blogspot

Logo Header pada blog merupakan lambang yang mewakili identitas suatu situs web karena gambar inilah yang pertama kali di lihat oleh para pembaca.

Coba lihat kembali Logo Header dari blog yang sedang kamu kunjungi saat ini. Ada logonya, nama blog, dan sedikit deskripsi berwarna putih.

Bagaimana? Mau buat seperti punya kami juga? Gampang... ikuti instruksi cara membuat Logo Header di Blogger di bawah ini dalam beberapa langkah mudah dan cepat.

Cara Membuat Gambar (Logo) Header Blog dalam 4 Langkah

Beberapa perlengkapan yang dibutuhkan:

Gambar dengan format .PNG artinya tembus pandang ke belakang
PhotoScape atau PhotoShop (Ket: Kami menggunakan PhotoScape)
ICON untuk Gambar Header Blog biar makin keren (alternatif)

Karena gambar dengan format .PNG yang dibutuhkan, silakan download gambar di bawah ini; dan simpan di partisi Local Disk: D komputer/laptop kamu.

Keterangan: Silakan download Gambar .PNG di atas.

Untuk ICON-nya sendiri, kamu bisa download secara gratis di situs Icons8, FlatIcon, atau FreePik. Download ICON dengan ukuran 480px atau 500px.

Jika semua perlengkapan sudah disediakan, maka ikuti langkah-langkah cara membuat logo/gambar di blog di bawah ini dengan baik-baik.

Buka salah satu aplikasi Editor Photo
Ambil dan potong (Crop) gambar tembus pandang di atas -- yang sudah di download dengan ukuran lebar 300px dan tinggi 60px (atau 90px)
Kemudian masukkan logo, nama blog, dan deskripsi
Simpan hasil gambarnya dengan format .PNG sebagaimana format gambar default sebelumnya

Jika sudah, hasilnya kira-kira seperti berikut:

...atau hasilnya seperti ini:

Keterangan: Silakan tekan gambar di atas, silakan seret kesana-kemari. Cek apakah tembus pandang ke belakang atau tidak :)

Untuk cara memasang dan menampilkan gambar Logo Header di Blogger/Blogspot, caranya masuk ke Blogger, lalu ketuk menu Tata Letak (Layout).

Pada Gadget Header, ketuk Edit, lalu implementasikan sebagaimana gambar di bawah ini:

...kemudian ketuk tombol Simpan, dan lihat hasilnya :)

Catatan: Jangan lupa, centang Ok pada judul "Selain judul dan keterangan." seperti gambar di atas.

Nah itu dia cara membuat Logo Header untuk Blogger/Blogspot. Bagaimana? Mudah, kan?

Source: https://tipsseokiller.blogspot.com/2016/04/membuat-gambar-header-h1-blog.html

Labels: Tutorial Blogger

Thanks for reading Cara Membuat Gambar (Logo) Header Blog dalam 4 Langkah. Please share this article.

Share this post