Membuat Landing Page dengan Blogspot

Landing page adalah halaman pertama yang pengunjung anda kunjungi ketika pertama kali memasuki website anda.

Bukan saja halaman khusus marketing online anda, namun seluruh halaman pada website anda dapat disebut sebagai landing page jika itu adalah halaman pertama yang pengunjung website anda kunjungi pertama kali.
Untuk itu berikut saya berikan tahapan dalam membuat Landing Page dengan menggunakan blogspot.

Siapkan dulu blog yang akan di jadikan landing page
Siapkan materi blog, seperti foto, tulisan, gambar produk dll
Untuk template dapat menggunakan bawaan dari blogger, yaitu theme sederhana
Upload semuanya terlebih dahulu materi lading page anda
Atur blog, masuk ke pengaturan ->Template -> Sesuaikan

Atur sesuai dengan desain yang anda inginkan, pilih tata letak yang tidak ada sisi widgetnya.

Setelah selesai, klik tombol Terapkan ke Blog
Contoh landing page dengan blogspot :
http://terapiorganikmelilea.blogspot.co.id/

BUAT TOKO ONLINE DENGAN BLOGSPOT

Berikut ini, saya akan memberikan tahapan membuat toko online dengan blogspot:

Pertama tentunya sudah harus bisa masuk ke blogger.com
Membuat sebuah blog untuk toko online
Download theme toko online, salah satunya yang terkenal dari jhonny template, untuk download theme klik disini
Sebelum mulai mengupload produk, sebaiknya dipersiapkan foto-foto produk dengan ukuran 400x400pixe, dapat menggunakan photoshop atau paint.
Upload semua foto produk yang sudah di buat dalam ukuran 400x400pixel dalam Picasa Web Album

Posting Produk :

Setiap mengupload produk, menggunakan struktur kode berikut ini :

<div class="product_image">

<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>

<span class="item_price">$00.00</span></div>

<div class="product_describe">
Description your product.............
</div>

Keterangan :
Warna merah : masukkan url gambar produk anda pada kedua kode warna merah diatas. Url gambar dapat diambil dari foto yang sudah di upload di picasa web album.
Warna kuning : harga produk
Warna biru : deskripsi dari produk
Kode diatas adalah kode yang harus anda awali dalam membuat postingan terbaru,
Untuk memudahkan tidak berulang kali copy paste kode tersebut sewaktu membuat posting produk terbaru, masukkan kode tersebut pada kolom post template.
Masuk ke setting, pilih posts and comments >> post template.
Klik add, setelah itu masukkan kode diatas pada kotak kosong seperti gambar dibawah, terakhir save setting.

Seting Slider
Slider di theme ini bekerja otomatis, menampilkan artikel terbaru anda dengan jumlah 8 postingan. Jika Anda ingin menampilkan per kategori atau label, cari kode ini pada Edit HTML

<script>

document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");

</script>

Ganti dengan kode dibawah ini

<script>
document.write(" <script src=\"/feeds/posts/default/-/your label?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>

Ganti yang berwarna biru dengan label yang ingin anda tampilkan
Seting Email Berlangganan :
Untuk mengganti email berlangganan yang ada di bawah navigasi, cari kode dibawah ini pada Edit HTML

warna biru diganti dengan alamat feed blog anda
Merubah Currency $ ke Rp :
Cari URL script ini di Edit HTML

http://jagad.googlecode.com/files/WojosimpleCart-IDR.js

Ganti dengan url di bawah ini :

https://masolis-javascript.googlecode.com/svn/trunk/blackstorecart-rupiah.js

Kemudian masih pada Edit HTML ganti USD pada kode ini

simpleCart.currency = USD;

Menjadi

simpleCart.currency = IDR;

Save Template
Contoh toko online dengan theme ini :
http://ahbjogja.blogspot.co.id/

IDE-IDE SEGAR

Kamis, 06 April 2017

Membuat Landing Page dengan Blogspot