Subscribe slide for Blogspot

Install code CSS subscribe style rivai silaban

Lihat Demo

1. Login ke dashboard blog anda
2. Masuk ke "
   
   Code:

   TEMPLATE
   

   " lalu klik " Edit HTML "
3. Cari code
   
   Code:

   ]]></b:skin>
   

   setelah ketemu..
4. Copy Code script CSS subscribe style rivai silaban dibawah ini, pastekan tepat diatas code
   
   Code:

   ]]></b:skin>
   

   yang telah anda temukan tadi atau bila template blog anda memakai
   
   Code:

   </style>
   

   silahkan pastekan kode CSS subscribe style rivai silaban tepat diatas
   
   Code:

   </style>
   

   template anda.

Spoiler

Code:

/*****************************************
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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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('http://2.bp.blogspot.com/-eOyMO3WUcrA/Urb0q3lNEJI/AAAAAAAACHA/xj2WpLdbRmM/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 ***/

Setelah anda selesai memasang CSS subscribe style rivai silaban ini seperti yang telah diutarakan diatas , saatnya anda memasang code Jquerynya. Jquery yang ada dibawah ini adalah versi 1.4 bila anda sudah memiliki Jquery diatas versi Jqueri dibawah ini pada template blog anda, maka tahap ini dapat anda lewatkan sebab pada sebuah template hanya dapat memakai satu jenis Jquery saja, dan bila jquery anda masih di bawah code Jquery dibawah ini ada baiknya gantikan Jquery anda dengan code Jquery dibawah untuk Update Jquery versi selanjutnya. Untuk memasang Jquery ini anda dapat memasangnya tepat diatas code

Code:

</head>

pada code template anda.

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

Install code HTML subscribe style rivai silaban

1. Setelah anda selesai memasang code Jquery seperti yang telah di utarakan pada tahap sebelumnya, saatnya anda memasang code tag HTML subscribe style rivai silaban ini pada template anda. Untuk memasangnya anda boleh saja memasangnya di gadged widget blogspot anda, tapi untuk tutorial ini saya akan memasangnya langsung ke tag html/xml template blogspot.
2. Silahkan cari code
   
   Code:

   </body>
   

   , code ini biasanya berada pada code template blogspot paling bawah.
3. Copy code yang berada didalam spoiler dibawah ini kemudian pastekan code tersebut sebelum kode
   
   Code:

   </body>
   

   yang anda cari sebelumnya.
4. Edit codenya sesuai dengan kebutuhan template anda, kemudian save dan lihat hasilnya, Terimakasih, SELAMAT TAHUN BARU 1 JANUARY 2014 dan semoga bermanfaat.

Spoiler

Code:

<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>

Silahkan edit codenya dan save, bila teman teman masih belum memahami sepenuhnya silahkan lihat sumber artikelnya disini :
http://www.rivai.org/2013/12/subscribe-style-rivai-silaban.html
salam blogger..

 

Pengaruh dari subcribde slide

Pengaruh dari subcribde slide blogspot tersebut apa bro? mempengaruhi pada loading blog nya ga?

 

Tergantung...

itu tergantung codenya gan bila memang codenya memiliki code script yang besar seperti jquery yah pasti mengalami kendalam loading dari biasanya...