Cara Membuat / Memasang Popup Iklan dengan Tombol Tutup [X]

Cara Membuat / Memasang Popup Iklan dengan Tombol Tutup [X] adalah

untuk menampilkan iklan dimana iklan dengan kotak dengan sekali tampil

dengan mengklick clouse. Cara Cara Membuat / Memasang Popup Iklan

dengan Tombol Tutup [X] Dengan Cara

Membuat Show Hide

Link Anchor pada

Widget

Pertama, pergi

ke

1. Dashboard >> Template>>kemudian pilih>>Edit

HTML dan klik.

Jangan lupa centang..

Expand Widget

Templates>>

2. Kemudian cari kode

berikut :

</head>

Gunakan ctrl + F Untuk memudahkan pencarian.

Jika sudah ditemukan lalu copy kode script jQuery

di bawah ini: tepat

di"ATAS"nya

letakkan script

jquery berikut:

<script

src='http://

ajax.googleapis.com/ajax/libs/

jquery/1.4.2/jquery.min.js?ver=1.4.2'

type='text/javascript'/>

Note: jika sudah ada cukup "satu"



3. Masih Mode edit html , cari ]]

></b:skin> Jangan lupa pake ctrl + F untuk memudahkan pencarian, Jika sudah ditemukan , salin Kode CCS berikut :



#mask{

display:

none;

background:

#000;

position:

fixed;

left:0;

top:0;

z-index:

10;

width:100%

;height:

100%;

opacity:

0.8;

z-index:

999;

}

.pb-popup{

display:none;

background:

#333;

padding:

10px;

border:2px

solid#ddd;

float:

left;

font-size:

1.2em;

position:

fixed;

top:50%;

left:50%;

z-index:

99999;

box-shadow:

0px0px

20px#

999;/*

CSS3*/

-moz-box-

shadow:0px

0px20px#

999;/*

Firefox*/

-webkit-

box-shadow:

0px0px

20px#

999;/*

Safari,

Chrome*/

border-

radius:3px

3px3px

3px;

-moz-

border-

radius:

3px;/*

Firefox*/

-webkit-

border-

radius:

3px;/*

Safari,

Chrome*/

}

fieldset{

border:none;

}

tepat di"ATAS"nya.



4. Lalu simpan

Template.



Sudah siap, kemudian pergi ke "Tata Letak"

>>tambah widget>>HTML/Java Script

Taruh kode berikut didalamnya



<div id="pb-box" class="mrpujiajadeh- popup"> <br/><span style="color:

rgb(204,0, 0);"></ span><p align="right"><a href="#" class="close">

<br/ ><small><u> [x]Tutup Iklan</u></small></a></p>TARUH HTML/JAVA

SCRIPT KAMU DISINI </div> <script type='text/javascript'> $(document)

.ready (function() { $('a.pb- window') .click (function() { //Getting

the variable's valuefrom alink varpbBox= $(this) .attr ('href');

//Fadein thePopup $(pbBox) .fadeIn (300); //Setthe center alignment

padding+ bordersee cssstyle var popMargTop =($(pbBox) .height()+

24)/2; var popMargLeft =($(pbBox) .width()+ 24)/2; $(pbBox) .css({

'margin- top':- popMargTop, 'margin- left':- popMargLeft }); //Addthe

maskto body $('body') .append ('<div id="mask"></div>'); $('#mask')

.fadeIn (300); return false; }); //When clickingon thebutton closeor

themask layerthe popup closed $('a.close, #mask') .live ('click',

function() { $('# mask,.mrpujiajadeh- popup') .fadeOut (300,

function() { $('#mask') .remove(); }); return false; }); }); </script>



Kemudian SIMPAN.



NOTE : kode ini tidak mengikuti mouse

kata kunci yang baru dicari : Cara Membuat / Memasang Popup Iklan dengan Tombol Tutup [X]

Posted by Unknown on Kamis, 13 Desember 2012 - Rating: 4.5

Title : Cara Membuat / Memasang Popup Iklan dengan Tombol Tutup [X]
Description : Cara Membuat / Memasang Popup Iklan dengan Tombol Tutup [X] adalah untuk menampilkan iklan dimana iklan dengan kotak dengan sekali tampil de...

Tweet