Cara Mengubah Tampilan Blog Menjadi Lebih Menarik

Mengapa tampilan blog itu perlu diperhatikan?

Hai Sahabat Tirta,

Tampilan blog sangat perlu diperhatikan sebab seluruh halaman blog mencerminkan jati diri seorang blogger yang sangat berpengaruh pada kenyamanan pengunjung atau pembaca. Maka dari itu, para blogger berusaha untuk mengubah blognya agar terlihat menarik. Ada banyak cara mengubah tampilan blog menjadi lebih menarik. Salah satunya yaitu dengan mendesain ulang tema dan tata letak blog.

Sekarang ini sudah banyak pihak ketiga yang menyediakan template gratis maupun berbayar. Tentu saja masing-masing memiliki kelebihan dan kekurangan yang berbeda. Tinggal pilih mana yang sesuai dengan kondisi masing-masing.

Sebagai blogger pemula, Tirta baru saja mengunduh template pihak fiksioner V4 dari Igneil.com. fiksioner V4 dari Igneil.com.  

Mengapa pakai fiksioner V4 milik Igneil?

Sebenarnya banyak penyedia pihak ketiga yang menawarkan template nya. Tetapi berdasarkan uji coba di SEOptimer.com , fiksioner memiliki tingkat SEO yang lebih tinggi dibanding lainnya. Jadi, saat ini Tirta mencoba memakai fiksioner V4 sebagai template blog.

Seperti apa langkah-langkahnya?

Yuk, simak sampai selesai.

sumber gambar : blogspediacoaching4

Langkah Memasang Fiksioner V4

• Cadangkan tema awal blog
• Download fiksioner
• Extract file zip dan Copy file xml
• Buka blog bagian Tema dan sesuaikan
• Simpan

Cadangkan Tema Awal Blog

Sebelum sahabat mengubah tampilan blog, ada baiknya mencadangkan tema blog terlebih dahulu. Hal ini sebagai antisipasi jika sesuatu yang tidak diinginkan terjadi ketika sahabat sedang melakukan perubahan di blog.

Caranya : masuk blog->tema->pilih gambar segitiga di samping tulisan sesuaikan->pilih cadangkan->simpan di tempat aman.

Simpan hasil cadangan tema di lokasi file yang mudah ditemukan. Jangan lupa juga beri judul yang mudah diingat.

Download Fiksioner

Sahabat Tirta, langkah awal menggunakan template dari Fiksioner adalah mendownloadnya di igneil.com. Bisa langsung ke sini : Download Fiksioner

Cari menu download di bagian kiri bawah, tunggu proses download selesai dengan hasil file zip.

Extract File Zip

Setelah selesai download fiksioner, akan ada file zip yang perlu di extract. Simpan file hasil extract di lokasi yang mudah dicari. Setelah itu, buka file yang berbentuk .xml dengan notepad. Atau jika langsung muncul kodenya bisa langsung di copy.

Buka Blog

Saat mendapat file .xml, sahabat bisa langsung menuju ke blog yang ingin dipasang template fiksionernya.

Buka blog->Tema->Sesuaikan->Menu->Paste

Simpan

Tahap akhir yaitu jangan lupa menekan tombol simpan di pojok kanan bawah. Seringkali para blogger lupa menyimpan perubahan yang dilakukan pada blog. Sudah capek, lupa simpan. Sedih kan.

Langkah berikutnya setelah template terpasang adalah mengubah tata letak dan tema blog sesuai dengan keinginan sahabat. Berikut cara mengubah tampilan blog menjadi lebih menarik.

1. Mengubah Tema Blog

Ada banyak bagian di dalam Tema blog yang bisa sahabat ubah. Tentunya semua perubahan ini sesuai dengan keinginan sahabat. Akan tetapi, ada baiknya tetap memperhatikan sisi SEO agar blog mudah dibaca oleh mesin pencari (google).

Langkah awal mengubah tampilan blog dibagian tema adalah masuk ke menu Tema, lalu pilih Sesuaikan. Akan ada banyak desain di sana. Sahabat tinggal mengubahnya lalu jangan lupa disimpan.

Saat Sahabat berada di Tema blog yang kemudian pilih sesuaikan, maka akan muncul tampilan seperti gambar di atas. Sahabat bisa langsung mengubah desain dan tambilan blog sesuai keinginan. Tidak perlu menggunakan kode atau rumus tertentu. Cukup dengan selalu mengamati perubahan yang terjadi pada blog dengan melihat sisi kanan.

Ketika sahabat mengubah tampilan blog, maka perubahannya bisa dilihat pada bagian kanan seperti gambar. Jika sudah sesuai, bisa langsung klik simpan->lalu check hasilnya.

Pada bagian tema ini, akan berpengaruh ke warna tulisan, background blog, background tulisan, backgorund label, artikel, warna label, dan lainnya.

Catatan pentingnya adalah pilih warna yang sesuai dengan logo blog atau header blog. Kesesuaian ini akan sangat berpengaruh pada tampilan blog.

2. Mengubah Tata Letak Blog

Satu bagian lagi yang berpengaruh pada tampilan blog yaitu tata letak blog. Sahabat bisa berkreasi di menu tata letak. Buat blog kalian menjadi ciri dan jati diri yang mencerminkan isi blog tersebut.

