Subscribe style rivai silaban

Subscribe style rivai silaban - subscribe style rivai silaban merupakan suatu sebutan untuk subscribe yang unik ini. Tampilan subscribe style rivai silaban dapat menarik perhatian dari pengunjung blog anda. Untuk para blogger mania hal yang unik akan menjadi incaran dimana sebuah tampilan halaman blog kita akan sangat mempengaruhi para pengunjung blog tersebut. Untuk melihat tampilan dari subscribe style rivai silaban ini silahkan kunjungi halaman demo melalui link demo dibawah ini, bila anda tertarik untuk memasangnya silahkan simak tutorial berikut, langsung saja menuju TKP.

Demo

Code CSS here..

/*****************************************
Name : Subscribe style rivai silaban
By : Rivai Silaban | Blog Design
Update :Selasa 31, Desember 2013
site : www.rivai.org
******************************************/
.subscribesliders {
box-shadow: inner 0 0 3px #333;
padding: 12px 14px 12px 14px;
width: 200px;
position: fixed;
bottom: 203px;
right: 2px;
display: none;
z-index: 9999;
height: 150px;
background-color: #033543;
color: #FFFFFF;
text-shadow: 1px 1px 2px #000;
}
.subscribe_style_rivai_silaban {
height:90px;
width:200px;
margin:0 0 10px 0px;
}
.subscribe_style_rivai_silaban .subscribe{padding:5px 10px}
.subscribe_style_rivai_silaban .subscribe p{font-family:verdana;font-size:12px;color:#333}
.subscribe_style_rivai_silaban .subscribe span{color:#999;font-size:11px}
.subscribe_style_rivai_silaban .subscribe-form{margin:6px 0 3px;height:40px}
.subscribe_style_rivai_silaban .subscribe-form .email{ font-size: 12px;
padding: 5px;
width: 95%;
color: rgb(102, 102, 102);
font-family: georgia;
margin-bottom: 5px;
border: 1px solid rgb(153, 153, 153);
}
.subscribe_style_rivai_silaban .subscribe-form .submit{
background-color:#D1350E;
border:1px solid black;
border-radius:2px;
color:white;
cursor:pointer;
display:inline-block;
font-family:arial;
font-size: 0.9em;
font-weight:bold;
height:28px;
padding:4px 8px;
text-align:center;
text-decoration:none;
text-shadow: 1px 1px 1px #000;
float: right;
}
.subscribe_style_rivai_silaban .subscribe-form .submit:hover{box-shadow:1px 1px 0 #626262 inset;background-color:#990000}
.subscribe_style_rivai_silaban .rivaiRSS{margin:10px 0}
.subscribe_style_rivai_silaban .rivaiRSS a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:0px 0px;display:block;width:33px;height:33px;text-indent:-9999px;float:left;margin:0 3px 20px 0}
.subscribe_style_rivai_silaban .rivaiRSS a:hover{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:-102px 0px}
.subscribe_style_rivai_silaban .rivaiFacebook{margin:0}
.subscribe_style_rivai_silaban .rivaiFacebook a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:-34px 0px;display:block;width:33px;height:33px;text-indent:-9999px;float:left;margin:0 3px 0 0}
.subscribe_style_rivai_silaban .rivaiFacebook a:hover{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:-136px 0px}
.subscribe_style_rivai_silaban .rivaiTwitter{margin:0}
.subscribe_style_rivai_silaban .rivaiTwitter a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:-68px 0px;display:block;width:33px;height:33px;text-indent:-9999px;float:left;margin:0 3px 0 0}
.subscribe_style_rivai_silaban .rivaiTwitter a:hover{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:-170px 0px}
.subscribe_style_rivai_silaban .rivaiGoogle{margin:0}
.subscribe_style_rivai_silaban .rivaiGoogle a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:0px -34px;display:block;width:33px;height:33px;text-indent:-9999px;float:left;margin:0 3px 0 0}
.subscribe_style_rivai_silaban .rivaiGoogle a:hover{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:-102px -34px}
.subscribe_style_rivai_silaban .rivaiPinterest{margin:0}
.subscribe_style_rivai_silaban .rivaiPinterest a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:-34px -34px;display:block;width:33px;height:33px;text-indent:-9999px;float:left;margin:0 3px 0 0}
.subscribe_style_rivai_silaban .rivaiPinterest a:hover{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen8SdV6fiH9xjZSEMX78u7IHBcyXem9t3NHi8Tjvie00bL2BlbnWbCcAghKeKQltTP_o1P-PqziCcDpip4VoJUUdCJZaSM78_4C-Q7Zb22FjWNnoLX_c7XHZelzqDgGV39gr7VWHg9XH1/s1600/social-icon.png') no-repeat;background-position:-136px -34px}
.subscribe_style_rivai_silaban .email-group input{display:block;float:left;width:65%;margin:0 5px 0 0;padding:12px 10px 11px 10px;border:1px solid #249fea;border-radius:4px;font-size:14px;box-shadow:none;color:#999}
/*** subscribe style rivai silaban CSS and ***/

Code HTML here..

<!-- subscribe style rivai silaban start--><script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/20)$(".subscribesliders").show("slow");else $(".subscribesliders").hide("slow");});function closesocialslide(){$('.subscribesliders').remove();}</script>
<div style="display: none;" class="subscribesliders">
Join and Subscribe article here !
<div class="subscribe_style_rivai_silaban"><div class="subscribe">
<div style="margin: -4px 0 20px -1px;">
<div class="rivaiRSS">
<a href="http://feeds.feedburner.com/rivai-site" rel="nofollow" target="_blank" title="Subscribe to RSS">Subscribe to RSS</a></div>
<div class="rivaiFacebook">
<a href="https://www.facebook.com/rivaisilaban" rel="nofollow" target="_blank" title="Like us on Facebook">Like us on Facebook</a></div>
<div class="rivaiTwitter">
<a href="https://twitter.com/Rivai_Silaban" rel="nofollow" target="_blank" title="Follow us on Twitter">Follow us on Twitter</a></div>
<div class="rivaiGoogle">
<a href="https://www.google.com/+RivaiSilaban" rel="nofollow" target="_blank" title="Follow us on Google+">Follow us on Google+</a></div>
<div class="rivaiPinterest">
<a href="http://www.rivai.org/" rel="nofollow" target="_blank" title="Follow us on Pinterest">Follow us on Pinterest</a></div>
</div></div> <form class="subscribe-form" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=rivai-site', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input class="email" type="text" name="email" value="E-mail here..." onfocus="if (this.value == 'E-mail here...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'E-mail here...';}" />
<input type="hidden" value="rivai-site" name="uri"/>
<input type="hidden" value="rivai-site" name="title"/>
<input type="hidden" name="loc" value="en_US"/>
<input class="submit" type="submit" name="submit" value="Subscribe" /></form>
</div></div><div class='clear'></div><!-- subscribe style rivai silaban end-->

Code diatas merupakan code CSS dan code tag HTML dari widget Subscribe style rivai silaban yang mungkin sudah anda lihat tampilannya pada halaman demonya, Buat teman teman yang masih belajar blogging sama seperti saya silahkan kunjungi halaman tata cara pemasangan widget Subscribe style rivai silaban....

http://www.rivai.org/2013/12/subscribe-style-rivai-silaban.html

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 10:30 AM