Cara Membuat Landing Page di Blogger Gratis dan Profesional
Landing page adalah halaman khusus yang dirancang untuk menarik perhatian pengunjung dan mendorong mereka untuk melakukan tindakan tertentu, seperti mendaftar, mengunduh, atau membeli. Jika Anda menggunakan Blogger sebagai platform blogging, Anda bisa membuat landing page yang menarik tanpa biaya tambahan.
Berikut adalah langkah-langkah mudah untuk membuat landing page di Blogger.
1. Menggunakan Halaman Statis di Blogger (Rekomendasi Termudah)
Blogger menyediakan fitur Halaman Statis yang bisa dijadikan sebagai landing page.
Langkah-langkahnya:
- Masuk ke Blogger dan pilih blog yang ingin diedit.
- Klik "Halaman" → "Halaman Baru".
- Beri judul (misalnya "Selamat Datang").
- Tambahkan konten menarik, seperti teks promosi, gambar, dan tombol Call to Action (CTA).
- Simpan & Publikasikan.
- Jadikan halaman ini sebagai beranda:
- Masuk ke Setelan → Postingan, komentar, dan berbagi.
- Pilih halaman yang baru dibuat sebagai Halaman Beranda Kustom.
- Simpan perubahan.
📌 Contoh HTML untuk Landing Page Sederhana:
<h1>Selamat Datang di Website Kami!</h1>
<p>Kami menyediakan berbagai layanan bisnis & ekonomi.</p>
<a href="https://example.com" style="background:#ff5722;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;">Pelajari Lebih Lanjut</a>
2. Menggunakan Tema Kustom (HTML & CSS)
Untuk tampilan yang lebih menarik dan profesional, Anda bisa mengedit HTML & CSS langsung di tema Blogger.
Langkah-langkahnya:
- Masuk ke Blogger → Tema → Edit HTML.
- Cari bagian
<body>dan tambahkan kode berikut:
<style>
.hero-section {
text-align: center;
padding: 50px;
background: #f4f4f4;
}
.hero-section h1 {
color: #333;
}
.hero-section p {
font-size: 18px;
color: #555;
}
.hero-button {
display: inline-block;
padding: 10px 20px;
background: #ff5722;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
</style>
<div class="hero-section">
<h1>Selamat Datang di Blog Ekonomi & Bisnis</h1>
<p>Pelajari strategi bisnis dan ekonomi terbaik di sini.</p>
<a href="https://example.com" class="hero-button">Mulai Sekarang</a>
</div>
3. Menggunakan Widget HTML di Tata Letak Blogger
Jika tidak ingin mengedit HTML tema, Anda bisa menggunakan widget HTML di Tata Letak Blogger.
Langkah-langkahnya:
- Masuk ke Blogger → Tata Letak → Tambahkan Gadget → HTML/Javascript.
- Tempelkan kode berikut:
<div style="text-align:center;padding:30px;background:#f0f0f0;">
<h1>Selamat Datang di Blog Ekonomi & Bisnis</h1>
<p>Pelajari strategi bisnis terbaik bersama kami.</p>
<a href="https://example.com" style="background:#ff5722;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;">Pelajari Lebih Lanjut</a>
</div>
- Simpan dan pindahkan ke bagian atas tata letak.
Mana yang Harus Dipilih?
✅ Untuk Pemula → Gunakan Halaman Statis ✅ Untuk Tampilan Profesional → Edit HTML Tema ✅ Untuk Custom di Tata Letak → Pakai Widget HTML
Dengan cara ini, Anda bisa membuat landing page di Blogger dengan desain menarik dan profesional secara gratis! 🚀
Itulah cara mudah membuat landing page di Blogger. Jika Anda ingin landing page yang lebih menarik, bisa menambahkan CSS & JavaScript tambahan. Semoga bermanfaat! 😊
Komentar
Posting Komentar