Menata Blog Dengan Template Blog Sederhana SEO Friendly Fiksioner V4

Selain konten yang berkualitas, tampilan blog juga menjadi salah satu daya tarik tersendiri yang akan membuat orang betah berlama-lama di sebuah blog. Layaknya rumah yang rapi dan indah, tentu template atau tampilan blog juga bisa membuat siapapun yang berkunjung akan merasa nyaman.

Baru-baru ini aku mencoba menata blog dengan template blog sederhana SEO friendly yaitu template fiksioner v4 dari igniel.com. Free template yang tampilannya tak kalah cantik dari template-template premium, menurutku. Apalagi kalau kita pandai mengotak-atik html, tentunya akan membuat tampilan blog jadi lebih menarik.

Tutorial Men-download Template Fiksioner V4

Sebelum mulai menata blog dengan template blog sederhana SEO friendly fiksioner v4 ini, tentunya kita harus mengunduh templatenya terlebih dahulu. Berikut cara mendownload templatenya :

1. Buka website fiksioner 

2. Klik DOWNLOAD THEME di sidebar paling atas

Image : aksaratia.com

3. Scroll ke bawah, klik download (di pojok kanan bawah)

4. File tersimpan dalam bentuk Zip (ekstrak dan simpan di folder yang mudah ditemukan)

Tutorial Memasang Template

1. Buka file template yang telah di-download. Klik kanan file bertipe XML --> Open with --> notepad
2. Copy semua kode html yang ada di dalamnya
3.  Masuk ke menu editing blog --> theme/tema --> klik tanda panah ke bawah di samping tulisan customisasi --> pilih edit HTML --> hapus semua kode yang ada di dalamnya --> paste kode html yang sudah di-copy dari notepad.
4. Klik simpan/save

Warning : Sebelum menghapus kode html dari template yang sedang digunakan, kamu bisa mem-back up-nya terlebih dahulu dengan cara sebagai berikut : 

1. Klik tanda panah di samping tulisan customisasi 
2. Pilih cadangkan
3. Klik download 
4. Ubah nama file template yang dicadangkan tersebut agar lebih mudah diingat dan ditemukan (opsional)

Mengedit Isi Template

Langkah selanjutnya yang dapat dilakukan untuk menata blog dengan template sederhana SEO friendly fiksioner v4 adalah melakukan pengeditan pada menu-menu di dalam template yang meliputi sebagai berikut.

Menambahkan Sosial Media

Untuk menata blog dengan template sederhana SEO friendly ini, salah satunya melalui penambahan sosial media kita di dalam blog. Baik sosial media facebook, instagram, youtube maupun twitter. Berikut ini caranya :

 

Image : aksaratia.com

• Masuk ke menu layout/tata letak
• Menuju ke bagian FOOTERTOP
• Klik tanda pensil pada gadget sosial media
• Pada kolom judul, tulis 'sosial media'
• Pada kolom konten, masukkan kode html berikut :

<a href='https://www.facebook.com/profile.php?id=100009234950171&mibextid=D4KYlr' title='Facebook' aria-label='Facebook' target='_blank' rel='noopener'><svg viewbox='0 0 320 512'><path d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/></path></svg></a>

<a href='https://twitter.com/Anastiara19?s=20' title='Twitter' aria-label='Twitter' target='_blank' rel='noopener'><svg viewbox='0 0 512 512'><path d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/></path></svg></a>

<a href='https://instagram.com/anastia019?igshid=MzNINGNkZWQ4Mg==' title='Instagram' aria-label='Instagram' target='_blank' rel='noopener'><svg viewbox='0 0 448 512'><path d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/></path></svg></a>

<a href='https://www.youtube.com/@anastiarahmi9528?si=iS82DJiV0FIJPKZh' title='Youtube' aria-label='Youtube' target='_blank' rel='noopener'><svg viewbox='0 0 576 512'><path d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/></path></svg></a>

• Ubah teks berwarna biru sesuai dengan url sosial mediamu.
• Klik simpan/save

Menambahkan banner komunitas

Caraku menata blog dengan template sederhana SEO friendly fiksioner v4 ini juga melalui penambahan banner komunitas yang dilakukan dengan cara sebagai berikut :

Image : aksaratia.com

• Masuk ke menu layout/tata letak
• Pada menu ASIDE, klik tambah gadget
• Pilih HTML/JavaScript
• Pada kolom judul, tulis 'Bagian dari'
• Pada kolom konten, masukkan kode html berikut :

<table border="0" bordercolor="#111111" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 300px;">

<tr><td><a href="https://bloggerperempuan.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfQORZNbRvSmY-i4PCHSPUbMk857sD9snRECHWxJSBVuL77KreyvNYUp73hR8TF50mqP_ZBopnqhkkZttXuT9rqt3pA0_CsHWWDfiSJyJbtyO7ef_GEYn-psw6wtk8LpeX5qzsZsnellj4Kp71LIyMwGwWR6sqhmRjKq5FqIoyZeZcBmcmZbJmhT3yMoE/s1600/blogger-perempuan.png" border="0" alt="Blogger Perempuan" width="75" height="75" /></a></td></tr></table>

