Landing page yaitu istilah untuk suatu situs yang mempunyai 1 ruas pada bab tengah. Biasanya landing page dikemas dalam template dan biasanya diperjualbelikan untuk suatu kepentingan. Pada situs landing page sendiri biasanya dikhususkan untuk suatu situs dengan 1 konten tertentu.
Nah, pada artikel yang akan dibahas kali ini, aku akan membahas wacana cara mengubah template-template yang kita punya menjadi landing page. Memangnya dapat ya? Tentu. Kita bergotong-royong dapat mengakalinya sendiri-sendiri loh sobat.
Sebelum masuk ke topik utama. Saya akan membahas wacana konsep menciptakan template yang kita punya menjadi landing page. Konsep aliran ini bergotong-royong gampang sobat. Konsepnya yaitu menghapus bagian-bagian ruas tak penting menyerupai sidebar. Dengan hilangnya sidebar, maka post body akan menjadi kacau. Maka, kita perlu memperbaiki css pada post body.
Untuk memperlengkap artikel ini, maka aku akan membahas juga mengenai fungsi dan memanfaat landing page. Berikut ini yaitu fungsi dan manfaat landing page.
Fungsi dan Manfaat Landing Page
Mempercepat kecepatan situs atau blog
Tanpa sengaja, suatu situs dengan landing page akan menjadi lebih cepat sobat. Mengapa? Karena ada beberapa bab yang dihapus atau dilenyapkan oleh kita. Sehingga, proses pemuatan html menjadi semakin cepat.
Membuat tampilan yang lebih minimalis
Masih alasannya yaitu faktor yang sama, suatu blog menjadi lebih minimalis sobat. Bahkan, tak jarang yang menciptakan suatu situs menjadi lebih elegan dengan landing page.
Meningkatkan CTR
Karena blog kita hanya mempunyai 1 ruas pada bab tengah, maka dengan otomatis pengunjung akan lebih fokus dengan apa yang kita sampaikan. Hal ini akan memicu CTR loh sobat. Sehingga, setiap kali pengunjung melihat suatu link, maka dengan otomatis seseorang akan lebih tertarik pada link tersebut.
Baca juga: Trik jitu mempromosikan blog atau website
Situs sempurna untuk memasang iklan
Dengan meningkatnya CTR, maka situs landing page akan cocok untuk dipasang iklan. Iklan yang dipasang lebih cocok untuk dipasang 720x90 atau 980x90. Mengapa? Karena tergantung pada ukuran lebar situs dan alasannya yaitu pengunjung akan menjadi lebih tertarik untuk melihat konten iklan.
Adapun mengenai syarat template yang akan dibentuk menjadi landing page. Berikut ini yaitu syaratnya.
Syarat template yang akan dibentuk menjadi landing page
Header tidak satu sebaris dengan navigasi, search form, atau keduanya
Ada template menyerupai viomagz yang menggunakan fitur menyerupai ini. Nah, untuk menciptakan template landing page, maka sebaiknya hal ini dihindari. Mengapa? Karena ada banyak faktor sobat. Yang paling parah, nantinya akan terlihat aneh dikala dipandang oleh para pengunjung. Jikalau anda tetap kukuh menggunakan fitur itu, maka aku sarankan untuk memasang logo blog dibawah header.
Template diperbolehkan diubrak-abrik
Ada beberapa template yang dihentikan diubrak-abrik. Nah, dengan ketidak bolehannya diubrak-abrik, maka otomatis kita tidak dapat menciptakan landing page nantinya.
Tidak menyesal apabila ingin kembali ke template sebelumnya
Apabila anda ingin kembali ke template/tampilan sebelumnya, maka sebaiknya anda tidak menyesal sobat. Mengapa? Karena akan sulit nantinya sobat. Tapi itupun jikalau ingin mengembalikannya dengan cara manual. Apabila dengan mengupload backup maka tentunya tidak perlu menyesal.
Nah, kalau begitu kita eksklusif saja ke topik utama ya sobat. Okey, tanpa berpanjang lebar lagi sobat, berikut ini yaitu cara menciptakan template landing page.
Cara menciptakan template landing page
1. Buka situs anda
2. Inspect element situs atau blog anda, ya sobat.
3. Buka sajian untuk mengedit template anda sobat.
4. Inspect element sidebar dan catat nama-nama arahan id dan class pada sidebar
5. Kembali ke sajian edit template dan cari arahan yang telah dicatat tadi. CTRL+F untuk mempermudah.
6. Hapus setiap arahan terkaitnya sobat. Mulai dari CSS, HTML, dan javascript.
7. Jangan save dahulu. Kembali inspect element situs anda.
8. Inspect element post body dan lihat arahan paling luar atau wrapper situs tersebut.
9. Buka kembali sajian edit template dan cari arahan css post-body tersebut
10. Cari dalam arahan css tersebut berupa arahan “width:...”
11. Ganti arahan di dalam width menjadi 100%
12. Save template anda dan silakan cek situs sementara.
13. Inspect element lagi bab headernya sobat dan catat arahan css tersebut.
14. Cari arahan css pada sajian edit template.
15. Apabila ada arahan “float:left”, maka ubah menjadi “float:center”. Dan apabila anda menemukan arahan “text-align:left”, maka ubah juga menjadi “text-align:center”.
16. Cari arahan css media query headernya sob. Apabila anda menemukan arahan “text-align:center” dan “float:center”, maka hapus saja.
17. Inspect element lagi sobat dan inspect bab slot iklan samping header.
18. Catat arahan yang ada dan cari di edit template
19. Hapus arahan terkait, baik itu CSS, HTML, maupun CSS.
20. Save template dan kunjungi sementara situs anda.
21. Apabila anda menggunakan platform blogger, maka coba untuk memperbaiki loyout dengan menjadi arahan body#loyout di css. Lalu, lihat kode-kode yang sudah kita hapus tetapi masih ada dilayout. Hapus arahan tersebut. Dan ganti arahan css width loyout post body menjadi 100%.
22. Save template.
23. Sekarang cari arahan css body.
24. Ubah arahan width tetapi disesuaikan. Contohnya, apabila anda ingin memasang iklan ukuran 980px, maka arahan width menjelma 1000px. Apabila 720px, maka 780px atau 800px.
25. Save template.
26. Sekarang ubah header anda menjadi gambar ukuran standar, menyerupai 600x60.
27. Save.
28. Selesai.
Fiuhh... Banyak sekali bukan? Nah, alasannya yaitu ini yaitu landing page. Maka, sebaiknya anda menggunakan kolom komentar dari disqus sobat. Mengapa? Agar terlihat lebih elegan dan menarik dan lebih gampang memoderasinya sobat.
Artikel ini juga aku buat untuk membantu teman bloger aku yang bersahabat aku panggil mas firdaus. Harap komentar apabila mas kurang paham ya. Begitupun dengan pengunjung yang lain.
Kalau begitu, cukup sekian saja artikel pada kali ni. Terimakasih atas kunjungan anda dan hingga jumpa lagi di artikel lain, sob.