Membuat Halaman Splash Screen Page di Blogspot

type='html'>Selamat malam sobat blogger, ane jadi inget sama template ane yang lama yang memakai halaman Splash Screen, tapi sekarang udah ganti template tapi sobat masi bisa kok lihat demonya >> Disini kalo sobat berminat langsung aja ke cara pembuatannya

• login blogger
• rancangan, edit html
• dan ikuti langkah langkah di bawah ini

Langkah #1 : Menutup Semua Header, Body, Footer, dan Widget pada Halaman Beranda
Yakni dengan menggunakan fungsi b:if-b:else yang diletakkan pada sebelum dan sesudah tag body.
1> Cari kode pada Edit HTML, lalu pastekan kode berikut diatasnya:

            Kode HTML Welcome Page Disini       

Disini anda membuat tag body lagi. Artinya ada dua tag body dalam template, yakni tag body khusus untuk welcome page dan tag body untuk halaman blog. Biarkan saja dahulu kata-kata yang ada didalam sana, kode tsb nanti akan kita ganti dengan kode HTML Welcome Page.
2> Cari kode lalu pastekan kode berikut dibawahnya:

   

Jika sudah tekan tombol 'Simpan Template', jika berhasil disimpan maka anda dapat mengecek blog anda menjadi halaman kosong dengan tulisan 'Kode HTML Welcome Page Disini'.


Langkah #2 : Menyiapkan kode HTML, CSS dan/atau JS untuk Halaman Khusus Welcome Page
Saya sudah siapkan halaman welcome page yang unik untuk dishare bersama. Anda dapat menggunakannya di blog anda dengan bebas. Langsung Saja:
1> KODE HTML
Cari dan Blok kata-kata 'Kode HTML Welcome Page Disini' dan ganti dengan kode berikut:

       

                   

   

               

   

               

   

               

   

               

   

   

   

   

   

   

   

MANA LINK MASUKNYA?

    Ayo coba cari linknya...
        FACEBOOOK |    TWITTER       

   

   

   

   

BUKAN DISINI :P

   
 Cyber-jm ingin berbagi   

   

   

   

   

MASIH SALAH LAGI :D

    Maaf anda belum beruntung, gosok terus masih banyak kesempatan hadiah milyaran rupiah!   

   

   

   

   

NAH INI DIA!

    Masuk Blog   

   

   

   

2> KODE CSS
Disini anda akan menggunakan kode b:if lagi untuk membuat style css khusus pada halaman welcome page saja. Cari kode dan pastekan kode berikut dibawahnya:

           

3> Kode JS
Jika welcome page anda terdapat efek khusus yang memerlukan kode javascript maka anda dapat meletakkannya sebelum kode . Pada welcome page kali ini tidak membutuhkan kode javascript.


LANGKAH #3 : FINISHING TOUCH
Pada langkah kali ini anda akan mengganti semua link yang menuju halaman beranda agar ketika visitor klik halaman beranda/home yang tampil malah welcome page terus. Disini anda akan memanfaatkan link http://namablog.blogspot.com/search/posts/default. Link tersebut menampilkan halaman beranda anda lengkap dengan widget yang ada, bukan welcome page.
Jadi untuk sentuhan terakhir ini anda harus mengganti semua link yang menuju ke http://namablog.blogspot.com/ menjadi http://namablog.blogspot.com/search/posts/default


Sekarang tekan tombol 'SIMPAN TEMPLATE'. Jika masih ada yang error perhatikan lagi pada struktur tag-tag yang ada seperti

dengan

.


Selamat! Kini blog anda lain daripada yang lain!
Semoga bermanfaat