subscribe blogspot

Subscribe blogspot - cara membuat widget subscribe blogspot ini tergolong mudah, subscribe blogspot ini sudah tergolong komplit untuk urusan blogging jadi wajar bila para blogging suka dengan widget subscribe blogspot ini, widget subscribe blogspot ini memiliki fitur fitur yang dapat anda gunakan pada template anda, atau bisa dibilang all in one istilah orang luar. Untuk melihatbagaimana tampilan widget subscribe blogspot ini silahkan klik tombol demo di bawah.

Demo

Code CSS here..

/*****************************************
Name : subscribe blogspot
By : Rivai Silaban | Blog Design
Update :Rabu, 18, Desember 2013
site : www.rivai.org
******************************************/
.rivai-silaban-authorboxs{width:100%;margin:5px auto}.rivai-silaban-authorboxs .container{padding:20px;border-radius:5px;box-shadow:0 0 5px 1px rgba(0,0,0,0.3);background-color:#f7f7f7}.rivai-silaban-authorboxs .container{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000;line-height:20px;position:relative}.rivai-silaban-authorboxs .container:after,.rivai-silaban-authorboxs .container:before{top:100%;border:solid transparent;content:""height:0;width:0;position:absolute;pointer-events:none}.rivai-silaban-authorboxs .container:after{border-top-color:#f7f7f7;border-width:20px;left:65%;margin-left:-10px}.rivai-silaban-authorboxs .container:before{border-top-color:rgba(0,0,0,0.01);border-width:11px;left:65%;margin-left:-11px}.rivai-silaban-authorboxs .form{font:16px/20px 'Helvetica',Arial,sans-serif;display:block;padding:10px;margin:5px auto;width:80%}.rivai-silaban-authorboxs .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}.rivai-silaban-authorboxs .email-group .button{width:25%;margin:0;min-width:85px}.rivai-silaban-authorboxs .formstatus{margin-bottom:10px}.rivai-silaban-authorboxs .button-small{float:none;display:inline-block;height:auto;line-height:18px!important;padding:2px 15px!important;font-size:11px!important}.rivai-silaban-authorboxs .button{font-family:Helvetica,Arial,sans-serif;color:#fff;background-color:#249fea;display:inline-block;white-space:nowrap;height:40px;line-height:42px;text-decoration:none;text-transform:uppercase;text-align:center;font-weight:bold;font-size:15px;cursor:pointer;border:0 none;border-radius:4px 4px 4px 4px}.rivai-silaban-authorboxs .button:hover,.button-small:hover{opacity:.8;color:#000}.rivai-silaban-authorboxs .icon{width:100%;margin:0 auto;padding:0 10px}.rivai-silaban-authorboxs .icon ul{margin:0 auto}.rivai-silaban-authorboxs .icon li{display:inline;float:left;padding:0 10px}.rivai-silaban-authorboxs .randombdrs-posts ul{padding-left:0;counter-reset:popcount;width:100%}.rivai-silaban-authorboxs .randombdrs-posts ul li:before{list-style-type:none;margin-right:10px;margin-top:5px;padding:10px;counter-increment:popcount;content:counter(popcount);font-size:12px;color:#fff;position:relative;font-family:Arial,Helvetica,sans-serif;float:left;border:1px solid #666;line-height:0;background-color:#249fea;font-weight:bold}.rivai-silaban-authorboxs .randombdrs-posts ul li a{list-style-type:none;color:#000;text-decoration:none;font-family:Verdana;font-size:12px;vertical-align:middle;line-height:30px;text-shadow:1px 1px 2px #999;font-weight:bold}.rivai-silaban-authorboxs .randombdrs-posts ul li a:hover{color:#5e0000;text-shadow:none}.rivai-silaban-authorboxs .randombdrs-posts ul li{list-style-type:none;text-decoration:none;padding:0 5px}.rivai-silaban-authorboxs .BDRS-textarea{background-color:#ecfdf9;border:dashed #666 1px;width:100%;margin:5px auto}.rivai-silaban-authorboxs .owner{text-align:right;padding:20px 100px 20px 20px;position:relative;margin:5px 20px 0 0}.rivai-silaban-authorboxs .owner-image-profil{display:block;width:70px;height:70px;border:5px solid #fff;border-radius:50%;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhli0eeKkwqQSmBnFcU-alizVvkiCVRqLf6sz3zYYy8Om4GomriSvZ79_poF-8gJt7rbTosK5IP6PqMfIu95fGfbWgjXHnpClYNfa4WdfVY839bTx_X38VEfDmonqeSCOrqBuwF0KpjkQE/s1600/s.jpg') no-repeat center center;position:absolute;right:10px;bottom:0;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.5),0 2px 3px rgba(0,0,0,0.6)}.rivai-silaban-authorboxs .owner-blog-name{font-family:Georgia;font-weight:bold;font-size:24px;color:#f00;text-shadow:2px 1px 1px #999;font-style:italic;margin:0}.rivai-silaban-authorboxs .name{font-family:Verdana;color:#00f;font-size:12px;text-decoration:none}.rivai-silaban-authorboxs .name:hover{color:#4f0000;text-shadow:0 1px 1px rgba(255,255,255,0.7);text-decoration:underline}
/*** Blog Design CSS and ***/

Code HTML here..

<div class="author-box-stylebdrs"><!-- box author Rivai Silaban start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='rivai-silaban-authorboxs'>
<div class='container'>
<div><ul class='icon'>
<li><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onClick='window.open (this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='SHARE WITH GOOGLE PLUS'><img alt='gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlbyoIwflPq7ns0r7r05S82D9kZvYNyXXErosMSUauhaf1Ml9oSRM-WRes9XZxSoe9m0eyPBW1uSka0PFo0M7c8xdm9cxiLBakZtkHxmWysTfi1WXvvrTA82vG39KRrQsYN2VeQ5Z9MbzJ/s1600/gplus5.png' title='SHARE WITH GOOGLE PLUS'/></a></li>
<li><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' onClick='window.open (this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='SHARE WITH FACEBOOK'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqFiSjBvfiTbsWrQRV-c-Zz7KnI_eTnH_c7Gs1N7F4SFaYwLZAlxQrh0rdksz5npZMSzecN9dRpILA1XOk3BavuJB3EsDTWlHZngQioC9iot3_RXhps8Xx9jNchycVHK84o00K8Z4g95PF/s1600/fb5.png' title='SHARE WITH FACEBOOK'/></a></li>
<li><a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' onClick='window.open (this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikNZYM_mFRWhcY5DscN8iXmJZoHB8gCpMAWeDkyFrrYbbZOTB1YQRq7hkLKbsHr2z0DTy06QHi0OezkkPdXvg7gJHqeURL1xrS9om1KPBxLUy8rLUejEUZbVToAXT69BLPkq81pv1dHcT9/s1600/twit5.png' title='SHARE WITH TWITTER'/></a></li>
<li><a href='http://feeds.feedburner.com/RivaiSilaban' rel='nofollow' target='_blank' title='SHARE WITH TWITTER'><img alt='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxnTpTcNcYT_XTC4wZ5AvugibExV89WC_nV__RiXhy_-agUoppAqYkXIrkYhbAo40M-jIzSFu49M7p-8Z1fDJ18RMx_2oKQthw4daumUYNP_x4W69gvkCMKFlh7UULsfc-33_-X8iLvVR/s1600/rss5.png' title='RSS'/></a></li></ul>
<span>Share artikel ini melalui icon social media.., <br/>Update artikel dengan gratis melalui email anda.</span></div>
<div class='form'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onSubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBURNER ANDA&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

<div class='email-group'>
<input id='email' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' type='email' value='Enter Your Email Address...'/>
<input name='uri' type='hidden' value='ID FEEDBURNER ANDA'/>
<input name='loc' type='hidden' value='en_US'/>
<button class='button' type='submit'> Subscribe </button>
</div>
</form></div>
<div class='randombdrs-posts'>
<ul>
<script src='http://yourjavascript.com/318041111234/rtx.js' type='text/javascript'/>
<script src='URL BLOG ANDA/feeds/posts/default?alt=json-in-script&amp;amp;start-index=1&amp;amp;max-results=500&amp;amp;callback=randomposts' type='text/javascript'/> </ul></div> <div style='margin-bottom:-20px;'>Anda sedang membaca artikel tentang,<br/> <b><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></b> <br/> Jika anda tertarik dengan artikel ini, silahkan Anda COPAS di situs anda atau sebar luaskan artikel ini, <B>INGAT..!</B> jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya...!!!</div>
<span style='font:italic 10px Arial, Sans-Serif;'><br/><textarea class='BDRS-textarea' name='BDRS' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea></span>
</div>
<div class='owner'>
<p class='owner-blog-name'>Blog Design</p><a class='name' href='LINK PROFIL ANDA ' rel='nofollow' target='_blank' title='Rivai Silaban'>+Rivai Silaban</a><div class='owner-image-profil'/></div></div></b:if>
</div></div><!-- box author Rivai Silaban end-->

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

http://www.rivai.org/2013/12/subscribe-blogspot.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 : 7:47 PM