Biasanya kalau kita menggunakan PHP sudah ada fungsi tertentu sehingga memudahkan membuat Landing Page. Tapi kalau kita menggunakan HTML seperti blog Blogspot atau Blogger.com kita perlu menggunakan JavaScript saja. Kita tidak akan kalah dari PHP :) .
Secara tidak langsung kamu akan mendapatkan 2 manfaat :
1. Landing Page bisa dimanfaatkan untuk Advertise Place.
2. Menyembunyikan Link Outbound, sehingga mengurangi OutBound. Hehe
Misalnya jika ada link OutBound yang seharusnya http://www.softkid.net , maka dengan Landing Page, bisa dirubah menjadi http://www.domainanda.com/p/go.html?url=http://www.softkid.net
Contoh nya :
http://www.justferry.co.cc/p/go.html?url=http://www.softkid.net
Silahkan ikuti langkah berikut ini :
Step 1 - Membuat Halaman Landing Page (go.html)
Ini untuk membuat halaman landing page nantinya sebelum dialihkan ke link sebenarnya.
1. Buatlah sebuah Halaman Page diblogspot (Bukan Post , tapi Page). Jika tidak mengerti , Klik Posting - Edit Laman.
2. Buat Halaman Page dengan judul Go saja. Dan Isinya " Anda Akan Dialihkan dalam waktu 10 Detik ". Atau terserah kamu, pesan apa yang ingin kamu tuliskan.
3. Simpan dan Terbitkan.
Step 2 - Membuat Logika di Template Blogspot
Ini untuk membuat Logika agar, jika alamat blog berada di http://www.domainkamu.com/p/go.html , maka sidebar dan lainnya akan di sembunyikan, dan Main Wrapper / Content diperluas lebarnya hingga penuh. Saya harap anda paham dan mengerti CSS dari Sidebar.
1. Edit HTML
2. Cari <body>
3. Tepat dibawah tag Body , copy paste script dibawah ini (jangan lupa ganti teks berwarna merah dengan blog anda) :
<b:if cond='data:blog.url == "http://domain.blogspot.com/p/go.html"'>Pada angka diatas yang berawarna kuning itu adalah timer atau waktu lamanya di landing page, jadi kamu bisa mengganti nya sesuai keinginanmu. 1000 adalah sama dengan 1 Detik .
<style>
#main-wrapper {
width:100%;
}
#sidebar-wrapper {
display:none;
}
</style>
<script>
setTimeout('pindah()',6000);
function pindah() {
alamat = getQueryVariable('url');
if (alamat != null) {
location.href=alamat;
}
}
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
}
</script>
</b:if>
Step 3 - Uji Coba
Sekarang saat nya kamu menguji coba. Coba kunjungi alamat dengan format seperti ini :
http://domainkamu.blogspot.com/p/go.html?url=http://www.google.com
Selamat mencoba. Thanks.
2 komentar:
Trims atas postingannya.
oke sama sama
Posting Komentar