Cara Membuat Landing Page Di Platform Blogger Dengan Tampilan Profesional - Jati882

Cara Membuat Landing Page Di Platform Blogger Dengan Tampilan Profesional

Cara Membuat Landing Page Profesional yang Keren dan Responsive. 



Landing page

Sebelum menulis artikel ini saya sudah membuat artikel berjudul Cara Membuat Landing Page yang Keren dan Responsive, pada blog ini juga.

Pada kesempatan ini saya akan menulis Cara Membuat Landing Page Profesional dengan Blogger, dengan menggunakan template redesain yang saya dapat dari sesama Blogger.

Cara Membuat Landing Page dengan Blogger ini sebenarnya sama saja prinsipnya dengan cara membuat artikel blog seperti biasa, dengan menggunakan SEO on-page, seperti keyword, dan deskripsi meta.

Untuk anda yang masih awam tentang cara membuat blog, cara membuat artikel, atau cara mengoptimalkan artikel dengan SEO on-page dan SEO off-page agar blog ramah mesin pencari, silahkan baca dulu artikel-artikel ini :

1. Cara Membuat Blog
2. Cara Membuat Artikel
3. Panduan SEO
4. SEO Tools Gratis
5. Artikel dan SEO off-page
6. Cara Menulis Meta Deskripsi

Berikut ini adalah langkah-langkah Cara Membuat Landing Page di platform Blogger dengan tampilan Profesional. 

1. Jika anda belum mempunyai akun Google Gmail silahkan buat akun dulu, akan tetapi jika sudah mempunyai akun Gmail silahkan login, kemudian masuk ke Blogger.com, lalu buka Dashboard Blogger di tab yang baru.

2. Tekan tombol Create New Blog
3. Buat Judul blog pada kotak Title
4. Buat alamat blog pada kotak Address
5. Tekan tombol Create blog!
6. Pilih "No" pada kotak penawaran membuat domain oleh Google

Pict1

Untuk mempermudah, saya sudah membuat blog baru yang berjudul "Digital Marketing", dengan alamat Jati882page.blogspot.com, untuk membantu menjelaskan langkah-langkah selanjutnya cara membuat landing page dengan Blogger.

7. Pilih Setting > Basic
8. Tuliskan deskripsi blog pada kotak Description, maksimal 500 karakter

Pict2

9. Tekan tombol Save Changes
10. Pilih tombol Search Preferences
11. Pilih Meta tags Description
12. Klik edit, lalu tulis deskripsi singkat tentang Landing Page anda
13. Klik Save Changes

Pict3

Sebelum melanjutkan langkah-langkah berikutnya yaitu mengganti Theme, silahkan anda mendownload dulu Template landing page ini :

- Affiliate Free Version
- Invento Blogger Template
- Sora Home Template 
- Storm Blogger Template

Kemudian ekstrak keempat Theme diatas dan simpan ke folder tempat anda biasa menyimpan file-file download.

14. Pilih Theme
15. Klik tombol menu bertanda 3 titik.

theme

16. Pilih Restore > Upload

theme 1

17. Pilih salah satu Theme yang sudah anda ekstrak dan simpan di folder tadi > pilih nama Theme > pilih file XML.

Sebagai contoh, saya akan mengupload template yang bernama Affiliate Free Version ke landing page yang saya buat.

18. Klik tombol bertanda 3 titik lagi

19. Pilih Mobile Setting

20. Pilih Desktop > Simpan

18. Klik tombol menu utama Dashboard > Klik tombol View Blog

Kemudian Scroll Screen ke bawah, anda akan melihat fitur-fitur dan elemen-elemen yang ada pada template ini.

theme 2

Landing Page

Landing page

Landing page

Landing page

Landing page

Langkah selanjutnya adalah mengedit elemen-elemen dan fitur yang tersedia pada template ini, dan disesuaikan dengan kebutuhan anda.

Sebelum mengedit template, sebaiknya anda siapkan dulu data-data bisnis anda, termasuk foto-foto untuk melengkapi tampilan landing page yang anda buat.

Cara Mengedit template


Anda dapat mengedit template landing page ini dengan cara mengklik icon bergambar pensil pada sidebar yang terdapat pada layout template.

1. Pilih tombol Layout
2. Edit main Logo, ganti dengan Logo bisnis anda

Landing page

3. Edit Main intro, ganti dengan sapaan lainnya seperti "Hai saya Jati, Apa kabar?"

Landing page
4. Edit Brand list, ganti dengan brand list anda.

Landing page

4. Ganti main author intro

Dan seterusnya hingga semua data tentang bisnis anda, anda masukkan ke landing page ini.

Cara mengedit kode HTML Template


Untuk mengedit kode HTML template, dapat dilakukan dengan cara :

1. Pilih Theme
2. Klik menu bertanda 3 titik
3. Klik Edit kode HTML
4. Klik Jump to Widget
5. Pilih Widget apa yang akan diedit
6. Simpan

Landing page

Landing page

Landing page

Cara lain untuk mengedit kode HTML template adalah dengan menggunakan aplikasi Quickedit yang dapat anda download dari playstore.

Untuk menggunakan jenis Theme lainnya, caranya sama seperti diatas.
Bagaimana?, mudah kan?!
Selamat mencoba...

0 Response to "Cara Membuat Landing Page Di Platform Blogger Dengan Tampilan Profesional"

Post a comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

loading...