Assalamu'alaikum. wr. wb. Header, termasuk juga sebagai pelengkap halaman dari suatu blog. Dengan di tambahkannya header, display template pada suatu blog pun menambah kesan yang lebih menarik. Namun permasalahannya,, setiap kita mengganti gambar header, jarang sekali menemukan gambar yang sesuai dengan display yang kita inginkan. sudah sering menemukan, tapi ukuran gambarnya tidak sesuai, kadang kebesaran dan kadang juga kekecilan. Nah, tutorial yang akan kita bahas kali ini adalah,
bagaimana cara memasang gambar header yang sesuai dengan keinginan kita.
Ada beberapa cara membuat gambar header, bisa mengunakan software, bisa juga menggunakan jasa pembuatan gambar online. Caranya sangat mudah, tidak perlu menunggu lama, hanya tinggal mengunjungi situsnya dan kita bisa mendapat gambar yang sesuai design kita.
Gambar di atas merupakan contoh dari gambar dan tulisan yang pernah saya buat. tidak hanya dengan bentuk seperti di atas, masih banyak lagi pilihan bentuk tulisan dan gambar sesuai dengan selera kita. Kelebihan dari cara yang kita pakai adalah, kita tidak perlu repot dan ribet lagi edit sana dan edit sini. semua pilihan, baik dari bentuk tulisan, jenis animasi, jenis gambarnya tinggal kita pilih sendiri.
- Ukuran gambar pun sangat berfariatif, yang jelas tidak akan memberatkan
loading blog karena biasanya hanya berukuran 10 hingga 200 kb saja.
Sesuai dengan panjang dan ukuran huruf yang kita gunakan.
- Gambar yang dihasilkan berformat PNG dan juga GIF, sesuai dengan bentuk dan animasi yang digunakan.
- Silakan pilih bentuk dan ukuran gambar yang sesuai dengan yang kita inginkan.
Agar tidak telalu banyak basa-basinya,,langsung saja sobat kita ikuti
Langkah-langkah membuatnya:
==> Kunjungi situs berikut
http://cooltext.com/==> Selanjutnya pilih salah satu gambar dan huruf yang kita suka.
==> Dan atur warna dan juga bentuk hurufnya.
==> Setelah selesai, lihat bagian bawah, klik
Creat Logo.
==>
Edit Image jika dirasa kurang sesuai hasilnya
==> Terakhir
Download Image. Seperti gambar dibawah ini.
==> Sekarang kita coba memasangnya di blogkita.
==> Log in ke blog, pilih pengaturan, lalu tata letak.
==> Pada bagian layout Header Blog, Klik
Edit. Dan
Upload gambar yang tadi kita download.
==>Selanjutnya
atur penempatan gambar. Pilih penempatan
- Di balik judul dan keterangan
- Selain judul dan keerangan
- Tempatkan gambar setelah keterangan
| ==> Terakhir Save dan lihat, antara gambar, judul dan deskripsi pada header sudah sesuai apa belum. Jika di rasa judul dan deskripsi tidak sesuai, sobat bisa menyembunyikannya. Caranya ikuti langkah-langkah di bawah. | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- Pertama masuk ke template, lalu edit Html, cari kode ]]></b:skin> dan tempatkan kode di bawah ini tepat diatasnya.
.Header h1 {
height: 0px;
visibility: hidden;
display: none;
}
.Header .description {
height: 0px;
visibility: hidden;
display: none;
}
- Setelah menambahkan kode diatas maka judul blog dan deskripsi akan disembunyikan dari tampilan blog, tinggal gambar saja.
- Dengan begitu judul dan deskripsi tetap ada, hanya disembunyikan.
- 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.
NB: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. |
|
EmoticonEmoticon