Basic Pembuatan Auto Popup di Blog

POPUP-HOMEPAGE-Interface Basic Pembuatan Auto Popup di Blog - Alhamdulillah, ternyata saya masih diberi kesempatan untuk berbagi, dan malam ini saya ingin membahas tentang Basic Pembuatan POPUP Gambar di Blog dengan menggunakan sedikit bumbu CSS & JavaScript yang saya dapatkan dari blog sebelah dalam rangka mengerjakan tugas PATI (bukan dalam rangka HUT Kemerdekaan).
POPUP yang akan saya bagikan kali ini bersifat auto display! yang artinya begitu pengunjung mengunjungi blog sobat POPUP akan langsung di tampilkan semata-mata untuk memberitahukan kepada pengunjung baik Informasi, Berita, Iklan, maupun Kutipan sesuai dengan ingin sobat tampilkan.


Cara Pemasangan

Langkah-1 : Pastikan sobat sudah memasang jQuery Library, versi berapapun itu. jika belum silahkan simpan script external dibawah ini tepat sebelum code </head> pada halaman Edit Template :
 
 

Catatan : Pemasangan jQuery dalam Blog hanya boleh 1x saja, jika lebih dari 1 maka Efek-efek yang mengandalkan fungsi jQuery tidak akan berfungsi.


Langkah-2 : Simpan Bumbu CSS di bawah ini tepat sebelum kode </head>

 


Terakhir : Simpan kode JavaScript & HTML dibawah ini tepat di atas kode </body> , agar POPUP bisa di tampilkan.


 

Keterangan tambahan untuk kode HTML di atas :
  1. Ganti alamat gambar : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC7tKpdwUWoOkRlQLsrFDC1z4bqpSRhfCYPX6pjr68HW8y_f1OipmrJXiZ21nbt5Ck8D4n_RAKjkAkfcK7P96T0foTs5XSUJG5XlaqsFSpjXbeGVRqNBiBwIXCTrTnrEV99xoLChCFZZEW/s1600/SPACE-PROMOTE-600X400-PIXEL.png
    dengan alamat gambar yang ingin sobat tampilkan. berukuran ( 600 x 400 pixel )
  2. #link dengan alamat Link yang di inginkan.

Bagikan

0 komentar:

Posting Komentar

Pencarian

 
Kadal Albino Copyright © 2014 | Template by compartidisimo | Diberdayakan oleh Blogger
×
Judul