enyhezrafam.com

10 Cara Mempercantik Blog Dengan Template Fiksioner

2 comments
Tampil Cantik Dengan Thema Blog Fiksioner
10 cara mempercantik blog dengan template fiksioner
Terlihat cantik, rapi, dan indah dipandang pastinya membuat kita merasa nyaman, sehingga betah berlama-lama membaca sebuah artikel di sebuah blog.
Untuk itu, kita harus pandai memilih tema untuk mempercantik tampilan blog, salah satunya dengan cara mengoptimasi tampilan halaman blog kita. 

Tak hanya berpenampilan cantik menawan dan rapi, blog kita juga harus bisa tampil di halaman utama mesin pencarian dan tidak lola alias lama loadingnya. Hal penting yang harus kita perhatikan dalam memasang template blogger yang responsive dan SEO-friendly.

Template Bawaan Blogspot

Sebenarnya blogspot juga mempunyai banyak sekali template bawaan, antara lain:

1. Contempo
2. Soho
3. Emporio
4. Notable
5. Essential
6. Simple
7. Dynamic Views
8. Picture Window
9. Awesome Inc
10. Watermark
11. Ethereal
12. Travel

Keunggulan dan Kekurangan Template Blogspot

Template nomor 1-4 adalah template baru yang dikembangkan saat Blogspot memperbarui dashboardnya pada tahun 2020.
(+) Template ini sudah cukup SEO Friendly
(+) Tampilan bagus dan menarik
(-) Kurang user friendly.
(-) Tidak banyak yang bisa dikulik

Template nomor 5-12 sudah tersedia sejak dulu.
(-) Tidak Seo friendly
(-) Tidak User friendly juga.
(+) Sudah menyediakan versi mobile view untuk templatenya
(-) Tampilan mobile dan webnya berbeda jauh.
(-) Tampilan sederhana dan apa adanya

Hal-hal penting yang harus diperhatikan saat mau utak – atik template antara lain:

  • Backup template yang dipakai saat ini. In case ada error, atau ada yang kurang cocok dalam proses setting, bisa di restore kembali dengan template semula.

backup template
  • Kuasai medan template di 2 (dua) area, yaitu:

          Theme/tema :

Backup : untuk menyimpan template sebelum dikulik.
Restore : untuk mengembalikan backup template sebelumnya atau upload file xml                    template baru (tapi tidak disarankan)
Edit HTML: instalasi file xml template baru/ template pihak ketiga, menambahkan                    atau menghilangkan kode di dalam template sesuai dengan kebutuhan
Mobile Setting : untuk menampakkan tampilan mobile saat blog diakses di HP

           Layout / tata letak


Nah, demikianlah sedikit info tentang basic setting template bawaan blogspot.

Mempercantik Blog Dengan Template Fiksioner

Selanjutnya, dalam kesempatan menulis kali ini akan saya sajikan tentang 10 Cara Mempercantik Blog Dengan Template Fiksioner

Template ini saya pilih karena dapat rekomendasi dari suhu coach Blogspedia maritaningtyas.com, selain itu template dari Igniel.com ini bisa di download secara gratis dan mudah diterapkan karena dilengkapi dengan demo pemasangannya.
 

Berikut ini 10 cara mempercantik blog dengan template Fiksioner:

1. Cek Pagespeednya terlebih dahulu. Caranya buka https://pagespeed.web.dev/

2. Masukkan url demo template yang akan dicek, kemudian klik analyze.

cek pagespeed insight
Cek Pagespeed Insight

3. Akan keluar hasilnya seperti ini:

tampilan pagespeed dekstop
Page Speed Untuk Dekstop

tampilan pagespeed mobile
Page speed Untuk Mobile

4. Cek SEO Friendly dengan menggunakan:

  • www.seoptimizer.com hanya saja versi gratis ini hanya bisa 2 atau 3x coba. Jika sudah habis limitnya, maka harus nunggu hari berikutnya. Penggunaanya seperti pagespeed insight, masukkan url yang mau dicek ke kolom lalu di klik dan akan muncul hasilnya.
  • Extension meta Seo Inspector. Caranya buka demo templatenya, lalu klik extensionnya.

