Trik Membuat Landing Page pada Blogger

Pada blogger, kita bisa membuat landingpage atau halaman penawaran dengan sedikit bantuan javascript, tanpa perlu merubah template yang kita pakai saat ini, cara membuatnya cukup mudah, sebagai contoh silahkan lihat halaman penawaran Autopost Facebook milik ane, cek TKP : Autopost Facebook

Ane hanya memakai simpel jquery code berikut ini :

Code Jquery

var cloneHead = $("#copy-head").html();
$("head").html(cloneHead);

var cloneBody = $("#copy-body").html();
$("body").html(cloneBody);


Berikut Contoh Pemakaian Code dalam landing page :


Trik Membuat Landing Page pada Blogger


<div id='copy-head'>

<!-- Isi dengan code html untuk bagian head -->
<title>Judul Landing Page</title>
<style>body {color:#eee; margin :0; padding:20px;}</style>
<script>alert ("This is my Landing Page")</script>

</div>


<div id='copy-body'>

<!-- Isi dengan code html untuk bagian body -->
<h1>Judul Landing page</h1>
<p>Ini Halaman Landing Page di Blogger ^_^ </p>

</div>

<script type='text/javascript'>
var cloneHead = $("#copy-head").html();
$("head").html(cloneHead);
var cloneBody = $("#copy-body").html();
$("body").html(cloneBody);
</script>


Mudah kan, cukup dengan membuat postingan baru dengan memasukkan code apa saja yang akan kita pakai dalam bagian head, dan body, layaknya sebuah landing page pada umumnya, saat halaman tersebut melakukan loading page, maka jquery akan tereksekusi, dan membuang semua code blogger, kemudian menggantinya dengan code yang sudah kita persiapkan pada landing page.

CATATAN..!

Code Javascript ditas menggunakan Jquery, jadi kalau template blogger yang saat ini agan pakai tidak memakai Jquery, silahkan tambahkan code berikut pada bagian head atau body, kalau agan bingung, silahkan lakukan test terlebih dahulu dengan membuat postingan baru, dan masukkan code yang ane beri diatas, Lihat hasilnya kalau berjalan normal, berarti agan sudah memakai Jquery, kalau tidak berjalan, tinggal tambahkan code berikut ini diatas code tadi :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>



Related Artikel Trik Membuat Landing Page pada Blogger

9 comments:

  1. Sukses gan, terima kasih infonya

    ReplyDelete
    Replies
    1. Sama-sama gan, selamat berjualan gan ^_^

      Delete
  2. Replies
    1. Sama-sama gan, ane dah berkunjung ke blog belajar HTML5 punya agan

      Delete
  3. Wah boleh di coba nich gan, tapi ane msh ruwet sama kode nya nich he..

    ReplyDelete
  4. Duch masih krg paham gan itu tuh gmn ya cara pasang nya. Mksh, saya suka dgn tampilan blog ini

    ReplyDelete
  5. itu caranya di edit halaman ya, nggak di edit template. step2 ya dong masih bngung juga

    ReplyDelete
  6. Masukan koding di atas ke mana yah gan ?

    ReplyDelete
  7. OBAT ABORSI - JUAL PENGGUGUR KANDUNGAN CYTOTEC GASTRUL 100% ASLI 081228009200

    Website: https://cytotecpengguguraborsikandungan.blogspot.com/

    READY STOCK..!!!

    MINAT LANGSUNG CHAT AJA, BARANG MUDAH DI HAPUS DAN DIBLOKIR OLEH SISTEM..
    WA📲🔜0812-2800-9200
    SELAMAT DATANG DI LAPAK KAMI, SEMOGA BERMANFAAT BAGI ANDA. 100% PRODUK ASLI ORIGINAL

    SEMOGA BERMANFAAT DAN TIDAK SALAH PILIH PRODUK ....

    👍PAKET TUNTAS
    *PAKET 1 BULAN
    *PAKET 2 BULAN
    *PAKET 3 BULAN
    *PAKET 4 BULAN
    *PAKET 5 BULAN
    *PAKET 6 BULAN

    JAMINAN MUTU & KUALITAS INTERNATIONAL

    * KEPUASAN CUSTOMER ADALAH PRIORITAS UTAMA KAMI*
    Kami Hadir Tidak Hanya Memberi Janji Tapi Bukti ...

    Jangan Buang-buang Uang Anda Hanya Untuk Beli Produk PALSU.
    DI PASTIKAN HARGA MURAH SUDAH POSITIF PALSU//TIRUAN / KW

    JANGAN TERGIUR DENGAN HARGA MURAH
    PIKIRKAN DENGAN LOGIKA TIDAK MUNGKIN BARANG ASLI BISA DI JUAL DENGAN HARGA MURAH

    JAMINAN MUTU & KUALITAS INTERNATIONAL* KEPUASAN CUSTOMER ADALAH PRIORITAS UTAMA KAMI*

    INGAT...! jangan terpengaruh dengan harga yang lebih murah karena produk yang palsu banyak merajalela di pasaran

    Tags: cytotec, gastrul, jual obat aborsi, jual penggugur kandungan, obat aborsi, obat datang bulan, obat penggugur kandungan, obat telat bulan, peluntur janin, penggugur kandungan, OBAT ABORSI ASLI , PENGGUGUR KANDUNGAN, JUAL OBAT ABORSI, CYTOTEC MANJUR, CARA MENGGUGURKAN KANDUNGAN, OBAT UNTUK ABORSI, OBAT PELANCAR HAID. CYTOTEC ASLI, HARGA OBAT ABORSI, OBAT GUGURIN KANDUNGAN, JUAL OBAT ABORSI AMPUH. JUAL ABORSI MANJUR, OBAT TELAT DATANG BULAN, KLINIK JUAL PIL ABORSI, APOTIK ABORSI, OBAT MISOPROSTOL, OBAT PELUNTUR JANIN

    ReplyDelete