Cara Membuat Desain Simpel Blogspot untuk Pemula\ Credit pic: Pixabay |
Masih dalam rangkaian otak-atik blog baru saya www.pojokbukuanak.com, sambil otak-atik sambil sreencap langkah-langkahnya untuk dijadikan tutorial. Semoga bisa bermanfaat ya. Kali ini saya mau ajak otak-atik template blog tapi dengan desain yang simple dan didominasi warna putih. Tapi selanjutnya teman-teman bisa bebas memilih kombinasi warna sesuai selera kok.
Hanya background atau latar belakangnya tetap gunakan warna putih ya dan gunakan warna teks yang gelap seperti warna hitam. Mengapa? Supaya ramah di mata pembaca. Kalau misalnya latar belakangnya merah mudah dan hurufnya ungu lumayan bikin sepet mata he he. Takutnya nih baru beberapa detik membuka blog kita, pengunjung langsung ngacir he he.
Hanya background atau latar belakangnya tetap gunakan warna putih ya dan gunakan warna teks yang gelap seperti warna hitam. Mengapa? Supaya ramah di mata pembaca. Kalau misalnya latar belakangnya merah mudah dan hurufnya ungu lumayan bikin sepet mata he he. Takutnya nih baru beberapa detik membuka blog kita, pengunjung langsung ngacir he he.
1. Buka blog yang akan diubah desainnya, klik Template, Sesuaikan.
2. Saya akan share contoh pengaturan desain pada blog baru saya ya. Pada opsi Template saya memilih template jenis Sederhana (Simple) No 2 (bernuansa putih).
3. Untuk Latar Belakang biarkan berwarna putih.
4. Untuk Tata Letak, pilih seperti pada gambar.
5. Sesuaikan latar dengan mengatur lebar Seluruh blog (1200 px) dan lebar Bilah pinggir kanan (sidebar) 360 px.
6. Sekarang masuk ke pengaturan Tingkat lanjut, di opsi Teks Laman kita bisa memilih warna teks yang diinginkan. Seperti yang sudah saya tulis di atas, sebaiknya pilih warna gelap seperti warna hitam atau yang mendekati. Kita juga bisa mengganti font sesuai selera tapi langkah ini saya skip. Khusus untuk mengganti judul dan teks postingan sudah saya buat tutorialnya di Cara Mengubah Font Judul dan Teks Postingan pada Blogspot.
Warna Teks: #191818
7. Untuk setelan Latar:
Latar Luar: #ffffff
Latar Utama: #ffffff
Latar Header: transparent
8. Untuk Link:
Warna Link: #0c6fb8
Warna Dikunjungi: #8832ff
Warna Gulir: #5421bb
9. Untuk Judul Blog:
Warna Judul: #5421bb.
10. Untuk Teks Tab:
Warna Teks: #000000
Warna yang Dipilih: #000000
11. Untuk Deskripsi Blog:
Warna Deskripsi: #0c6fb8
12. Untuk Teks Tab:
Warna Tesk: #0000000
Warna yang Dipilih: #000000
13. Untuk Latar Tab:
Warna Latar: transparent
Warna yang Dipilih: #cfe5f6
14. Untuk Header Tanggal:
Warna Teks: #5421bb
Warna Latar: transparent
15. Untuk Catatan Kaki Entri:
Warna Teks: #666666
Warna Latar: transparent
Warna Bayangan: transparent
16. Untuk Gadget:
Warna Judul: #5421bb
Warna Alternatif: #8832ff
17. Untuk Gambar:
Warna Latar: #ffffff
Warna Batas: #eeeeee
Warna Teks Layar: transparent
18. Untuk Aksen:
Warna Garis Pemisah: transparent
Warna Tepi Tab: transparent
19. Untuk Mobile Button Color:
Mobile Button Color: #0c6fb8
Selanjutnya klik Terapkan pada Blog.
Lumayan panjang juga ya, tapi aslinya nggak butuh waktu lama kok untuk membuat desain simpel blogspot untuk pemula seperti ini. Nah setelah kita otak-atik setelannya, Silakan lihat tampilan blognya ya. Desainnya memang simpel dan insyaa Allah nyaman di mata pembaca. Insyaa Allah saya masih akan bagi-bagi tutorial seputar otak-atik tampilan blog lagi nih, sementara itu silakan disimak postingan yang lain ya:
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.
Berguna banget tutorialna Mbak Heni :)
ReplyDeleteAlhamdulillah :)
DeleteAku lagi pingin ganti tema blog nih Mba Hen, kalau tema blog yang Mba pakai sekarang, itu bawaan bloggernya juga kah?
ReplyDeleteBlog ini ya Mbak bawaan blogger cuma diotak-atik aja. Kalau Dapur Imut baru deh adaptasi dari template blog gratisan.
DeleteKapan2 mau nyoba mbak, selama ini masih pake template hasil download hehe
ReplyDeleteCoba2nya di blog dummy aja Mbak, bikin blog khusus buat eksperimen he he
DeleteAsiiik. Nanti tak prakteknya. Sbnrnya ngutak atik blog ini bsa serius dan telaten klo nggak ada bocah yang ngintilin trus loh mbk
ReplyDeleteOtak atiknya malam2 Mbak, kalau nggak ngantuk hi hi
DeleteSaya juga deign sendiri maak..ribet pake bangeet
ReplyDeleteTapi puas ya Mak kalau otak-atik trus berhasil he he
Deletesimpel.. rapi... enak diliat..bikin betah... kdg klo diwnload gratisan..aku ttp utak atik coding... font kdg yg ku ganti..
ReplyDeleteIya betul Mak. DOwnload gratisanpun tetap harus otak-atik dulu supaya lebih pas.
DeleteMakasih Mba...mau saya coba & ijin share ya.
ReplyDeleteSemoga bermanfaat :)
Deletemakasih mb. cukup membantu..
ReplyDeleteSy baru belajar ngblog, kadang2 setelah diutakatik jd acakadut. Knp ya?
ReplyDeleteTerus sy ingin menambahkan video di sebelah tajuk.gmn caranya? Terimakasih