Seneng banget bisa ikut sharing session yang di adakan sama HBBV , meskipun temen online tapi tetep bisa saling berbagi ilmu mengenai blog melalui chat Whatsapp. Seseneng itu aku bisa join komunitas ini , karna ga cuman nambah temen tapi juga nambah ilmu.
Hmmm .. Belum tau apa itu HBBV ? HBBV kepanjangan dari Hijab Beauty Blogger Vlogger. Yaitu sebuah komunitas blogger dan vlogger untuk saling bertukar pengalaman/ilmu.
Jaman sekarang sosial media sudah mulai berkembang begitu pula dengan blog. Bnayak orang yang pandai menulis namun kurang pandai mendesain tampilan atau covernya. Isi tulisan bagus namun template datar dan gitu gitu aja kadang membuat orang kurang betah untuk membacanya.
Oke , buat kalian yang pengen jadi blogger tapi masih bingung gimana caranya , kali ini aku bakalan sharing juga ke kalian ilmu yang aku dapet selama mengikuti sharing session with HBBV dengan pemateri Kak Icha Amalia.
Sharing session kali ini bertemakan How to Start a Blog ?
How to Start A Blog?
Ada beberapa steps, yaitu:
1. Daftar; memlih platform, menentukan alamat blog dan niche.
2. Setting dan customize blog
3. Menulis dan publikasi konten.
4. Mempromosikan dan optimasi konten/blog
Nah, kenapa memilih bahasan tentang setting & customize layout dulu? Karena layout ini hal yang paling dasar dari sebuah blog. Layout ini juga bisa jadi salah satu ciri khas blogger selain isi konten dan cara menulisnya. Pilihan template mungkin sama tapi kalo tata letaknya beda, fontnya beda, headernya beda nantinya pasti kelihatan beda juga. Tampilan yang menarik dan enak dilihat pasti akan bikin pengunjung betah baca tulisan di dalamnya.
Sebelum masuk ke bahasan layout/desain blog, aku mau kasih info sedikit tentang bagian-bagian blog dan elemennya.
Bagian-bagian blog yang utama ada Header, Body, Sidebar, Footer
Ada beberapa elemen yang sebaiknya ada di setiap blog. Apa saja?
About page, Contact page, Menu/navigasi, Search box
Dalam sebuah blog , sebaiknya ada :
- About Page atau halaman tentang penulis supaya pembaca tau siapa orang dibalik konten yang sedang mereka baca. Di sini kamu bisa tulis short intro tentang kamu dan blogmu.
- Contact Page diperlukan supaya pembaca tau kalo mau menghubungi penulis mereka harus ke mana. Yang harus dicantumkan di contact page itu email aktif. Boleh juga menulis kontak lain kalo berkenan.
- Menu/navigasi dibuat supaya mempermudah pembaca untuk menjelajahi blogmu. Minimal buatlah kategori. Untuk beauty blog, misalnya buat menu khusus skincare, makeup, body care dll. Atau menu khusus review, makeup tutorial, haul, dll.
- Search box ini baiknya tetap ada walau fungsinya sama seperti navigasi. Soalnya kadang ada tulisan yang nggak masuk ke kategori yang sudah ada di navigasi. Jadi lewat search box ini pembaca bisa menelusuri blogmu lewat kata.
Apa saja yang harus diperhatikan untuk tampilan/layout blog?
1. Tema/Template
2. Kombinasi warna
3. Pilihan backgroud
4. Font
5. Header
Layout ini penting karena akan jadi first impression bagi pengunjung blog sebelum mereka baca tulisan kalian. Kalo layoutnya berantakan kemungkinan pengunjung akan merasa nggak nyaman dan jadi malas scroll/baca tulisanmu.
1. Sebaiknya pilih template yang ringan, mudah dioperasikan (user-friendly), responsive dan compatible dengan banyak browser.
Kenapa harus ringan? Supaya loadingnya cepat.
Coba page speed test di sini: https://developers.google.com/speed/pagespeed/insights/
Kenapa harus user-friendly? Karena pembaca blogmu itu manusia.. jadi pastikan harus mudah digunakan oleh manusia. Percuma tulisan bagus kalo navigasinya susah 😂
Kenapa harus responsive?
Supaya bisa otomatis menyesuaikan device pengunjung. Jadi saat dibuka pada ukuran layar yang berbeda via hp/pc/laptop/tablet tampilannya tetap sama dan tetap rapi.
Coba mobile friendly test di sini: https://search.google.com/test/mobile-friendly
2. Pilih template yang nggak terlalu ramai dengan background warna netral. Aku sarankan pakai warna putih. Sebaiknya hindari warna-warna stabilo dan warna lain yang terlalu terang/terlalu gelap.
3. Usahakan nggak pakai background berupa gambar/foto supaya blog nggak “berat” dan loading blog lebih cepat.
4. Gunakan font Serif/Sans Serif supaya mudah dibaca dan hindari font script/cursive. Rekomendasi font akan dibahas nanti.
5. Tambahkan header berupa tulisan/gambar. Kalo pakai gambar sebaiknya ukuran tinggi maksimal 200 px. Usahakan gambar/foto yang ukurannya kecil dan menggambarkan tentang blogmu. Cara bikin dan setting header akan dibahas nanti.
REKOMENDASI TEMPLATE
Kamu bisa cari template blog gratis di beberapa website berikut:
https://gooyaabitemplates.com/
https://btemplates.com/blogger-templates/responsive/
http://www.beautytemplates.com/blogger-templates/
https://www.themexpose.com/
Langkahnya sebagai berikut:
- Download template yang kamu mau.
- Template yang kamu download biasanya masih dalam bentuk RAR jadi harus di-unzip dulu untuk dapat file aslinya. Pakai program WinRAR.
- Kalo di pc/laptopmu belum ada silakan download dulu. Di mana downloadnya? Carilah di google.
- Buka filenya > Klik Extract File > muncul pop out > Pilih lokasi file > Klik OK
- Buka folder hasil unzip file tadi > Cari file yang berupa XML. Inilah file template yang sebenarnya, yang nantinya akan kamu upload ke blog
Cara upload template blogger:
1. Ke Dashboard > Pilih Tema
2. Klik Backup/Pulihkan yang ada di bagian pojok kanan atas
3. Klik Download Tema. Untuk menyimpan copy/backup dari tema kita yang sebelumnya.
4. Klik Pilih File > pilih file template yang akan digunakan > Upload
5. Kembali ke halaman utama Tema > pilih bagian seluler > Klik Roda/Gear warna abu
6. Muncul pop out pengaturan > Pilih Tidak
7. Simpan
Setelah mengganti template biasanya tata letak blog akan jadi berantakan.
8. Kamu bisa sesuaikan lagi dengan masuk ke tab Tata Letak.
9. Atur sesukamu lalu Klik Simpan Setelan (tombol oranye di bagian kanan atas).
REKOMENDASI FONT :
1. Cukup gunakan 2 jenis font. 1 font untuk bagian judul dan 1 font untuk bagian body.
Body = bagian isi konten
2. Kombinasikan antara font Serif dan Sans Serif.
Serif itu font yang punya ekor/garis kecil di ujungnya. Contoh: Times New Roman, Georgia,
Bell MT
Kalo Sans Serif, sebaliknya. Dia ini tipe font yang nggak punya ekor/garis kecil. Contohnya: Calibri, Verdana, Arial.
Perbedaan Font Serif Font Sans Serif :
Di atindari pakai font Script & Cursive.
Nah, font Script & Cursive ini tipe font yang hurufnya mirip tulisan tangan. Contohnya: Curlz MT, Freestyle Script, Gigi.
Mungkin ini bagus untuk desain, tapi untuk media online kayak blog gini malah bikin susah dibaca dan bikin sakit mata
3. Kombinasikan ukuran font. Buat ukuran yang berbeda untuk bagian judul dan isi konten.
Untuk font konten bisa pilih ukuran 12-14 px dan font judul sekitar 20 px.
Ukuran ini nggak baku, kamu bisa variasikan sesuai dengan templatemu.
4. Sesuaikan warna font dengan warna background. Kombinasikan warna font gelap dengan background terang.
Untuk background berwarna putih, selain warna font hitam (#000000) juga bisa pilih warna abu-abu tua (#7f7f7f) atau biru tua (#4f4f79).
Pilihan font bawaan dari blogspot banyak banget. Kamu bisa pilih di Desainer Tema Blogger.
Di Desainer Tema Blogger kamu nggak cuma bisa ganti/pilih font saja tapi juga bisa resize ukuran sidebar, pilih warna background, warna elemen lain dll tanpa harus otak-atik html.
Caranya:
1. Masuk ke Dashboard > pilih Tema >
2. Klik tombol oranye “sesuaikan” > otomatis redirect ke Desainer Tema Blogger
Desain Tema Blogger :
Menu Desain Tema Blogger :
Kalo mau bikin header bisa buat di canva.
Cara Setting Header :
1. Masuk ke Dashboard > Pilih Tata Letak
2. Klik Gadget Header Halaman
3. Muncul pop out window Mengonfigurasi Header > Pilih file gambar header yang mau dipakai
4. Pilih opsi “selain judul dan keterangan”
5. Klik Simpan > pop out window akan tertutup > Klik Simpan Setelan
Setting header blog :
Penting :
* Usahakan ukuran banner yang ada di sidebar nggak melebihi ukuran sidebarnya sendiri atau terpotong.
Cara aturnya gimana? Caranya dengan setting di Desainer Tema Blogger atau resize masing-masing banner dengan kode.
* Lebih baik jangan menampilkan seluruh isi post dalam home. Cukup kasih cuplikan sekilas dan beri break “READ MORE”. Kebanyakan template modern sudah nerapin kode ini jadi nggak perlu setting manual.
Kelebihannya dengan pakai break ini, blog jadi lebih ringkas, loading lebih cepat dan pembaca pun nggak perlu membaca keseluruhan post yang nggak mereka minati
Di sharing session kali ini bagi kami yang belum memahami dipersilahkan mangajukan pertanyaan :
Dan ada beberapa peserta yang join mengajukan pertanyaan termasuk aku :
Pertanyaan :
* Kenapa untuk pengaturan versi seluler kita memilih tidak? Biasanya kalau tampilan versi web post yang dikunjungin jadi kecil dan mungkin saja mengurangi fokus pada post tersebut.
* Apakah erornya menu navigasi juga berpengaruh pada speed blog kita? Sekalian cara setting menu navigasinya
Jawaban :
* Memlih "tidak" supaya tampilan template tetap sama seperti yang versi website. Kalau mau memilih "iya" nantinya tampilan di mobile akan terlihat default pakai template bawaan blogspot. jadi bebas aja tergantung yang punya blog.
* Errornya navigasi nggak ngaruh ke speed blog setauku. Tapi itu akan terhitung sebagai broken link. Nah, broken link mungkin akan mempengaruhi DA/PA.
Cara membuat menu: Bikin halaman/page baru dulu. Di dashboard > Halaman.
Setelah itu munculkan halaman tersebut ke blog lewat : Tata Letak > Add gadget di bagian header > pilih Halaman > centang halaman yang mau dimunculkan > simpan
Cek broken link di sini: https://www.brokenlinkcheck.com/
Tapi maksimal buat 3000 link. Jadi kalo linknya banyak (>3 rb) harus bertahap ceknya.
Pertanyaan :
* Kalau ganti tema lewat hp bisa atau tidak ?
* Penting atau tidak ganti tema itu? Apa pake tema bawaan dari blog saja sudah cukup ?
Jawaban :
* Bisa .. Tapi mungkin lebih repot. Aku sarankan ganti lewat pc/laptop.
* Menurutku pribadi perlu.
Tapi kalo yang punya blog nggak merasa begitu ya nggak masalah.
Asal templatenya ringan, mudah dioperasikan (user-friendly), responsive dan compatible dengan banyak browser. Buat aku pribadi, template yang "bagus" itu yang minimalis, clean dan berbackground putih 😀 Tapi yaa kriteria "bagus" menurut orang lain belum tentu sama kayak aku.
Pertanyaan :
* Buat add gadget "contact" kan itu langsung ya si pembaca bisa ngisi pertanyaan apa, nah itu bisa ga sih kak masuk ke menu navigasi tadi? caranya gimana ya? Soalnya aku liat punya orang ada yang bisa langsung gitu di navigasinya.
* Di menu side bar itu yang penting apa aja ? Dan baiknya penempatan posisinya gimana ?
* Untuk footer, aku kan udah ngisi sosial media, tapi gimana caranya biar ada gambarnya gitu kayak instagram, twitter, dll? soalnya di menu add gadget, aku kan cuma nambahin yang link, nah itu link aja gitu gaada gambarnyaa.. gimana ya caranya?
Jawaban :
* Kalo contact yg berupa halaman bisa masuk navigasi di atas (kayak blogku) tapi kalo contact yg berupa kolom (ada nama, email, pesan) cuma bisa di sidebar bukan sih?
Kalau gadget itu (seperti gambar di atas) yang kamu maksud, itu namanya gadget Formulir Kontak.
* Yang penting: profil penulis (singkat aja, lengkapnya arahkan buat baca ke about page), statistik blog, archive (tampilkan bulanan) & link sosmed.
Kalau penempatan posisi, terserah yang punya blog. posisi teratas bisa diisi apapun yang kamu mau perlihatkan lebih dulu ke pengunjung blogmu.
* Kalau mau ada gambarnya setauku harus ngubah codingnya. Nah ini kalo dijelaskan rumit banget 😅 Cara gampangnya, cari aja template yang menyediakan gambar sosmed di footernya 😂
Pertanyaan :
* Untuk blogger yg belum pake domain sendiri itu emang gak bisa aktifin adsense ya ?
Syarat diterima adsense di blog itu gimana ?
* Bagaimana cara memunculkan menu/navigasi di blog ?
* Bagaimana cara menambahkan page viewer ?
Jawaban :
* Bisa kok. Aku dulu diterima adsense pas masih blogspot.
Untuk syarat pastinya supaya bisa diterima aku kurang tau.
ini kondisi blogku pas daftar:
- Umur blog lebih dari 6 bulan
- Rutin ngepost 2 blogpost per minggu selama 2 bulan terakhir (sebelum daftar)
- Sudah ada page: about, contact, disclaimer
Ini ada tips dari BP. Bisa dibaca caption & komentarnya 🤗
https://www.instagram.com/p/Bvbfmuwlenf/
Privacy policy : https://www.seniberpikir.com/cara-membuat-halaman-privacy-policy/
* Pilih dashboard > tata letak > add gadget > pilih halaman > centang halaman yang mau dimunculkan > simpan. Gadget ini bisa kamu sesuaikan lokasinya. Kalau mau munculnya di atas ya taruh di bagian header.
* Tambahkan gadget di tata letak lalu pilih page viewers/gadget statistik blog
Kalau mau follow blog orang lain tapi tidak ada tombol follownya bisa pakai cara ini :
Dashboard > Daftar Bacaan > Blog yang Saya Ikuti (klik tombol pena di pojok kanan atas) > Masuk halaman baru, klik tombol oranye Tambahkan > Tulis URL blog > Tambahkan.
Pertanyaan :
* Kalau mau membuat "about me" itu bkin postingan baru lalu ditaruh dilabel "about me" atau gmna?
* Cara mengatur size banner gimana ?
* Cara menampilkan pilihan follow pada blog, gimana ?
* Kalau aku buka lewat pc isi postku kelihatan semua di beranda , tapi kalau melalui hp isi postnya mau kelihatan "Read More" nya .. gimana cara settingnya ya ?
Jawaban :
* Buat halaman baru.
Berikut cara membuat halaman baru :
* Tambahkan kode: width="UKURAN YG DIINGINKAN" setelah URL gambarContoh : <a href="URL"><img src="URL GAMBAR" width="160" alt="TEXT" "title="TEXT"/></a>
* Buka tata letak- tambahkan gadget- pilih pengikut atau followers* Setting di draf kamu.
Taruh kursor ditempat yang ingin kamu break/potong. Lalu klik ikon "break" (gambar lembaran kertas yg terbagi dua) trus klik simpan.
Sebahagia itu aku join sharing session kali ini , banyak banget ilmu yang aku dapet mengenai blog.
Dan ga lupa pengalaman dan ilmu yang aku dapet juga aku sharing ke kalian 😊
Segitu dulu pengalaman yang bisa aku sharing, Thank you banget buat kalian yang udah visit postingan aku.
Semoga postinganku kali ini bisa membantu kalian yang ingin memulai menjadi blogger. Atau buat kalian yang ada pengalaman lebih , yuk sharing sharing di kolom komentar 😊😊
Wassalamualaikum..
No comments:
Post a Comment