5. Unduh Template

unduh template fiksioner
Download Template Fiksioner

File unduhan biasanya berbentuk zip, dan harus di ekstrak dulu baru bisa diambil filenya.

arsip zip
File Zip Fiksioner

6. Upload file xml dengan notepad. Select all, copy semua kode yang ada.

extract file


tampilan file setelah di extract

7. Buka Theme - Edit HTML

    Caranya adalah:
  • Select all kode, hapus. Tempel/ paste semua kode yang tadi sudah kita copy dari X
kode file template blogspot
Kode File Sebelum Dihapus

file asli template setelah dihapus
File Yang Sudah Terhapus

kode file template fiksioner
Tempel File Dan Save

  • Cari <head>
        Di bawah kode ini masukkan kode Google Analytic (GA), bagi yang sudah punya akun GA.

  • Di bagian: <!-- Facebook, Twitter, and Pinterest Meta Tag -->
Gantilah bagian “isi namamu” dengan nama kalian
Gantilah bagian “username” dengan username media sosial kalian

  • Cari link gambar seperti ini:
https://1.bp.blogspot.com/-9nrnveUZKgs/YDpBhSuo8WI/AAAAAAABpcM/b8wQDK2IsgUakCh8DKwBBgkBj_Qc7fyiwCLcBGAsYHQ/s16000/default-thumbnail.png

Kalian bisa menggantinya dengan gambar yang kalian suka, atau mau pakai itu juga boleh.

8. Buka Layout/ Tata Letak

  • Masuk ke Page Header Gadget

Untuk mengganti gambar header kecil, untuk mengganti gambar, siapkan gambar                    ukuran 300x50
gambar page header

  • Masuk ke Menu

Isi link sesuai url blog kalian, url page about blog kalian, url label-label di blog kalian.
edit menu url
  • Masuk ke Billboard - Big Ad

Ganti link gambar ini :

Dengan link gambarmu sendiri. Ukuran 1000x250. Setelah gambar siap, buatlah draft postingan, dan tidak perlu di publish.

big ad header
  • Masuk ke Sidebar - Salam Kenal
Ganti link gambar ini https://1.bp.blogspot.com/-jNyHsfuHScY/YDpA5uAx-YI/AAAAAAABpb8/lUqFKZqhXrcl8d6aKglaEaRldzeCioR7wCLcBGAsYHQ/s200/default-pic-profile.png dengan link gambarmu sendiri. Ukuran gambar yang disarankan 320x320. Posting di draft, dan cukup di save saja tanpa di publish.

Kalau gambar sudah diupload, klik kanan pada gambar, pilih ‘copy image address’ atau 
‘salin alamat gambar’.
 
setting salam kenal
Judul dan Tulisan bisa disesuaikan dengan kebutuhan dan keinginan.
  • Footer Top
- Untuk memunculkan page, klik edit dan centang page yang ada di list, untuk ubah posisi, di drag saja.
- Isi username’ dengan username medsos kalian.

foot top medsos

9. Buka Theme - Customize

utak atik template


Saatnya mengganti warna sesuka hati sesuai selera, silakan utak-atik sendiri bagian Advance.

10. Hasil Tampilan Blog Setelah Dipercantik
  • Blog Dengan Template Asli Dari Blogspot
template blogspot
  • Blog Setelah Dipercantik Dengan Template Fiksioner
template blog fiksioner

Sekian artikel tentang 10 Cara Mempercantik Blog Dengan Template Fiksioner
Bagaimana? Mudah bukan? Dengan sabar dan tekun, inshaAllah template yang cantik ini bisa terpasang dan pastinya mempercantik tampilan di blog kita. Selamat mencoba dan semoga bermanfaat. 




Eny Hezrafam Shea
I'd like to learning every positive thing. Always curious with the new one. And wanna be better day by day. Trying to be the best wife, mom, child, friend and all relation I have.

Related Posts

2 comments

  1. Q malah gagal fokus sama foto mba eny yang cuantiik, hihihi

    ReplyDelete
    Replies
    1. MashaAllah mb Etha...hanya aplikasi ini mb....🤭🙏🙏

      Delete

Post a Comment