"Catatan pentingnya adalah selalu croscheck perubahan yang terjadi agar mudah memonitoring hasil atau tampilan blog"

Sahabat Tirta, sebelum masuk ke tata letak blog, perlu diketahui bahwa cara mengubah tampilan blog lebih menarik di tata letak ini adalah banyak bermain dengan kode atau rumus coding.

Ada banyak kode yang dibagikan oleh para blogger secara percuma alias gratis. Pada template fiksioner juga sudah menyediakan kode-kode tersebut. Sahabt bebas menggunakannya selama itu cocom dan berhasil di blog sahabat.

Nah, saat mengubah tampilan blog catatantirta.com , Tirta menggunakan kode yang dibagikan oleh coach Marita di Blogspedia Coaching 4. Selengkapnya, Sahabat bisa langsung mengcopy alamat link atau kodenya lalu mengubah bagian yang disesuaikan dengan blog sahabat.

Catatan pentingnya adalah sabar, teliti, tekun, dan jangan menyerah.

Bismillah, ayo bermain kode_coding dengan persiapan berikut : 

Siapkan gambar yang akan digunakan untuk mengisi tampilan blog

Ada banyak gambar yang harus disiapkan sebelum mengubah tampilan blog di bagian tata letak. 

• Gambar header
• Logo blog
• Logo komunitas
• Logo sosial media

Caranya : Buat postingan di blog->insert gambar yang akan dipakai->simpan dalam draft tanpa diposting.

Menyalin link gambar

Caranya : Pilih gambar di postingan draft->klik kanan->pilih salin url gambar.

Url gambar inilah yang akan dipakai / disisipkan pada kode html. Perhatikan peletakkan kode html saat mengubah atau menyisipkannya.

Simpan setiap selesai mengubah tampilan blog

Ini sangat penting dan harus diperhatikan. Ada dua langkah menyimpan perubahan yaitu simpan disetiap selesai mengubah kode html dan simpan di pojok kanan bawak bagian tata letak.

3. Cara Mengubah Tampilan Blog Lebih Menarik

Agar tampilan blog menjadi lebih menarik, tentu saja harus ada permak di beberapa sisi. Apa saja yang bisa diubah? 

A. Header Blog Ukuran Besar

Cara : Pilih Tata Letak->Billboard->Tambahkan Gadget/Add a Gadget->HTML/JavaScript Gadget->Copy Paste kode->Simpan.

Kode Header Besar :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYtJS9Vh2mmVQCjNk4rRTe-uFVUcqXyuHXBbBxKCWOyWsOl9zufhfp9lM50O393FArgp21cLtcUHKRLaU8nDPUcvfypkndF86UJ-V2DSh_pnsxg-gsrpOflpLrHOBagm0wnbTv41bjNJmg-HasjCDXXijfF3D4YcqNZknLnTryd3WXAj0gZ_UBUVrD6Gk/s600/Header%20Blog%201000%20x%20250.jpg" width="1000" height="250" title="catatantirta.com" alt="catatantirta.com"/>

Ganti yang ditandai warna pink dengan alamat link gambar dan warna hijau dengan alamat blog sahabat.

B. Logo Komunitas

Gunakan logo komunitas sahabat yang sudah disiapkan pada draft postingan. Lakukan cara copy link gambar seperti petunjuk di atas.

Cara : Pilih Tata Letak->Tambahkan Gadget/Add a Gadget->HTML/JavaScript Gadget->Isi judul dengan komunitas atau lainnya->Copy Paste kode->Ubah kode gambar->Simpan.

Kode html :

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

<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></table>

Ganti yang ditandai warna pink dengan alamat komunitas dan warna hijau dengan url gambar dari logo komunitas.

Catatan: Apabila ada lebih dari satu komunitas, bisa copy ulang kode awal lalu ganti bagiannya sesuai dengan link komunitas dan logonya.

C. Sosial Media

Gunakan logo sosial media yang ada di draft gambar. Atau bisa juga sudah tersedia langsung di template. Sahabat tinggal mengubah kodenya saja dengan link sosial media yang sahabat miliki.

Cara : Pilih Tata Letak->Tambahkan Gadget/Add a Gadget->HTML/JavaScript Gadget->Isi judul dengan Sosial Media atau lainnya->Copy Paste kode->Ubah kode gambar->Simpan

Kode :

<a href='https://www.facebook.com/profile.php?id=100094221065066&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>

Ganti yang ditandai warna pink dengan alamat media sosial sahabat.

Catatan: Apabila ada lebih dari satu media sosial bisa copy ulang kode awal lalu ganti bagiannya sesuai dengan link sosial medianya.

Sebenarnya masih ada banyak menu di Tata Letak yang bisa sahabat ubah sehingga blog lebih menarik. Tetapi untuk saat ini, Tirta baru mengubah tampilan blog lebih menarik sebatas ini.

Semoga di artikel berikutnya bisa lebih lengkap lagi menuliskan cara mengubah tampilan blog lebih menarik sehingga banyak disukai pengunjung dan SEO banget di mesin pencari.