Posted on

Membuat Popup | Script Popup

Petunjuk Cara membuat POPUP dengan mudah

 

PopUp adalah salah satu trik On Page SEO yang ampuh dalam hal menjaring pengunjung untuk berlangganan, berinteraksi langsung kepada siapa saja yang datang.

PopUP juga sebagai trik mudah untuk mempromosikan, mengenalkan kebihan-kelebihan, manfaat yang terdapat pada blog atau situs kita. Popup di akui dan terbukti mampu meningkatkan visitor dan penghasilan dari blog tersebut.

Ada banyak software pembuat popup, ada banyak wp plugin popup gratisan yang bisa anda dapatkan dimana-mana. Tapi tidak semua software pembuat popup, plugin popup, scrip popup dapat meningkatkan pengunjung pada blog. Oleh karena itu teliti baik-baik dalam menentukan plugin atau scrip Popup mana yang seharusnya anda gunakan.

Dalam hal ini saya merekomendsikan anda untuk menggunakan “WP PopUP Dominations” dan termasuk salah satu WP Plugin PopUp terbaik. Kelemahanya yaitu anda harus membelinya untuk dapat menggunakan.

Berita baiknya yaitu, Membuat Popup seperti WP Plugin Dominations itu mudah yang memiliki fungsi dan manfaat yang sama persis dengan WP Plugin tersebut.

Pertama-tama  download terlebih dahulu modul PopUp, dan ikuti petinjuknya di bawah ini :

[like-to-dl theme=”blue” url=”http://tipsseo.org/wp-content/uploads/2012/06/modulepopup.zip” like_url=”http://www.tipsseo.org/tips-trik-seo-on-page/membuat-popup-script-popup” message=”Click Like Untuk Memulai Download!”]

Siapkan Banerdesign Studio untuk membuat template seperti gambar di atas. Panjang dan lebarnya antara 700 x 335 dan di save berbentuk PNG.

 

[dalam modul popup telah saya sertakan 1 template popup yang dapat anda gunakan]

Extract Modul PopUp [paswod = tipsseo.org] yang telah anda download dan buka popup.txt anda akan melihat kode serti di bawah ini.

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’></script>

<script src=”http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js”></script>

<script type=”text/javascript”>

jQuery(document).ready(function(){

if (document.cookie.indexOf(‘visited=false’) == -1)

{

var fifteenDays = 1000*60*60*24*30;

var expires = new Date((new Date()).valueOf() + fifteenDays);

document.cookie = “visited=true;expires=” + expires.toUTCString();

$.colorbox({width:”800px”, inline:true, href:”#exestylepopups”});

}

});

</script>

<style type=”text/css”>

/*

ColorBox v1.3.16
(Copyright (c) 2012 www.tipsseo.org – admin@tipsseo.org)

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

[like-to-dl theme=”blue” url=”http://tipsseo.org/wp-content/uploads/2012/06/modulepopup.zip” like_url=”http://www.tipsseo.org/tips-trik-seo-on-page/membuat-popup-script-popup” message=”Click Like Untuk Memulai Download!”]

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#000;opacity:0.5 !important;}

#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);}

#cboxTopLeft{width:14px; height:14px; background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/controls.png) no-repeat 0 0;}

#cboxTopCenter{height:14px; background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/border.png) repeat-x

top left;}

#cboxTopRight{width:14px; height:14px; background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/controls.png) no-repeat -36px 0;}

#cboxBottomLeft{width:14px; height:43px; background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/controls.png) no-repeat 0 -32px;}

#cboxBottomCenter{height:43px; background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/border.png)

repeat-x bottom left;}

#cboxBottomRight{width:14px; height:43px; background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/controls.png) no-repeat -36px -32px;}

#cboxMiddleLeft{width:14px; background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/controls.png)

repeat-y -175px 0;}

#cboxMiddleRight{width:14px; background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/controls.png)

repeat-y -211px 0;}

#cboxContent{background:#fff; overflow:visible;}

#cboxLoadedContent{margin-bottom:5px;}

#cboxLoadingOverlay{background:url(http://www.tipsseo.org/wp-content/uploads/2012/05/ringbinderlaying1.jpg) no-

repeat center center;}

#cboxLoadingGraphic{background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/loading.png) no-repeat center

center;}

#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxClose{position:absolute; bottom:-29px; background:url(http://www.tipsseo.org/wp-content/uploads/2012/06/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}

#cboxClose{right:0; background-position:-100px -25px;}

#cboxClose.hover{background-position:-100px 0px;}

#exestylepopup{overflow:none; background-image: url(http://www.tipsseo.org/wp-content/uploads/2012/06/EXEIdeasBlog.png) ; background-repeat: no-repeat; height: 334px; width: 770px; }
form#exestylepopup{display:block; margin:0;}

form#exestylepopup #exefield{padding:2px; position:absolute; top:171px; left:480px; width:200px; font-size:16px; border:none;

background:transparent;}

form#exestylepopup #exebutton{position:absolute; left:474px; top:214px; width:249px; height:42px; border:none; background:transparent;}

</style>

<div style=’display:none’>

<div id=’exestylepopups’ >

<form id=”exestylepopup” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow”

onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=tipsseo/iBzx’, ‘popupwindow’, ‘scrollbars=yes, width=600, height=550’);

return true”>
<input type=”hidden” value=”Geekxpot” name=”uri”/>
<input type=”text” id=”exefield” name=”email” value=”” placeholder =”Masukkan Email Anda” />

<input type=”hidden” name=”loc” value=”en_ID” />

<input type=”image” src=”http://tipsseo.org” id=”exebutton” />
</form>

</div>

Yang perlu anda lakukan hanyalah mengganti url yang saya beri tanda warna. Jika anda ingin menggunakan template popup buatan sendiri, silahkan upload template popup anda dan ganti url http://www.tipsseo.org/wp-content/uploads/2012/06/EXEIdeasBlog.png dengan url template anda sendiri. Jika tidak memiliki template sendiri, jangan di rubah url tersebut.

Selanjutnya perhatikan url yang berwarna kuning dan merah [Ini merupakan url tujuan ]. Jika anda ingin menggunakan email berlangganan dari Feedburner Google, cukup ganti id-nya saja yang saya beri warna merah.Setelah itu copy semua kode dan pasta di widget WordPress, Blogspot dan situs apapun pada kolom atau witget html.

[like-to-dl theme=”blue” url=”http://tipsseo.org/wp-content/uploads/2012/06/modulepopup.zip” like_url=”http://www.tipsseo.org/tips-trik-seo-on-page/membuat-popup-script-popup” message=”Click Like Untuk Memulai Download!”]

Sebagai contoh silahkan KLIK DI SINI dan semoga bermanfaat khususnya buat saya pribadi…AMIN!

Perluas pengetahuan anda tentang SEO den

One thought on “Membuat Popup | Script Popup

  1. […] Membuat Popup | Script Popup […]

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *