Cara Membuat Header Blog dengan Photoscape Credit pic: Pixabay |
1. Untuk bahan membuat header kita bisa mengunduh gambar yang sesuai tema blog kita dari www.freepik.com.
2. Buka program Photoscape, crop gambar yang sudah kita unduh sehingga bentuknya menjadi bulat, jangan lupa disimpan. Photoscape sendiri bisa diunduh secara gratis di http://photoscape.id.softonic.com/.
3. Dengan program Paint, buat sebuah background berwarna putih. Lalu buka gambar background ini dengan Photoscape dan potong/crop gambar background tersebut dengan ukuran 1120 x 250 pixels.
4. Klik "Object" dan "Photo".
5. Masukkan/tambahkan gambar yang tadi kita crop berbentuk bulat.
6. Gambar akan muncul dengan posisi di tengah-tengah, namun kita juga bisa mengatur letak gambar yang kita tambahkan.
7. Tambahkan judul blog kita atau kata-kata/kalimat yang ingin kita tambahkan pada header blog.
8. Setelah selesai mengedit, simpan gambar untuk header blog kita.
9. Buka blog yang ingin kita tambahkan header, klik Tata Letak, cari Tajuk/Header, klik Edit dan upload gambar untuk header blog kita. Pilih opsi Selain judul dan keterangan, klik Simpan.
10. Supaya posisi header ada di tengah, klik Template, Sesuaikan, pilih opsi Tingkat lanjut dan Tambahkan CSS. Masukkan kode berikut & klik Terapkan pada Blog.
#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}
11. Nah sekarang blog kita punya header baru deh.
CONTOH LAIN:
12. Download gambar yang sesuai dengan tema blog kita dari www.pixabay.com (atau gunakan foto sendiri).
13. Gunakan Photoscape untuk memotong ukuran gambarnya (1120 x 250 pixel) dan mengatur kecerahan gambarnya.
14. Beri tulisan yang diinginkan untuk header blog kita. Lalu klik Save. Untuk menambahkan header tersebut ke blog kita, lakukan langkah seperti no 9 & 10.
Daftar Postingan Tutorial Membuat Blog:
1. Cara Membuat Blog di Blogger.com untuk Pemula.
1. Cara Membuat Blog di Blogger.com untuk Pemula.
6. Cara Menambahkan Judul Postingan pada Gambar dengan Photoscape.
7. Cara Menambahkan Fitur Profil pada Sidebar Blogspot.
8. Keunggulan Menggunakan Top Level Domain .net/.com & Cara Mengubah Domain Blogspot Menjadi .net/,com
9. Mengubah Font Judul & Teks Postingan pada Blogspot.
10. Cara Membuat Desain Simpel Blogspot untuk Pemula.
11. Cara Membuat Header Blogspot dengan Photoscape.
7. Cara Menambahkan Fitur Profil pada Sidebar Blogspot.
8. Keunggulan Menggunakan Top Level Domain .net/.com & Cara Mengubah Domain Blogspot Menjadi .net/,com
9. Mengubah Font Judul & Teks Postingan pada Blogspot.
10. Cara Membuat Desain Simpel Blogspot untuk Pemula.
11. Cara Membuat Header Blogspot dengan Photoscape.
Aaah lucuuuu, berguna banget buat aku yang lagi pengen banget punya gambar di header.. TFS mba!
ReplyDeleteSama-sama :)
DeleteTutorialnya kece mbak
ReplyDeleteTerima kasih :)
Deleteterima kasih ilmunya kang ... sippp insyallah tak terapkan di blog gusbolang
ReplyDeleteTerima kasih sudah mampir, tapi saya Mbak bukan Kang :D
DeleteWahhh... Bermanfaat banget mba.. cuuss langsung coba ah...
ReplyDeleteSemoga bermanfaat Mbak :)
DeleteWaaaah makasih mbaaa save duluuu
ReplyDeleteSemoga bemanfaat Mba :)
DeleteTerima kasih mba infonya
ReplyDeleteSama-sama :)
DeleteGambarnya lucu2, mau ke freepik ah hehe TFS
ReplyDeleteIya Mbak banyak gambar lucu di Freepik :)
DeleteSaya editnya malah pake pics art mbak.. Hehehe...
ReplyDeleteTernyata saya salah pake setelannya.. Makanya kog hasilnya rada aneh.. Hehehe..
Thanks mbak infonya..
Sangat bermanfaat, silahkan kunjungi juga https://surveyoon.blogspot.co.id/2017/07/cara-membuat-header-blogger-header.html
ReplyDeleteTerima kasih artikelnya mbak...sempat bingung cara membuat header sendiri.
ReplyDelete