Menampilkan Halaman Pembuka Pada Blogspot

Jika blog Anda menggunakan hosting sendiri, tentunya tidak akan kesulitan untuk dapat menampilkan halaman pembuka seperti Welcome To My Blog, Selamat Datang Di Blog Saya dan lain-lain. Namun lain hal jika blog kita menggunakan blogspot. Nah untuk membuat tampilan pembuka sebelum pengakses dapat masuk ke blog kita, berikut adalah ulasan nya :

1. Download file dibawah ini dari http://gwaphic.com/code/index.php?id=3
leightbox.css
leightbox.js
prototype.js
Setelah di download, simpan di komputer Anda.

2. Upload ketiga file di atas ke penyedia upload file gratis yang biasa anda gunakan, atau jika belum memiliki, silahkan mendaftar di http://www.mydatanest.com

3. Login ke blogger Anda, lalu pilih menu Layout kemudian Edit Html

4. Cari Kode </head>

5. Lalu sisipkan kode dibawah ini di atasnya :

<!–Welcome-UnderConstuction-Page-Starts–>
<link rel=”stylesheet” type=”text/css” href=”http://mydatanest.com/files/*****/leightbox.css“/>
<script type=”text/javascript” src=”http://mydatanest.com/files/*****/prototype.js“></script>
<script type=”text/javascript” src=”http://mydatanest.com/files/*****/leightbox.js“></script>
<!–Welcome-UnderConstuction-Page-Stops-HELP-http://dirmanto.web.id–>

6. Ganti link yang berwarna cokelat sesuai dengan link file anda disimpan.

7. Klik menu Layout, lalu Page Elements, Kemudian Klik Add a Gadget dan pilih HTML/JavaScript kemudian masukan kode dibawah ini :

<!———-// POPUP (AUTOLOAD) //———->
<div id=”pop01″ class=”leightbox”>

<div class=”scrollbox”>
<h1>Selamat Datang di Blog Saya</h1>
<p>A blog by <a href=”http://dirmanto.web.id“>Dirmanto.web.id</a></p></div>
<a href=”#” class=”lbAction” rel=”deactivate”>Masuk Blog</a></div>

<!———-// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //———->
<script type=”text/javascript”>
lb = new lightbox();
lb.initCallable(‘pop01′);
lb.activate();
</script>

8. Ganti alamat url blog (yang berwarna merah dengan alamat blog Anda)

Semoga Bermanfaat