Dokumentasi

September 12, 2019 /

Mengganti kontent widget di halaman Home (Netizen Pro)


Netizen Pro adalah tema dengan banyak widget di laman depan. Tepatnya 5 widget plus 1 widget Blog post. Di artikel ini anda bisa ikuti cara setting-nya satu per-satu.

Sa'at ini, Netizen Pro adalah design ultimate kami. Karena dengan lumayan banyak widget di laman depan waktu loading-nya masih bisa super cepat. Yaitu 1 sampai 1.1 detik di koneksi 4G.


Ok, mari kita mulai dari widget paling atas dulu supaya urut. Yaitu Cara ganti gambar banner / background laman Home.

1. Setting widget Home Banner dan Home Banner Text

Untuk mengganti gambar banner laman depan, pergi ke laman setting Layout Blogger. Dan cari widget dengan nama Home Bannner. Posisinya tepat di bawah widget Main Menu. Klik ikon pensil untuk mulai meng-editnya.


Jendela baru untuk settingan Home banner akan muncul. Nah, di situ anda bisa pilih upload gambar sendiri atau dari URL. Atau kalau anda suka dengan gambar default, anda pakai juga tak apa.

Penting! biarkan form untuk Judul / Title, Caption tetap kosong. Lalu klik Save untuk menyimpan perubahan.


Khusus untuk text widget setting-nya punya settingan khusus yang bisa anda simak di laman berikut.

Ok! lanjut ke settingan widget berikutnya!

2. Setting Front Widget 1

Lokasi Front Widget 1 adalah tepat di bawah widget Home Banner Text. Mempunyai dua HTML Text widget yang posisinya akan tampil inline, satu di kanan dan satu di kiri.

Klik saja ikon pensil pada masing masing widget untuk mengganti text atau ikon agar sesuai dengan situs anda.

Cara menggnati text widget bagian kiri

Widget pertama / posisi atas di grup Front Widget 1, adalah widget yang berposisi di sebelah kiri. Setelah anda klik ikon pensil, jendela baru untuk pengaturannya akan pop-up.

Di situ anda bisa mengganti judul dan tulisan yang berada di dalam tag li. Lihat screenshot untuk jelasnya.

Menggnati text widget bagian kanan

Text Widget sebelah kanan defaultnya punya tombol CTA. Berikut adalah screenshot cara mengganti text dan link / URL tombol tersebut.

3. Setting Front Widget 2

Front Widget 2 adalah satu grup widget dengan 3 TEXT/HTML widget yang tampil di laman depan situs anda dalam posisi inline / satu baris.

Sama halnya dengan Front Widget 2, posisi paling atas adalah widget yang tampil di posisi sebelah kiri, widget nomer 2 tampil di tengah dan widget nomer 3 ada di posisi kanan.


Untuk meng-edit widgetnya, klik ikon pensil untuk membuka pengaturan widget. Di situ anda mendapati di sana ada tag i untuk ikon dan p untuk paragraph, dan h3 untuk judul dari tiap widget.

Rubah saja text yang berada di dalam tag p. Untuk merubah ikon anda bisa cari ikonnya di situs Ionicon.  Penting! biarkan form untuk Title / judul tetap kosong, karena sudah di ganti dengan tag h3.

Lihat screenshot untuk lebih jelasnya.


Prosesnya sama untuk ketiga widget. So, be creative! :)

4. Setting Front Widget 4

Front Widget 4 hanya punya satu TEXT/HTML widget dalam grup. Jadi untuk meng-editnya cukup simpel. Posisinya tepat di bawah Front Widget 3 dengan nama Front Widget 4.


Kilik ikon pensil untuk membuka pengaturan. Lalu mulai edit widgetnya seperti contoh screenshot di bawah.


Kita lanjut ke setting widget laman depan terakhir yaitu Before Footer Widget.

5. Pengaturan Before Footer Widget

Letak Before Footer Widget berbeda dengan grup widget sebelumnya. Grup widget berada di bawah Blog widget dan Sidebar. Jadi anda perlu scroll laman ke bawah lagi.

Memiliki 2 widget dalam satu grup, yaitu Contact Form dan Subscribe Form. Pastikan saja jika Feedburner anda sudah aktif dan widget akan otomatis nongol di laman depan.

Penting! jangan merubah widget Contact Form dan Subscribe Form. Karen stylenya nanti jadi berbeda.

Selesai!

Piew! capek ya? ha ha jujur saja, saya juga capek buat tutornya :)))

Ok, pastikan anda menggunakan kreativitas anda sendiri untuk menata kalimat widget widget tersebut agar sesuai dengan konten blog anda. 

No comments:

Post a Comment