Cara
Membuat Gambar Header Blog. Satu lagi cara
desain blog sendiri, yaitu dengan menambahkan gambar di header blog. Cara
membuat gambarnya bisa menggunakan software, bisa juga secara online. Artikel
ini akan menjelaskan tentang cara membuat gambar header blog secara
online. Prosesnya tidak lama, cukup mengunjungi situs penyedia layanan
pembuatan gambar, dan memilih salah satu bentuk gambar yang kita inginkan.
Setelah itu download dan pasang di blog kita. Silakan lihat dulu contoh gambar
dibawah ini.
Gambar
diatas adalah contoh gambar dalam bentuk tulisan yang pernah saya gunakan di
blog ini. Dengan menggunakan gambar, kita punya banyak pilihan bentuk dan juga
warna yang bisa digunakan. Berbeda dengan tampilan huruf blog, yang warna dan
bentuknya terbatas, hanya bisa menggunakan satu warna.
Ukuran gambar yang dihasilkan cukup kecil dan juga tidak memberatkan loading blog, ukuran huruf bisa diatur sesuai dengan yang kita inginkan. Disitus tersebut ada juga jenis gambar animasi, seperti huruf yang mengeluarkan api, Petir, animasi Glow yang bergerak dan masih banyak lagi.
1.
Gambar
yang dihasilkan berformat PNG dan juga GIF, sesuai
dengan bentuk dan animasi yang digunakan. Dan ukuran File gambar
yang dihasilkan juga berbeda, antara Png dan Gif, sesuai dengan ukuran huruf
gambar yang digunakan.
2.
Untuk
gambar animasi ukuran huruf 40 keatas bisa sampai 50-70kb dalam format Gif.
Sedangkan untuk gambar biasa tanpa animasi hanya 10-30kb dalam format png.
3.
Silakan
pilih bentuk dan ukuran gambar yang sesuai dengan yang kalian inginkan.
Untuk
lebih jelasnya, Cara membuat gambar header blog.
Ikuti
langkah-langkah dibawah ini:
1.
Kunjungi
situs http://cooltext.com/
2.
Selanjutnya
pilih salah satu gambar huruf yang kalian suka.
3.
Dan
atur warna dan juga bentuk hurufnya.
4.
Setelah
selesai, lihat bagian bawah, klik Creat Logo.
5.
Terakhir
Download. Seperti gambar dibawah ini.
6.
Sekarang,
memasang gambar tersebut di blog kita.
7.
Login
ke blog, dan Klik pengaturan Tata Letak.
9.
Selanjutnya atur penempatan
gambar. Pilih dibalik judul dan keterangan.
10.
Terakhir Save pengaturan
gambar. Dan lihat, gambar berada di belakang judul dan deskripsi. Jika ingin
menyembunyikan tulisan judul dan deskripsi blog. Ikuti langkah-langkah dibawah
ini.
1.
Sekarang
kita sembunyikan tulisan judul dan deskripsi dari halaman blog, cari kode
]]></b:skin> dan tempatkan kode ini diatasnya.
.Header h1 {
height: 0px;
visibility: hidden;
display: none;
}
.Header .description {
height: 0px;
visibility: hidden;
display: none;
}
height: 0px;
visibility: hidden;
display: none;
}
.Header .description {
height: 0px;
visibility: hidden;
display: none;
}
2.
Setelah
menambahkan kode diatas maka judul blog dan deskripsi akan disembunyikan dari
tampilan blog, tinggal gambar saja.
3.
Dengan
begitu judul dan deskripsi tetap ada, hanya disembunyikan.
4.
Silahkan
cek di chkme.com untuk melihat masih ada atau tidak title judul blog H1, jika
ada berarti gambar header tidak akan mempengaruhi seo blog.
Jika
kita memliih menempatkan gambar selain judul dan keterangan atau tempatkan
keterangan setelah gambar. Maka H1 header akan hilang, dan itu mempengaruhi
seo blog. Jika ingin mencoba silahkan saja cek di chkme.com atau disitus chek
seo blog lainnya. Agar H1 header blog disembunyikan dari halaman blog tanpa
mempengaruhi seo blog, gunakanlah cara seperti diatas. Semoga Bermanfaat.
0 komentar:
Posting Komentar