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.
Code CSS here..
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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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/AVvXsEiDG-lX97_kq08Ozxji5AgtAyB9DLHxD5FZopNjwCT26ufo6VWmYfdcHgdR2sp83nvh7rArNfCYaoFxEevCaH3lrhim8DGD-K0XX2W5FB7YYkKwJkyokDsl7p38teFxAyajOYmrpBbVNCLn/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}
Code HTML here..
<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/X" rel="nofollow" target="_blank" title="Subscribe to RSS">Subscribe to RSS</a></div>
<div class="rivaiFacebook">
<a href="https://www.facebook.com/arieadie30" rel="nofollow" target="_blank" title="Like us on Facebook">Like us on Facebook</a></div>
<div class="rivaiTwitter">
<a href="https://twitter.com/lindamarlina40" rel="nofollow" target="_blank" title="Follow us on Twitter">Follow us on Twitter</a></div>
<div class="rivaiGoogle">
<a href="https://www.google.com/+arieadie8" rel="nofollow" target="_blank" title="Follow us on Google+">Follow us on Google+</a></div>
<div class="rivaiPinterest">
<a href="http://mas-arie69.blogspot.com/" 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=x', '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'>
