Cara Membuat Landing Page Gratis di Blogspot Blogger.com
Pernahkah Anda bertanya-tanya bagaimana cara membuat halaman arahan Profesional di blog Blogger? Ikuti tutorial pamungkas ini untuk membuat WordPress seperti halaman arahan di blog blogspot. Membuat landing page di blogger tetap menjadi tugas yang melelahkan karena kami tidak memiliki solusi satu klik seperti Sistem Manajemen Konten populer lainnya , misalnya WordPress atau Joomla. Kita perlu menangani semuanya secara manual dari a hingga z untuk membuat landing page khusus kita di blogger di mana terdapat banyak plugin dan template yang tersedia untuk membuat landing page yang menakjubkan di platform CMS lain seperti WordPress atau Joomla. Klik Klik dan ini dia landing page profesional Anda yang berdedikasi tinggi di platform ini. Jadi dalam postingan kali ini saya akan membahasnya dan memudahkan semua orang untuk membuat landing page di blog blogger Anda yang sudah ada. Pada akhir posting ini, Anda akan memiliki landing page Anda sendiri, saya harap demikian. 🙂 Tunggu! Mengapa Anda Membutuhkan landing page? landing page dirancang untuk fokus hanya pada satu tujuan tertentu yang ingin Anda capai – apakah Anda ingin menerima email untuk mengembangkan daftar email Anda, mempromosikan produk Anda sendiri, atau apa pun. Di landing page, semua hal lain yang dapat mengalihkan perhatian pengunjung seperti sidebar, footer, header, atau area navigasi disembunyikan kecuali konten landing page Anda. Di bawah ini adalah beberapa jenis landing page yang dapat Anda buat di blog Anda untuk mendapatkan keterlibatan pengguna dan ROI yang maksimal . 1. landing page Segera Hadir Halaman segera hadir dirancang untuk memberi tahu audiens Anda bahwa kami akan segera meluncurkan blog/situs web/layanan kami. Jadi Anda cukup memasukkan formulir opt-in email dan biarkan pengunjung Anda berlangganan untuk mendapatkan pemberitahuan ketika blog/website/layanan Anda diluncurkan. 2. landing page Terima Kasih Halaman Terima Kasih adalah halaman yang mungkin sering Anda lihat di blog lain. Bagaimana dan kapan terakhir kali Anda membuka halaman terima kasih? Mungkin Anda pernah mengomentari postingan blog atau mengunduh produk digital. 3. Mulai Di Sini landing page Halaman Mulai Di Sini dirancang khusus untuk pengunjung pertama kali yang mendarat di blog Anda dan tautan ke sana disertakan di bilah navigasi utama. Pada halaman Mulai Di Sini, Anda dapat menawarkan semua informasi relevan dan tautan yang mereka perlukan untuk memulai. Sertakan tombol ajakan bertindak Anda di paro atas sehingga mereka mengetahui langkah selanjutnya yang harus dilakukan. 4. landing page Khusus Promosi Apakah Anda mempromosikan beberapa produk afiliasi atau produk Anda sendiri? Maka Anda perlu memiliki landing page khusus promosi khusus untuk produk tertentu tersebut untuk mendapatkan tingkat konversi maksimum. Anda tidak punya pilihan lain. 🙂 5. Lainnya Anda dapat membuat landing page sesuai dengan tujuan Anda. Seperti pengunjung yang mendarat di blog Anda dari tautan profil jejaring sosial Anda, Anda dapat membuat landing page khusus menyambut pengunjung, menceritakan tentang diri Anda dan apa yang Anda tawarkan dengan tombol ajakan bertindak yang kuat. Jadi sekarang Anda ingin membuat landing page pertama Anda di blog blogger Anda? Cukup penasaran untuk mengetahui caranya? Pertahankan rasa ingin tahu Anda dan mari kita mulai. 🙂 Demo Langsung 1 Demo di bawah ini tidak dihosting di blogger, namun dapat ditambahkan sebagai landing page di blogspot secara gratis. Saya akan segera membagikan tutorialnya. Tinggalkan komentar untuk mendapat pemberitahuan. Demo Langsung 2 Demo Langsung 3 Jadi, apakah itu mengesankan bagi Anda? Anda dapat mencapai hasil yang sama pada blog blogspot yang ada, baik Anda menggunakan nama domain khusus atau nama subdomain blogspot gratis. Meskipun Anda perlu mengurus beberapa hal pada nama sub-domain gratis, jadi harap baca dengan cermat semua langkah yang diberikan di bawah ini. Siap Mendesain landing page Pertama Anda Di Blogger? Sebelum kita memulai prosesnya, mari kita lihat sekilas cara membuat landing page di halaman terpisah dari blog blogger kita. Langkah 1. Buat Halaman baru Pertama-tama Anda perlu membuat halaman baru jadi cukup Login ke akun Blogger > Pilih blog Anda > Buka bagian Halaman dan di atasnya, Anda akan melihat link “Halaman Baru” jadi klik di atasnya. Sekarang masukkan Nama Halaman Anda di area judul (hati-hati dengan teks judul karena Anda akan mendapatkan alamat Permalink yang sama untuk halaman Anda) dan publikasikan. Lihat tangkapan layar di bawah ini untuk membuat halaman baru. Sekarang kunjungi halaman baru Anda dan salin URL halaman dari bilah alamat browser Anda. Catatan: Jika Anda menggunakan nama domain khusus, salin URL halaman Anda apa adanya, tetapi jika Anda menggunakan nama sub-domain blogspot gratis maka Anda perlu melakukan beberapa perubahan seperti yang diberikan di bawah ini: Mengubah ekstensi khusus negara menjadi . com Misalnya: Jika Anda berasal dari India maka nama sub-domain Anda akan jadi, http://example.blogspot.npjadi Anda perlu mengubah menjadi .npdi .comakhir URL (jangan tambahkan wwwsetelahnya http://). Mengerti? Bagus. 🙂 Langkah 2. Tambahkan CSS untuk Menata landing page Anda Menggunakan Tag Bersyarat Sekarang kita akan menambahkan tag kondisional ke kode template kita dan di dalamnya, kita akan meletakkan kode CSS untuk menyembunyikan pembungkus lain yang tidak diinginkan kecuali area konten. Gaya CSS ini akan menggantikan gaya CSS utama template kita dan hanya akan diterapkan pada halaman baru. Buka bagian Templat > Klik Edit HTML (buat cadangan kode templat Anda terlebih dahulu) sekarang klik di dalam kotak kode dan tekan Ctrl+F untuk membuka kotak pencarian. Sekarang temukan baris kode ini </b:skin>dan tepat di bawahnya, tempelkan kode yang diberikan di bawah ini setelah melakukan perubahan yang diperlukan (perubahan yang diperlukan diberikan di bawah kode pada langkah Pengeditan jadi bacalah dengan cermat). Setelah menambahkan kode, simpan saja template Anda dan kunjungi halaman Anda lagi untuk melihat hasil yang telah Anda capai. Jangan berharap terlalu banyak pada tahap ini. 😛 <b:if cond=’data:blog.url == "YOUR-BLOG-PAGE-URL"’> <style type=’text/css’> /*— Find out all the ids or classes of the main wrappers and add them in below code to hide them—*/ .sidebar-wrapper, .header-wrapper, .post-title, #blog-pager, .post-footer, #footer-wrapper, .comments { display: none !important; /*– This will hide those main wrappers–*/ } /*—If you’re using one of the default blogger templates—*/ .header-outer, .column-right-outer, .tabs-outer, .footer-outer { display: none !important; /*– This will hide header, footer, navbar and sidebar–*/ } /*—Changing the Content Width to 100%—*/ #content { width: 100% !important; /*—This will change the content area width to 100%–*/ } /*—Changing