Membuat Popup Like Facebook dengan Follow Twitter dan Email Subscription Keren

Popup

Membuat Popup Like Facebook dengan Follow Twitter dan Email Subscription Keren - Apakah Anda ingin membuat lebih cetar membahana pengikutnya, facebook likes & Pelanggan Email? Maka jangan khawatir Anda tidak perlu menginstal jendela pop-up dan widget mengambang ke blog Anda untuk mendapatkan suka dan bunga, di sini adalah popup kotak sederhana yang memungkinkan pengunjung untuk suka dengan tiga opsi Email Berlangganan, Facebook seperti tombol & Twitter follower tombol hanya dalam satu kotak popup.
Ini popup widget diciptakan dengan jquery & css, tidak ada tombol tutup dan tidak timer. Jika setiap pengunjung ingin menutup popup ini cukup tekan tombol ESC pada Keyboard atau klik di manapun pada halaman.

.......................................................................................................................................................

Cara Pasang Popup To Blogger

...................................................................................................................................................................

• Pergi Ke Layout
• Add Element > Html/Javascript
• Paste Kode dibawah ini di kotak form Html/Javascript

<!-- ########## SUBSCRIPTION BOX STARTS ########## --><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src="https://sites.google.com/site/mmktricks/Subscription-cbox.js"></script><!-- POPUP LIKE BOX --><style>    #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%;}    #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{}          #cboxLoadingOverlay{background:#fff;}          #cboxLoadingGraphic{background:#fff;}           #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%;  font-weight:bold; color:#7C7C7C;}           #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}           #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px;background:#fff; width:23px; height:23px; text-indent:-9999px;}           #cboxPrevious{left:0px; background-position: -51px -25px;}           #cboxPrevious.hover{background-position:-51px 0px;}           #cboxNext{left:27px; background-position:-75px -25px;}           #cboxNext.hover{background-position:-75px 0px;}           #cboxClose{right:0; background-position:-100px -25px;}           #cboxClose.hover{background-position:-100px 0px;}           .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}           .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}           .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}           .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}    /*-----------------------------------------------------------------------------------*/    /*   sUBCRIPTION POPUP LIKEBOX FOR BLOGGER    /*-----------------------------------------------------------------------------------*/    #mmk-subfb {        font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;width:540px;height:210px;box-shadow: inset 0px 0px 0px #404040;-webkit-box-shadow: inset 0px 0px 0px 0px #cccccc;-moz-box-shadow: inset 0px 0px 0px #cccccc;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;    }    #mmk-subfb a,    #mmk-subfb a:hover,    #mmk-subfb a:visited {        text-decoration:none;    }    .mdbox-title {background:#000;       color: #fff;       font-size: 20px !important;       font-weight: bold;       margin: 10px 0;    border:20px solid #ddd;    -moz-border-radius:6px;    -webkit-border-radius:6px;    border-radius:6px;    box-shadow: 5px 5px 5px #CCCCCC;    padding:10px;    line-height:25px; font-family:arial !important;    }    .mdbox-tagline {       color: #999;       margin: 0;       text-align: center;    }    #mdsubs-container {        padding: 35px 0 30px 0;        position: relative;    }    a:link, a:visited {    border:none;    }    .demo {    display:none;    }.mmk-subemail{background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAAAm_oj9HF2pBCFcLEhlmxO7D7PQOb9cuvUtuCfjan2AAG5uMtsHZEzmseMiu6pbOYjw3vofWvTjJ7yUJ85CUrmiGMY0pFpPTknZURZtxXQMtHK2io59aXQULYSkafk4C_vjD7eyTg6mG/s1600/email.png) no-repeat 0px 12px ;width:300px;padding:10px 0 0 55px;float:center;font-size:1.4em;font-weight:bold;margin:0 0 10px 0;color:#686B6C;}.mmk-subemailsubmit{background:#9B9895;cursor:pointer;color:#fff;border:none;padding:3px;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font:12px sans-serif;}.mmk-subemailsubmit:hover{background:#E98313;}.textarea{padding:2px;margin:6px 2px 6px 2px;background:#f9f9f9;border:1px solid #ccc;resize:none;box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; width:170px;color:#666;}</style>
<script type="text/javascript">jQueryundefineddocument).readyundefinedfunctionundefined){if undefineddocument.cookie.indexOfundefined'visited=flase') == -1) {var fifteenDays = 1000*60*60*24*30;var expires = new Dateundefinedundefinednew Dateundefined)).valueOfundefined) + fifteenDays);document.cookie = "visited=true;expires=" + expires.toUTCStringundefined);$.colorboxundefined{width:"600px", inline:true, href:"#mmk-subfb"});}});</script><div style='display:none'><div id='mmk-subfb' style='padding:10px; background:#f9f9f9;'><center><b>Get Latest Updates Straight in your Inbox    <br/>by submitting your Email ID below.</b><div class="mmk-subemail">Subscribe via Email<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open undefined'http://feedburner.google.com/fb/a/mailverify?uri=qlgrr', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" /><input type="hidden" value="Blogspot/qlGrR" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class="mmk-subemailsubmit" value="Submit" type="submit" /></form></div><div style='clear:both'></div><div align="center"><div style="border-bottom:1px solid #e6e6e6; margin:8px 5px 0px 0px; padding-bottom:5px;"></div><div style='margin:5px 0px 50px 0px; padding:10px; float:none; width:470px;'><div style='margin:0px 0px 0px 0px; padding:0px; float:left; width:252px; border-right:1px solid #ddd;'><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTempatBlogging%2F215750558457824&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&height=62' style='border:none; overflow:hidden; width:292px; height:62px;'></iframe></div><div style='margin:10px 30px 0px 0px; padding:0px; float:right; width:150px;'><a class='twitter-follow-button' data-button='grey' data-link-color='#289728' href='http://twitter.com/TempatBlogging' rel='nofollow'></a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script></div></div><a style="padding:13px 5px 0px 5px; color:#A7A7A7; font-family:arial; font-size:10px; text-decoration:none; float:right;"  target="_blank"href="http://mas-basir.blogspot.com/2013/04/membuat-popup-like-facebook-dengan.html" target="_blank" rel="dofollow">Get This</a></div></div>  <div style='clear:both'></div></center></div></div><style>#cboxClose{display:none;}</style><!-- ########## SUBSCRIPTION BOX END ########## -->

...................................................................................................................................................................

Customization 

...................................................................................................................................................................

• Untuk mengubah lebar popup ini Ganti lebar ini: 540px
• Untuk mengubah Background Ganti ini # f9f9f9

...................................................................................................................................................................

Email Subscription 

...................................................................................................................................................................

• Ganti (http://feedburner.google.com/fb/a/mailverify?uri=qlgrr) dengan link feedburner anda 
• Ganti Blogspot/qlGrR dengan kode feedburner Anda feedburner.

...................................................................................................................................................................

Facebook Like Button

...................................................................................................................................................................

• Ganti (http%3A%2F%2Fwww.facebook.com%2Fpages%2FTempatBlogging%2F215750558457824) dengan facebook Anda seperti link tombol. link ini dapat Anda temukan di kotak facebook seperti.

...................................................................................................................................................................

Twitter follower button

...................................................................................................................................................................

• Ganti TempatBlogging dengan nama pengguna twitter Anda

Sekian dulu tentang Artikel Membuat Popup Like Facebook dengan Follow Twitter dan Email Subcription Keren semoga artikel di atas dapat membantu anda, dan bermanfaat bagi anda.

Catatan : Semua pekerjaan adalah hak cipta kepada pemiliknya jangan menghapus link kredit kami.

Share this post