![]() |
| tampilan setelah ganti template |
Halo, Teman krucil's!
Salam rintik hujan yang baru saja turun. Menikmati hujan sembari membuat artikel kali ini tentang upgrade tampilan blog. Sebenarnya ingin tampilan seperti website atau tampilan yang mirip di platform WP. sudah coba pasang juga hasilnya seperti ini :
![]() |
| Template Invento Blogger |
Identifikasi Tujuan Blog :
Pertama-tama, tentukan tujuan utama blog . Apakah ingin membagikan cerita pribadi, menulis artikel informatif, menjual produk atau layanan, atau menciptakan portofolio online? Pilihan ini akan memengaruhi jenis template yang butuhkan.
Pertimbangkan Desain yang Responsif:
Pastikan template yang pilih responsif, artinya akan terlihat dengan baik dan berfungsi dengan baik di berbagai perangkat seperti komputer, tablet, dan smartphone. Kebanyakan orang mengakses internet melalui perangkat seluler saat ini, jadi responsivitas sangat penting.
Fungsionalitas yang Dibutuhkan:
Pikirkan tentang fitur-fitur yang butuhkan untuk blog . Apakah ingin galeri gambar, widget media sosial, formulir kontak, atau opsi komentar? Pastikan template memiliki dukungan untuk fitur-fitur ini.
Pilih Template yang Mudah Disesuaikan:
Kemungkinan ingin menyesuaikan tampilan dan warna template sesuai dengan merek atau gaya pribadi . Pilih template yang memungkinkan penyesuaian tanpa harus menjadi seorang desainer web.
Kecepatan dan Kinerja:
Template yang ringan dan dioptimalkan untuk kecepatan akan membantu memuat halaman blog dengan cepat. Ini penting untuk pengalaman pengguna dan SEO.
Dukungan SEO:
Pastikan template mendukung praktik SEO dasar, seperti judul halaman, deskripsi meta, dan URL yang mudah dibaca. Kemudahan dalam mengoptimasi konten untuk mesin pencari adalah fitur yang baik.
Baca Ulasan dan Peringkat:
Sebelum memilih template, baca ulasan dan peringkat dari pengguna lain. Ini dapat memberi wawasan tentang pengalaman orang lain dengan template tersebut.
Cek Ketersediaan Dukungan dan Pembaruan:
Pastikan template yang pilih memiliki dukungan dari pengembangnya dan menerima pembaruan secara berkala. Ini akan membantu menjaga keamanan dan kinerja template .
Perhatikan Kebutuhan untuk Skalabilitas:
Jika berencana untuk mengembangkan blog di masa depan dengan konten lebih banyak atau fitur tambahan, pastikan template dapat diperluas dengan mudah.
Selaraskan dengan Branding :
Pilih template yang cocok dengan merek atau gaya visual . Warna, tipografi, dan tata letak harus konsisten dengan identitas merek .
Uji Template Secara Keseluruhan:
Sebelum mengambil keputusan akhir, instal template dan uji semua fiturnya. Pastikan semuanya berfungsi sesuai harapan dan terlihat bagus.
Bujet:
Pertimbangkan anggaran . Beberapa template mungkin berbayar, sementara yang lain gratis. Pastikan template yang pilih sesuai dengan anggaran .
Ingatlah bahwa pemilihan template adalah langkah awal dalam membangun blog .
Relate : Upgrade Pasang Domain Via Dewaweb
Setelah mempertimbangkan dari tips yang didapat dan dipadukan dengan materi dari coaching Blogspedia. Akhirnya memutuskan untuk mencoba template yang sudah di sediakan yaitu Fiksioner v4.
Untuk bisa pasang template dari igniel.com Fiksioner v4 ini ada beberapa tahap yang haru dilakukan :
- Masuk ke dashboard blog
- Klik segitiga di samping Customize
- Pilih Edit HTML
- Hapus semua HTML Template lama
- Tempelkan HTML Tema Fiksioner v4
- Simpan
![]() |
| Dashboard template blog |
Unduh template Fiksioner gratis di sini.
Selanjutnya, cek tampilan dan ubah sesuai kebutuhan.
1. Edit Html sesuai dengan alamat blog
Nah, di sini penting, karena kita akan merujuk pada alamat blog yang diganti templatenya. pada menu edit html, cari author dan sesuaikan dengan alamat url blog.
2. Edit layout
Pilih "Tata Letak" atau "Layout." Ini akan membawa ke tampilan layout saat ini.
Edit Tata Letak:
Di sini dapat mengklik dan seret elemen tata letak, seperti widget sidebar, untuk memindahkannya. juga dapat menambahkan elemen baru dengan mengklik "Tambahkan Gadget."
Customize dengan HTML/CSS:
Dengan edit HTML/CSS, dapat menyesuaikan layout dengan mengedit kode HTML/CSS melalui opsi "Edit HTML" yang ada di layout.
![]() |
| Tampilan Layout Fiksioner v4 |
pada sidebar, bisa tambahkan gadget sesuai kebutuhan, media sosial, komunitas, dll dengan menambahkan gadget dan menyesuaikan dengan kode htmlnya.
![]() |
| Tampilan side bar |
3. Edit warna template sesusai keinginan.
Untuk edit warna template, bisa masuk ke layout dan klik theme designer , kemudian selanjutnya bisa cek pilihan warna dan sesuaikan dengan keinginan.
![]() |
| pilohan warna pada menu advance. |
Setelah Update semua sesuai kebutuhan, ternyata masih ada yang belum terselesaikan, yaitu Thumbnail pada tampilan blog bemum muncul. sudah diupayakan dari beberpa tips dan trik , juga sesuai rujukan dari penyedia yaitu dari igniel.com . tapi tetap belum bisa.
<b:if cond='data:view.featuredImage'><meta expr:content='data:view.featuredImage' property='og:image'/>
<meta expr:content='data:view.featuredImage' name='twitter:image'/>
<b:elseif cond='data:blog.postImageUrl'/>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/><b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5LOBru5Nve31XtQFERl_wR2sG9xAgz6Vm9RH0Cp_EU-qS9hSsItJGpy4LTPK-N4xEhlh67L_-3PO6uEIHnu7DvXyGkADMMRfu3UUBFqhqqoxpIJKC1dkdyYuuiVya8OTRVt0dRw1dzkTg/s16000/default-thumbnail.png' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5LOBru5Nve31XtQFERl_wR2sG9xAgz6Vm9RH0Cp_EU-qS9hSsItJGpy4LTPK-N4xEhlh67L_-3PO6uEIHnu7DvXyGkADMMRfu3UUBFqhqqoxpIJKC1dkdyYuuiVya8OTRVt0dRw1dzkTg/s16000/default-thumbnail.png' name='twitter:image'/></b:if>
Baik, akan dicoba ngulik ulang agar tampilan bisa sesuai dengan keinginan, dan memberikan user experience yang menyenangkan. Tetap semangat.
Yuk, coba juga!

.png)






.jpg)
.jpg)
.jpg)








