CARA BIKIN BLOGGER LANDING PAGE , DESAIN WEB SEDERHANA SIMPLE DAN MEWAH

 

Manfaat Menggunakan Landing Page

Berikut adalah beberapa manfaat yang bisa kamu dapatkan dari membuat landing page sebagai tempat promosi:

  • Hemat budget promosi.
  • Lebih efektif dan efisien.
  • Meningkatkan penjualan atau calon pelanggan.
  • Meningkatkan brand awarenes dan kredibilitas.
  • Mengmpulkan email pelanggan untuk bahan promosi kedepan.
  • dan dapat membantu mencapai goals bisnis.


Untuk cara membuatanya silahkan ikuti langkah-langkah berikut ini:

Pertama kunjungi dan login ke situs https://www.blogger.com/.
membuat postingan berisi tulisan dan gambar yang menjual.
Buat postingan serapih dan sebagus mungkin, kemudian klik tombol "Publikasikan".
  • Tahap selanjutnya adalah merubah tampilan blog standar menjadi sebuah landing page yang simple dan keren.  Kita coba buat desain sendiri ya, bukan cara instant dengan menggunakan template landing page blogspot yang sudah ada.
  • Skip dah, mendingan kita langsung saja buka menu "Tema".
  1. klik menu tema
  2. pilih tema sederhana / simple 

lalu sesuaikan ,



nanti menu lanjut ke tampilan  ini , 

atur lebar ke 1200 ( dari lebar maximal 1500)

atur tata letak menjadi satu kolom
Atur warna Thema sesuai keinginan 

di menu lanjutan ada tambahkan CCS , tambahkan kode di bawah 

Agar landing page blogspot kamu jadi keren, bersih dan rapih, masukan kode CSS di bawah 
    #header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;} h1, h2, h3, h4 {text-align: center; } .quickedit, .home-link, .post-footer, .feed-links, #blog-pager { display:none; }

    Caranya: Salin kode css di atas, masuk ke menu "Lanjutan" lalu pilih "Tambahkan CSS", silahkan tempel kode css tadi di kolom tersebut.

lalu SAVE , lanjut ke menu tata letak
edit menu taskbar jadi non aktif  
non aktif menu menu 
posting

dan hapus widget yang tidak di perlukan  , 
cara lebih lengkap bisa di lihat di video dibawah ini ,. 









tambahan jika mau hilangkan tulisan di berdayakan oleh google ,
 bisa dengan tambahkan kode di bawah 

masukan kode dibawah ini tepat dibawah kode <HEAD> tersebut
  1. <style>
  2. #Attribution1 {
  3. display: none;
  4. }
  5. </style>
 
step by stepnya ada di video di bawah 


























Langganan: Komentar (Atom)