Percantik Blog dengan Menggunakan Tema Fiksioner 4

 

Alhamdulillah akhirnya selesai juga, setiap tugas yang berhubungan dengan HTML saya pasti lama adaptasinya, karena membutuhkan ketelitian dalam mengerjakannya. Dan akhirnya harus menggunakan kartu izin saya yang ke-3 sehingga masih tetap bisa mengerjakan tugas ini.

Selama 2 hari saya memahami materi namun belum selesai juga mengerjakan, ketika teman-teman lain sudah mengerjakan tugas. Saya masih memahami materi, di tambah anak kedua sakit. Saya langsung menghubungi wali kelas untuk mengumpulkan terlambat karena tugas saya beleum selesai.

Namun berkat kebulatan tekad akhirnya tugas ini selesai, mesku pun hasilnya  jujur tidak sempurna.  saya bangga berhasil mengerjakannya, tema blog saya menjadi lebih cantikkk. Yeahhhhhh ……

Dalam tugas ini aku terbantu sekali oleh-oleh tugas teman-teman yang mengerjakan terlebih dahulu, aku mengunjungi beberpa blog yang sudah mengerjakan salah satunya blog Mbak Shodiqiah . Karena dengan melihat blog ini memudahkan saya dalam mengerjakan tugas  tentu  juga  didukung materi yang diberikan oleh Coach Marita. Setelah membaca materi tersebut saya akhirnya memulai mengerjakan dengan langkah-langkah sebagai berikut :

 

Langkah-langkah mengubah thema blog dengan menggunkan them fikinoner-4

 

1. Cara Install

Berikut adalah cara memasang template Blogger gratis Fiksioner v4.

1. Ekstrak file .zip yang telah diunduh.
2. Dapatkan file bernama Fiksioner-v4.min.xml.

Ada dua cara yang bisa dipilih untuk mengaplikasikannya, yaitu sebagai berikut.

1.1. Salin HTML (Direkomendasikan)

Cara ini direkomendasikan karena akan langsung menghasilkan tampilan yang 100% sama dengan versi demo Fiksioner. Resikonya adalah semua isi widget seperti kode iklan, widget kustom, dll akan hilang. Jadi pastikan simpan dulu semua kode widget tersebut sebelum melakukan cara ini.

1. Buka file Fiksioner-v4.min.xml menggunakan teks editor seperti Notepad, VSCode, atau lainnya.
2. Salin semua kode template yang ada.
3. Pada dashboard Blogger, masuk ke menu Theme (Tema) > Edit HTML.
4. 
   
   Seleksi semua kode HTML bawaan menggunakan CTRL + A, hapus semuanya, lalu paste kode template Fiksioner.
5. Terakhir klik tombol Save theme.

Beikut adaalh tema fiksioner yang telah diterapkan pada blog :

                                       

Yeahhh akhirnya tampilan blog saya menjadi berubah, langkah selanjutnya adalah masang header dengan desain yang telah kita siapkan. 

 

Ternyata langkahnya tidak begitu sulit, kita cuma butuh gambar yang berukuran 1000 x 250, setelah itu simpan gambar di postingan blog, tapi tidak usah di publikasikan cukup disimpan saja. Setelah itu klik kanan foto hingga muncul tulisan Copy Image Address dan salin.

• Masuk kebagian Tata Letak, pilih bagian Billboard.
• Tambahkan Gadget, pilih HTML.
• Lalu copy HTML dibawah ini.

<iimg src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4xEooZz_ntimzO_6IeN5hTf0eaAlpvLTmTPcZoU0qjTUKqKw9VDeZgvQj4tEtJEpRB3hBsRl3Sk8hhpThNhr5fdZYff0ZwCvt4wFU5ciAdveSPiv54oe0q9ZLSV_BM5gOhq2M-_LmMYjHnjiJOKIPoiUuM45VtO_kSiv1YJ5mqQo6qocGRWko3oHKcme5/s16000/Pastel%20Pink%20Bold%20Aesthetic%20Coming%20Soon%20Facebook%20Cover.png"1000" height="250" title="http://www.thehardisfamily.my.id/" alt="http://www.thehardisfamily.my.id/"/>250"

Keterangan:

Warna Merah : Silakan diganti dengan link Image Addres yang di posting di blog sebelumnya

Warna Biru  : Silahkan diganti dengan link blog.

 Berikut gambar header yang di gunakan pada tema fiskinoner 

 Menambah Kolom Menu dan Drop Down Menu

Tujuan membuat kolom Menu ini memudahkan para pembaca untuk menuju artikel yang ingin melihat Artikel . Mom  bisa menambahkan link page pada menu dan membuat dropdown menu sehingga tampilannya lebih ringkas.

• Masuk kebagian tata letak, pilih bagian menu.
• Lalu copy HTML dibawah ini.

<ul>

<li><a href='https://http://www.thehardisfamily.my.id//' title='Home'>Home</a></li>

<li><a href='http://www.thehardisfamily.my.id/p/profil-hardis-family.html'title'='the hardi's family'>The Hardis's Family</a></li>

<li class='dropdown'>

  <span>Topik Bacaan</span>

  <ul>

    <li><a href='http://www.thehardisfamily.my.id/search/label/Artikel' title='Artikel'>Artikel</a></li>

    <li><a href='http://www.thehardisfamily.my.id/search/label/Review' title='Review'>Review</a></li>

 <li><a 

href='http://www.thehardisfamily.my.id/search/label/resep%20keluarga' title='resep keluarga'>Resep Keluarga</a></li>

  </ul>

</li>

</ul>

Warna Merah : berisi menu tabel 

Warna Biru  :  link blog yang akan ditampilkan di menu 

Berikut hasil tampulan menu yang telah diubah : 

 Menambahkan Sosial Widget

Manfaatnya untuk memudahkan orang lain untuk mengenal dan menghubungi kita. Karena tinggal klik, orang lain langsung terhubung dengan media sosial yang kita punya.

• Masuk kebagian tata letak, pilih bagian Footertop.

• Klik Sosial Media

• Lalu copy paste HTML dibawah ini.

<a href='https://www.facebook.com/rizky.a.lestari.5?mibextid=7cd5pb' 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://www.instagram.com/kikie_alya/' title='Instagram' aria-label='Instagram' target='_blank' rel='noopener'>

<svg viewbox='0 0 24 24'><path d='M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z'></path></svg>

</a>

Alhamdulillah setelah melalui arang merintang dalam mengerjakan tugas kali ini, akhirnya tampilan blog menggunkan fkisioner 4 menjadi lebih cantik. Jujur mengerjakan tugas ini memerukan ketelitian dan kesabaran. someday karena saya belum puas engan hasilnya suatu saat say akan mencoba lagi thema-thema tampilan blog lainnya. 

Tips-tips mengerjakan tugas yang berhubungan buat par emak macam saya. 

1. Tenang 

Jujur saat saya tidak merasa tenang, saya nggak paham bagaimana mengerjakan tugas ini, namu saya terus mencobanya berkali-kali sehingga akhirnya selesai. 

2. Diperlukan ketelitian 

mengerjakan tugas seperti ini sangat membutuhkan ketelitian apalgi untuk orang seperti saya yang suka mepet deadline dan teburu-buru. jika mengerjakan mepet maka hasilnya tidak akan memuasakan dan sempurna. 

Akhirnya blog saya menjadi lebih cantik dari sebelumnyua menggunkan thema fiksioner 4. terimakasih coach dan walikelas yang sudah membimbing saya dalam mengerjakan tugas kali ini.