Membuat Welcome Message/Page (Membuat Pesan Selamat Datang) di Blogger

Halo gan? kali ini ane mau ngeshare ilmu blogging ane ke agan semua…kali ini kita ngebahas tentang Membuat Welcome Message/Page (Membuat Pesan Selamat Datang) atau Membuat Pesan Selamat Datang di blogger/blogspot dan Membuat Pesan/Halaman Pertama Blog.

Untuk contohnya silahkan ngacir aja ke homepage blog ane (saran) atau gak ini screenshootnya:

Nah, terus gimana cara buatnya? gampang gan! perhatikan dan lakukan langkah berikut dengan baik:

1. Login Ke Blogger
2. Rancangan / Layout
3. Edit HTML dan lalu centang bacaan : Expand Template Widget
4. Cari kode lalu pastekan kode ini dibawahnya :






div.leightbox {
color: #fff;
display: none; /* toggle display to show/hide the popups when designing and previewing */
position: fixed;
top: 50%;
left: 50%;
margin: -240px 0 0 -380px;
width: 745px;
height: 400px;
padding: 0 0 0 5px;
border: 3px outset #FFFFFF;
background: url(http://i921.photobucket.com/albums/ad54/nurulsue/Sample10.jpg) no-repeat;
z-index: 101;
overflow: none;
}



if (window.jstiming) window.jstiming.load.tick(‘headEnd’);

5. Cari kode ]]> lalu pastekan kode css ini tepat diatasnya :

#network{padding:0 10px}#network ul{display:block;float:left;list-style:none;margin:0;padding:0;width:460px}#network li{background-image:url();background-position:center;background-repeat:no-repeat;float:left;height:70px;left:146px;position:relative;width:225px}#network a{-moz-opacity:0.6;color:#000;display:block;font-size:1em;height:45px;opacity:1.0;padding:0 0 5px;position:relative;text-decoration:none;text-shadow:1px 1px 0 #fff;width:225px;z-index:2}#network a:hover{-moz-opacity:1;-webkit-transition:opacity 1s ease-out;opacity:1}#network a img{border:0;float:left;margin:0 10px}#network a:hover img{-webkit-transition:margin-left .25s linear;margin-left:5px}#network a strong{color:#640000;display:block;font-size:18px;text-shadow:1px 1px 0 #fff}.clear{clear:left}

6. Jika semua langkah diatas sudah dilakukan klik SAVE/SIMPAN pada template.
7. Masuk Ke Elemen Laman / Element Page.
8. Add Gadget / Tambah Gadget
9. Pilih HTML/JavaScript lalu pastekan kode ini :








    

CLOSE[X]



lb = new lightbox();
lb.initCallable(‘pop01’);
lb.activate();




10. Simpan/SAVE.

NB: untuk kode yang berwarna merah diatas, bisa agan rubah dengan kemauan agan sendiri, oke gan? enjoy blogging! semoga berhasil! ada pertanyaan? silahkan komeng!

Iklan

Tentang thefantasypress

I am founder of Fantasy Company
Pos ini dipublikasikan di Tips Ngeblog. Tandai permalink.

2 Balasan ke Membuat Welcome Message/Page (Membuat Pesan Selamat Datang) di Blogger

  1. wa mao ta”y low nghe fugsi”y bwt pa low d”gnti..????
    http://i50.tinypic.com/14d28no.jpg

  2. maaf gan, tulisan agan susah dibaca 🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s