Seocips.com. Ok sobat masih seputar Widget Blogger, dan masih juga seputar widget berlangganan artikel atau bahasa kerennya widget email subscription. Widget kali ini lebih banyak warna birunya, mungkin sedikit berbeda dengan widget Rss email subcribe dark style yang telah dibagikan sebelumnya.

Ok sobat seocips.com, bagaimana tampilan widget ini? coba anda lihat screenshotnya dibawah ini.

Widget email Subcribe ( berlangganan artikel ) Blue style

Bagaimana keren bukan? Widget ini selain widget email subcribe juga terdapat widget sosialnya, seperti Facebook, twitter, Google Plus dan Rss Feed. Widget ini pertama kali saya lihat di blog Tempat Blogging apakah anda tertarik ingin menggunakannya juga? jika yah, silahkan ambil kodenya dibawah ini dan letakan di tempat yang anda inginkan atau di widget HTML template anda.

Widget Subcribe Blue style

<center>
<div align="center" id="seocips-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;">
<h3 id="seocips-title-text" style="color: white; font-size: 20px;">
GET FREE EMAIL UPDATES</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=seocips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="social-icons" href="https://facebook.com/seocips"><img src="https://lh6.googleusercontent.com/-87UE8_2_1HE/UZw4hHFRcHI/AAAAAAAABuA/I7Qarslnvwo/s48/tempat%2520blogging-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/seocips"><img src="https://lh6.googleusercontent.com/-fBL7t2DpofM/UZw4gQtIOEI/AAAAAAAABt4/WSzbhCQ-4OU/s48/Tblogging-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/103662134309614692674"><img src="https://lh3.googleusercontent.com/-FhzKzrmL8tY/UZw4gad5QFI/AAAAAAAABtw/TN2_pRLJ2EA/s48/Tblogging-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/seocips"><img src="https://lh5.googleusercontent.com/-vPeJJXJHihs/UZw4gYnzZOI/AAAAAAAABt0/W6gLgNj0y-E/s48/Tblogging-Rss.png" /></a>
<input class="email" id="seocips_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="seocips" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
</center>
<style>
a.social-icons {margin-right: 5px; height:40px;width:40px;}
a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(http://3.bp.blogspot.com/-Jl2lcnXe42Y/UOb49YMFH8I/AAAAAAAAAiA/hOnOANR83gc/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(http://2.bp.blogspot.com/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(http://2.bp.blogspot.com/-nmlWGnTX5y4/UOb44zqKGBI/AAAAAAAAAh4/Aaa-E2D0Umk/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style>
Keterangan:
Ganti semua kode berwarna merah diatas sesuai dengan kebutuhan, misalnya url facebook dengan facebook anda dan feedburner dengan feedburner anda.

Widget ini dapat anda letakan di sidebar blog anda, mungkin sedikit berbeda dengan widget RSS feedburner yang diletakan dibawah postingan atau widget email subcribe efek Popup V2 dan widget email subcribe efek Popup V3 karena widget ini ada media sosialnya.

Ok soba sekian widget Blog Blogger Blogspot yang dapat dibagikan oleh seocips.com untuk saat ini dan semoga saja bermanfaat untuk anda. Thanks.
0 Komentar untuk "Widget Subcribe ( berlangganan artikel ) Blue style"