<tr><td><a href="https://www.blogspedia.my.id/" target="_blank"><img src="https://www.blogspedia.my.id/wp-content/uploads/2022/01/logo-thecupuers-300x300.jpg" border="0" alt="Gandjel Rel" width="75" height="75" /></a></td></tr>

• Ubah teks berwarna biru sesuai dengan alamat blog komunitas. Sedangkan warna kuning sesuai dengan alamat gambar yang digunakan.
• Klik simpan/save

Menambahkan header image besar

Selanjutnya, aku menata blog dengan template sederhana SEO friendly fiksioner v4 ini melalui penambahan header image besar. Hal ini bertujuan untuk mempercantik tampilan blog.

Image : aksaratia.com

• Masuk ke menu layout/tata letak
• Tambahkan gadget pada menu BILLBOARD
• Masukkan kode html berikut :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilgZ1z9sUucqgrWfvjVRBC9hcwmdtxGVh0ey24Dm_DX6CQyONs1iOCShUmw9dMVyJQpJK9nAqyvoDNS3hgauVOZ8zae2IDS1ZZvyGo1s-PzWWl02SVHgPPBPsfusOWAeTDMB_4gDcHQb4_XSWjPEcWLRI1OHRy4vjf76a5S6acBHDAVwkkKGzSUc2-1uM/s16000/Aksaratia%20(3).png" width="1000" height="250" title="aksaratia.com" alt="aksaratia.com"/>

• Ubah teks berwarna hijau sesuai dengan image address yang digunakan untuk header. Sedangkan teks warna biru diubah sesuai alamat blogmu. 
• Klik simpan/save

Membuat menu dropdown

Membuat menu dropdown menjadi salah satu langkahku dalam menata blog dengan template sederhana SEO friendly fiksioner v4. Berikut ini adalah caranya :

Image: aksaratia.com

• Masuk ke menu layout/tata letak
• Klik tanda pensil pada gadget MENU
• Masukkan kode html berikut :

<ul>

<li><a href='https://www.aksaratia.com/' title='Home'>Home</a></li>

<li><a href='https://www.aksaratia.com/p/about.html' title='About Aksaratia'>About Aksaratia</a></li>

<li class='dropdown'>

<a href='#' onclick='return false;' title='Catatanku'>Catatanku</a>

<ul>

<li><a href='https://www.aksaratia.com/search/label/Literasi' title='Literasi'>Literasi</a></li>

<li><a href='https://www.aksaratia.com/search/label/Wisata'title='Wisata'>Wisata</a></li>

<li><a href='https://www.aksaratia.com/search/label/Buku' title='Buku'>Buku</a></li> 

<li><a href='https://www.aksaratia.com/search/label/Review Produk' title='Review Produk'>Review Produk</a></li> 

<li><a href='https://www.aksaratia.com/search/label/Jurnaling' title='Jurnaling'>Jurnaling</a></li>

<li><a href='https://www.aksaratia.com/search/label/Blogging' title='Blogging'>Blogging</a></li> 

  </ul>

</li>

</ul>

• Ubah teks berwarna kuning sesuai dengan menu dropdown yang akan kamu buat
• Klik simpan/save

Mengedit berbagai tampilan warna

Langkahku selanjutnya untuk menata blog dengan template sederhana SEO friendly fiksioner v4 ini adalah mempermak berbagai tampilan warna pada menu tema.

Image : aksaratia.com

• Masuk ke menu tema/theme
• Klik customisasi/sesuaikan
• Pilih menu 'lanjutan' yang ada di sidebar sebelah kiri
• Cari pilihan 'background color (light mode)'
• Aturlah warna mulai dari warna background utama, postingan, header, label, menu dropdown dan footer di sini sesuai dengan yang diinginkan dan ramah mata.

Nilai Rapor Blog dari SEO Optimer

SEO (Search Engine Optimization) optimer adalah tools yang dapat digunakan secara gratis utuk mengaudit sebuah blog. 

Gambar di atas adalah hasil rapor blog dari SEO optimer, sebelum dan sesudah dilakukan pemasangan template blog sederhana SEO friendly fiksioner v4 dari igniel.com. Meskipun template ini gratis, menurutku tampilannya tetap rapi dan cantik.

Nah, itulah cara atau langkah-langkahku menata blog dengan template blog sederhana SEO friendly fiksioner v4 dari igniel.com. Mulai dari men-download dan memasang template, menambahkan sosial media, banner komunitas, header image besar, membuat menu dropdown pada menu layout/tata letak hingga mempermak berbagai tampilan warna pada menu tema.