Cara Buat Widget Subscribe Melayang/Popup.

Ok sobat, Kali ini Kuroyu-Nee Blog™ akan Membagikan cara Buat Widget subscribe Melayang/Popup.. Cara nya pun Mudah, Ok kalian bisa Langsung lihat Tampilannya dibawah ini:

Bagus bukan Tampilannya..? Silahkan cek Source code nya di bawah ini..

• Source code Widget Popup:

<style type="text/css">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg35knjtUFNLdrtam2IO1Wpkp46kg5pJhXRUGqYA-UBxO4vu1P5yVIO8T0haWHQAtw1VQlej-OZw_70OAQSa6FtdUpNgMssacWcl6EWgVsHM8sjTcix0OyFwqmRgvH_Uslu5hx55rdpEQ/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaE-KjK6AgnLRQvdd66xlbJdfvhYBrwQ4SL538VBHInlZn7IHRQszcBqjrtL4kuKE2m1pWojR7VfecZRADsMIz4eZM5mViX4iij0HtgmGKCIFZp9rBsJIeLLOlMi5SHCIt5Z6sH-K_bw/s748/EXEIdeasBlog.png); background-repeat:no-repeat; overflow:none;}
.exestylepopup {width:770px; height:334px; position:fixed; top:50%; left:50%; margin-top:-167px; margin-left:-396.5px;}
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><!--[if lte IE 6]><style type="text/css">/*<![CDATA[*/html {overflow-x:auto; overflow-y:hidden;}/*]]>*/</style><![endif]--><div id="exestylepopupdiv"><div id="exestylepopup" class="exestylepopup"><center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrzoi1Guv651al-7FjjgVmWWAIzSJWGgDz5uj9k8ksK8vkY3FqnJGrigReiXZVjRiDyi4_WeD8k7L9Pkf3MJqo6130gohDDt5m8W3mBqWC7PIWxodZOL2OMkdO1FqtHWJp2lQVfhxJyw/s40/exeideasclose.png"/>
</center><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=Kuroyu-neeBlog', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="ganti ini" name="uri"/>
<input type="text" id="exefield" name="email" value="Enter Your E-Mail Here..." placeholder ="Enter Your E-Mail Here..." /><input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlE7Aul3cVVrQ-2tdIcGiOFxuf8g98Xzan5aERuaORQpZJU-g8p3v29KlRZ5hi8C0fnjmyVk4tVTGnxDufi7qhwxBQjDEOeXgE-KqsRlObqF3-JafZGA0FRDJ9pXgmFz8PdDogZnhwqQ/s128/exeideasblank.gif" id="exebutton" /></form></div></div>

**Keterangan: Ganti teks yang Berwarna Biru dengan Link Blog yang telah kalian daftarkan di FeedBurner.com

cukup Sekian yang bia Share, Semoga Artikel ini dapat Membantu Kalian semua... Amiinn.. ^_^

Tweet