Cara Membuat Landing Page Blogspot untuk Newbie Lengkap dengan Gambar


Cara Membuat Landing Page Blogspot untuk Newbie Lengkap dengan Gambar
Cara Membuat Landing Page Blogspot untuk Newbie Lengkap dengan Gambar

Untuk para internet marketing sudah tidak asing lagi dengan yang namanya Landing Page (LP), biasanya untuk mengenalkan produk dan jasa. Landing Page dapat dibilang lebih sederhana tampilannya dibandingkan dengan blog namun keuntungan menggunakan Landing Page adalah pengunjung akan lebih fokus pada produk yang dia cari dan tentu ini akan tepat sasaran. 

Sebelum melanjutkan, jika kamu ingin menggunakan domain TLD agar lebih profesional blognya bisa beli dahulu di penyedia layanan domain, atau biar hemat bisa juga pakai subdomain, untuk Cara Custom/Pasang Domain dan Subdomain di Blogspot Terbaru sudah saya siapkan tutorialnya.

Langsung saja ke Cara Membuat Landing Page Blogspot, langkah-langkahnya sebagai berikut:

  1. 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)


  2. Buatlah konten yang sesuai dengan niche yang kamu inginkan, disini saya contohkan membuat konten tentang Aladdin (2019).



  3. Klik Pada Pratinjau dan Periksa apakah terlihat bagus. Seharusnya terlihat lumayan jika Anda telah menaruh konten yang bagus di dalamnya !! Sekarang klik Publikasikan.



  4. Klik tema dan sesuaikan



  5. Pilih tema perjalanan



  6. Setelah itu, pergi ke Latar Belakang dan pilih gambar untuk latar belakangmu (gunakan gambar 1800x1600 atau lebih besar) Setting seperti gambar dibawah ini.



  7. Pindah ke Sesuaikan lebar dan masukkan 780 ke dalam kotak.



  8. Saatnya pergi ke Layout dan pilih # 1 di tata letak isi dan # 2 di tata letak kaki.



  9. Sekarang ke Lanjutan, lalu Teks Halaman dan pilih pengaturan seperti pada gambar di bawah ini.



  10. Dalam Judul Posting buat seperti ini.



  11. 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;
    }
  12. Klik Pada Terapkan ke Blog



  13. Buka Tata letak, Klik Edit Favicon dan unggah favicon pilihan Anda!. Klik Simpan



  14. Selanjutnya klik edit navbar dan pilih off, jangan lupa simpan



  15. Untuk header bisa menggunakan teks atau gambar, tapi judul blog dan deskripsi harus di isi. Untuk settingan jika headermu menggunakan gambar seperti gambar.



  16. Sekarang turun ke postingan utama, untuk jumlah postingan bisa pilih sesuai selera bisa standar 7 atau bisa 1, terserah kalian.



  17. Klik Edit untuk Tentang Saya dan Arsip Blog, Klik Hapus di kedua jendela.
Seperti itu untuk Membuat Landing Page Blogspot semoga dapat membantu kalian
Alat yang saya gunakan untuk membuat landing page blogspot sebagai berikut:
Sumber: blackhatworld.com 

Hasil Landing Page Blogspot seperti dibawah ini:

Hasil Landing Page Blogspot Halaman Depan
 
Landing Page Blogspot Halaman Depan
Landing Page Blogspot Halaman Depan

Hasil Landing Page Blogspot Halaman Single

Landing Page Blogspot Halaman Single
Landing Page Blogspot Halaman Single

Untuk Demo klik Disini
Next Post Previous Post
22 Comments
  • Sabda Awal
    Sabda Awal 30 Mei 2019 22.43

    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.

    • Andri Berbudi
      Andri Berbudi 3 Juni 2019 02.32

      Iya gan, aku juga baru dapat cara buat landing pagenya beberapa minggu yang lalu hehehe

  • abang ichal
    abang ichal 31 Mei 2019 08.32

    Gambar fix yg sudah jadi landing page nya kok ga ada ya?

    • Andri Berbudi
      Andri Berbudi 3 Juni 2019 02.33

      Sori gan belum sempat, tapi bisa kunjungi https://2019-aladdin.blogspot.com/ untuk melihat jadinya

    • Mira
      Mira 27 Oktober 2020 01.51

      hokilexus.org

  • Aprialdi
    Aprialdi 31 Mei 2019 10.15

    Kasih contoh link dong bang

    • Andri Berbudi
      Andri Berbudi 3 Juni 2019 02.33

      Ini contohnya https://2019-aladdin.blogspot.com/ silahkan dikunjungi

  • dul
    dul 19 Agustus 2019 10.54

    Meditanya.com
    Ada aku disana

  • landing page blogspot
    landing page blogspot 19 Oktober 2019 16.39

    Mantab gan, di coba coba nanti, butuh kreatifitas untuk membuat landing page ya? blm lagi soal copywritingnya

    • Andri Berbudi
      Andri Berbudi 15 Juli 2020 10.45

      iya gan tinggal berkreativitas atau bisa juga melihat ide landing page dari website lain

  • Newsteen
    Newsteen 28 November 2020 17.44

    lagi cari niche yang saya mau

    • Andri Berbudi
      Andri Berbudi 5 Februari 2021 11.29

      siap gan, semoga ketemu

  • Agoes Supriyono
    Agoes Supriyono 9 Desember 2020 23.05

    Maaf barangkali ada yan butuh template landing page blogspot disini ya https://www.lapakdigital.web.id/2020/07/template-blogger-landing-page-bisa.html

    • Andri Berbudi
      Andri Berbudi 5 Februari 2021 11.30

      semoga laris gan

  • sofyan Ya-an
    sofyan Ya-an 11 Februari 2021 18.34

    mantul, gan. Dilanjutkan!

    • Andri Berbudi
      Andri Berbudi 16 Februari 2021 14.01

      terima kasih gan :)

  • Pokertexasboya
    Pokertexasboya 5 Mei 2021 12.49

    tampilan di mobile tidak landing page mas..
    Mungkin lebih efektif kalau buatnya pakai fitur widget..

    • Andri Berbudi
      Andri Berbudi 23 Juli 2021 10.29

      silahkan di cek lagi gan, sudah saya perbaharui

  • Anonim
    Anonim 5 Juni 2021 12.12

    untuk ukuran gambar di post berapa ya?

    • Andri Berbudi
      Andri Berbudi 23 Juli 2021 10.32

      yang saya gunakan 1004 x 665, tapi misalnya mau pake 1024 x 768 juga bisa gan

  • Asia88
    Asia88 7 Juni 2021 16.24

    mantap mas penjelasannya, saya sudah berhasil membuat landing page di blogspot : -> https://gasrangetopsbuy.blogspot.com <-

    • Andri Berbudi
      Andri Berbudi 23 Juli 2021 10.32

      keren gan

Add Comment
comment url