Cara membuat banyak landing page pada 1 halaman blooger
: Andri : haj****@gmail.com : https://tools-cerdas.blogspot.com/
:Bagaimana cara membuat landing page yang banyak di 1 halaman
misal:
link utama buku-mantap.blogspot.com
nah kita ingin bikin berbagai macam landing page utk buku
Sebelumnya sudah pernah ane buat tutorialnya disini gan : Trik Membuat Landing Page pada Blogger
Mungkin masih kurang jelas, jadi biar ane buat contoh sekali lagi dengan menggunakan blog agan,
code jquery yang kita pakai tetap sama, sebagai pengingat saja code dasarnya seperti ini :
Code Template
<div id='copy-head'>
<!-- paste code head -->
</div>
<div id='copy-body'>
<!-- paste code body -->
</div>
<script>
var cloneHead = $("#copy-head").html();
$("head").html(cloneHead);
var cloneBody = $("#copy-body").html();
$("body").html(cloneBody);
</script>
1. Copy code head
Code head selalu di awali dengan <head> dan di tutup dengan </head>- Silahkan buka view-source:https://tools-cerdas.blogspot.com/
- Lalu copy code yang ada di dalam, antara <head> sampai </head>
- Silahkan paste pada code template, yang ane beri keterangan <!-- paste code head -->
Hasilnya akan seperti ini, karena terlalu panjang kalau ane paste disini,
jadi ane jadikan gambar saja, seperti ini hasilnya :
2. Copy code body
Caranya sama dengan saat kita copy code head,bedanya kalau body, selalu di buka dengan code <body> dan di tutup dengan code </body>
- Lihat lagi view-source:https://tools-cerdas.blogspot.com/
- Copy code yang ada di dalam antara <body> sampai </body>
- Paste pada code template, yang ane beri keterangan <!-- paste code body -->
3. Buat postingan Blog
Buka blog utama agan dalam hal ini : buku-mantap.blogspot.com, silahkan buat postingan baru:- Postingan dalam mode HTML
- Pada bagian option pilih Use <br> tag
- Masukkan code template yang sudah terdapat hasil copy-paste.
Demo Hasil Landing Page :
https://demowebjalanan.blogspot.com/2019/08/contoh-landing-page.htmlNOTE :
Code ini memakai jquery, jadi pastikan dalam blog agan menggunakan jquery,
atau tambahkan code berikut di atas code template:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>Selamat mencoba gan ^_^
Related Artikel [ASK] Cara Membuat Landing Page Blogger