Ada beberapa orang yang menanyakan ke Kang Rohman, bisakah di blogger membuat halaman intro seperti pada website-website tertentu? jawabannya mungkin bisa saja kali, cuma terus terang kang Rohman belum pernah mencobanya.
Apa yang dimaksud intro disini? mungkin yang dimaksud oleh si penanya adalah pada website-website tertentu, apabila website tersebut dikunjungi tidak langsung ke halaman utama, namun terlebih dahulu disuguhkan oleh sebuah halaman yang umumnya adalah ucapan selamat datang atau navigasi, ada juga yang berupa gambar animasi ataupun dalam bentuk flash.
Secara umum, blog diblogger agak sulit untuk membuat halaman intro, namun bukan berarti tidak mungkin. Terkait masalah intro ini, pernah juga beberapa blogger membahasnya, antara lain adalah teman kang Rohman yaitu Kang Jaloe, dalam blognya diterangkan bagaimana mengakali agar diblogger bisa dibuat sebuah intro.
Tertarik akan topik ini, kang Rohman mencoba untuk membuat sebuah halaman intro yang bisa dipakai di blogger. Dengan bermodalkan sebuah script iklan dari dynamicdrive, dan tentu saja terjadi modifikasi dibeberapa titik, akhirnya halaman yang mirip intro bisa juga dibuat. Yang penasaran mungkin bisa melihat halaman demonya disini.
Jika sesuai skenario, pada halaman tersebut anda disuguhi sebuah halaman intro berupa ucapan selamat datang dan sebuah animasi gif dari winnie the pooh, dan untuk melihat halaman asli dari blog tersebut anda bisa klik tulisan “Go to Homepage” atau pada animasi winnie the pooh nya.
Apabila anda telah masuk ke homepage halaman aslinya, anda tidak akan melihat kembali halaman intro tersebut, dengan kata lain anda tidak akan diganggu lagi oleh kehadirannya. Kapan anda bisa melihat kembali halaman intro tersebut? halaman intro tersebut akan muncul kembali apabila anda menutup browser yang digunakan, kemudian mengunjungi kembali halaman tersebut. Namun efek tersebut berlaku apabila komputer yang anda gunakan tidak mematikan fungsi cookie karena script yang digunakan menggunakan meninggalkan jejak di cookie komputer sebagai pengingat.
Ah kang Rohman terlalu banyak basa basi, langsung ke tutorial pemasangan script tersebut dong? Eith, sabar dulu dong. Kalau orang dewasa bilang perlu foreplay agar terasa lebih nikmat…. upsss itu sih untuk tujuh belas tahun keatas
Tapi jika terlalu kepanjangan jadi bosen juga yah, mending langsung aja deh ke tutorial bagaimana cara memasang script intro ke blogger.
Cara Pasang Script Intro Ke blogger
Silahkan ikuti langkah-langkah berikut ini :- Silahkan login ke blogger dengan ID anda.
- Klik Rancangan.
- Klik menu Edit HTML
- Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
- Silahkan cari kode berikut pada template anda :
]]>
- Silahkan copy, lalu paste kode berikut diatas kode
]]>
#intro{ background:#CAD8C9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2T6YYDrAxgV_SMgtO-8Wp1l4UIO0_LS8NXqGm7Jn7WBEnY_UmS0zPAiLWZJjjbQawqGPjAHCm_4CxSkVtunqcoYkXV-YylmX2KaO__Ip14ROlkLyDOYKvdRSnK4__261xRuS9w-b7fC0/) repeat-x top left fixed; position:fixed; width:100%; height:100%; margin:0; padding:0; z-index:100; text-align:center; visibility:hidden; } * html #intro{ position:absolute; width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); } #intro .welcome{ color: rgb(255, 0, 0); font-weight: bold; font-style: italic; font-size:30px; margin-top:10%; margin-bottom:1%; text-shadow:1px 1px 1px #fff; } #intro a img{border:none} .gohome, .gohome a,.gohome a:visited,.gohome a:active{ color: rgb(255, 0, 0); font-weight: bold; font-style: italic; margin-top:4%; font-size:25px; text-shadow:1px 1px 1px #fff } .gohome a:hover{ color:#ffffff; text-shadow:1px 1px 1px #f00; text-decoration:none }
- Silahkan cari kode berikut pada template anda :
- Silahkan copy, lalu paste script berikut diatas kode
- Cari kode berikut pada template anda
- Copy, lalu paste kode berikut dibawah kode
- Klik tombol SIMPAN SETELAN.
- Silahkan lihat hasilnya. Selesai.
Penjelasan
Script diatas hanyalah sebuah contoh saja, anda dapat berbagai variasi tampilan dengan memodifikasi bagian CSS.Anda dapat mengubah tulisan yang ada dengan tulisan anda sendiri, selain itu jika anda penggemar flash, tentu saja dapat mengganti gambar animasi gif diatas dengan kode flash yang anda miliki.
Post a Comment