Cara Membuat Landing Page Blogspot untuk Newbie Lengkap dengan Gambar
![]() |
Cara Membuat Landing Page Blogspot untuk Newbie Lengkap dengan Gambar |
Langsung saja ke Cara Membuat Landing Page Blogspot, langkah-langkahnya sebagai berikut:
- Silahkan membuat blog baru di blogspot, ini yang terpenting buat judul dan alamat yang sesuai dengan niche yang akan kamu incar dan pilih tema perjalanan. (Lihat gambar)
- Buatlah konten yang sesuai dengan niche yang kamu inginkan, disini saya contohkan membuat konten tentang Aladdin (2019).
- Klik Pada Pratinjau dan Periksa apakah terlihat bagus. Seharusnya terlihat lumayan jika Anda telah menaruh konten yang bagus di dalamnya !! Sekarang klik Publikasikan.
- Klik tema dan sesuaikan
- Pilih tema perjalanan
- Setelah itu, pergi ke Latar Belakang dan pilih gambar untuk latar belakangmu (gunakan gambar 1800x1600 atau lebih besar) Setting seperti gambar dibawah ini.
- Pindah ke Sesuaikan lebar dan masukkan 780 ke dalam kotak.
- Saatnya pergi ke Layout dan pilih # 1 di tata letak isi dan # 2 di tata letak kaki.
- Sekarang ke Lanjutan, lalu Teks Halaman dan pilih pengaturan seperti pada gambar di bawah ini.
- Dalam Judul Posting buat seperti ini.
- Pada tab Tambahkan CSS cantumkan kode-kode ini
#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}
.home-link { display: none; }
body {
background-size: cover;
} - Klik Pada Terapkan ke Blog
- Buka Tata letak, Klik Edit Favicon dan unggah favicon pilihan Anda!. Klik Simpan
- Selanjutnya klik edit navbar dan pilih off, jangan lupa simpan
- Untuk header bisa menggunakan teks atau gambar, tapi judul blog dan deskripsi harus di isi. Untuk settingan jika headermu menggunakan gambar seperti gambar.
- Sekarang turun ke postingan utama, untuk jumlah postingan bisa pilih sesuai selera bisa standar 7 atau bisa 1, terserah kalian.
- Klik Edit untuk Tentang Saya dan Arsip Blog, Klik Hapus di kedua jendela.
Alat yang saya gunakan untuk membuat landing page blogspot sebagai berikut:
- Membuat tombol button http://buttonoptimizer.com/
- Membuat favicon https://favicon.io/
Hasil Landing Page Blogspot seperti dibawah ini:
Hasil Landing Page Blogspot Halaman Depan![]() |
Landing Page Blogspot Halaman Depan |
![]() |
Landing Page Blogspot Halaman Single |
Untuk Demo klik Disini
wahhh menarik ya, ternyata di blogspot bisa bikin landing page seperti ini. Padahal udah lama dulu pakai blogspot, tapi ga pernah tau bisa bikin landing page sebagus ini.
BalasHapusIya gan, aku juga baru dapat cara buat landing pagenya beberapa minggu yang lalu hehehe
HapusGambar fix yg sudah jadi landing page nya kok ga ada ya?
BalasHapusSori gan belum sempat, tapi bisa kunjungi https://2019-aladdin.blogspot.com/ untuk melihat jadinya
Hapushokilexus.org
HapusKasih contoh link dong bang
BalasHapusIni contohnya https://2019-aladdin.blogspot.com/ silahkan dikunjungi
HapusMeditanya.com
BalasHapusAda aku disana
Mantab gan, di coba coba nanti, butuh kreatifitas untuk membuat landing page ya? blm lagi soal copywritingnya
BalasHapusiya gan tinggal berkreativitas atau bisa juga melihat ide landing page dari website lain
Hapuskeren, thanks tutorialnya ya, sangat bermanfaat
BalasHapusTerima kasih kembali sudah berkunjung :)
HapusBermanfaat.
BalasHapuslagi cari niche yang saya mau
BalasHapusMaaf barangkali ada yan butuh template landing page blogspot disini ya https://www.lapakdigital.web.id/2020/07/template-blogger-landing-page-bisa.html
BalasHapus