Tampilkan postingan dengan label Widget Subscribe. Tampilkan semua postingan
Tampilkan postingan dengan label Widget Subscribe. Tampilkan semua postingan

Jumat, 15 Juli 2016

Pada Kali Ini Saya Akan Membagikan Cara Membuat Widget Subscribe Di Blog,Contoh Penampakan Widget Ini Dapat Di Lihat Di Blog Saya Ini " Get Update Via E-mail".

Okey Kalau Begitu Ikutin Langkah-langkah Berikut Ini..
1. Masuk Ke Bagian Edit Html Pada Blog Anda
2. Cari   ]]></b:skin> Kemudian Copy Kode Di Bawah Ini Diatas Kode Tadi..


/* Subscribe */
#subscribeaka {width:280px;height:auto;margin:0 0 10px 0;padding:10px;border:1px solid #1a1a1a;}
#subscribeaka p{color:#0089e0;text-shadow:0 0 1px #0089e0;font:bold 13px Terminal Dosis Light;text-align:center;}
.rss {background: url("http://i943.photobucket.com/albums/ad277/pakkuk/GreenRSSreader.png") no-repeat top right;background-size:46%;}
.input{margin:10px 5px 0 0;.margin:-10px 5px 0 0;float:left;width:110px;padding:5px 5px 5px 5px;border:1px solid #aaa;color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font:normal 13px oswald;}
.input:focus {width:180px;background:rgba(15,15,15,0.55);color:#0089E0;text-shadow:0 0 2px #0089E0;border:1px solid #0089E0;box-shadow:inset 0px 1px 3px rgba(0,137,224,0.50);-moz-box-shadow:inset 0px 1px 3px rgba(0,137,224,0.50);-webkit-box-shadow:inset 0px 1px 3px rgba(0,137,224,0.50);}
.sbutton {border:1px solid #0089E0;text-shadow:#000 1px 1px 0;color:#fff;
font:normal 13px oswald;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:10px 0 0;.margin:-10px 0 0 0;float:right;padding:5px 0 5px 0;.padding:4px 0 4px 0;width:75px;background:rgb(95,173,221);
background:-moz-linear-gradient(top, rgba(95,173,221,1) 0%, rgba(72,165,219,1) 40%, rgba(0,137,224,1) 100%);background:-webkit-linear-gradient(top, rgba(95,173,221,1) 0%,rgba(72,165,219,1) 40%,rgba(0,137,224,1) 100%);}
.sbutton:hover{color:#aaa;background:rgb(0,137,224);background:-moz-linear-gradient(top, rgba(0,137,224,1) 0%, rgba(62,160,214,1) 40%, rgba(55,158,221,1) 100%);background:-webkit-linear-gradient(top, rgba(0,137,224,1) 0%,rgba(62,160,214,1) 40%,rgba(55,158,221,1) 100%);}

3. Kemudian Save Template..
4.Selanjutnya Masuk Ke Bagian Edit Tata Letak Blog
5.Tambah Widget HTML/Javascript Lalu Masukan Kode Dibawah Ini.

 <div id='subscribeaka'>
<div class='feedatas'>

<div class='rss'>
<p>Cukup Masukkan alamat email Anda untuk berlangganan di blog ini dan menerima pemberitahuan artikel terbaru melalui email anda. Bergabunglah dengan  pengikut lainnya...!</p>
<div style='font:normal 13px Oswald;'><a href='http://feeds.feedburner.com/
Rms-Official'><img src='http://lh3.ggpht.com/_15FopxVONSo/TCXI_jBHdlI/AAAAAAAADPY/Rh5cFsxiV4A/s800/005.png'/></a> <a href='http://feeds.feedburner.com/Rms-Official' style='color:#0089e0;' target='_blank'>GET UPDATE VIA RSS</a></div>
</div>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Rms-Official&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email here...&quot;;}' onfocus='if (this.value == &quot;Enter your email here...&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email here...'/>
<input name='uri' type='hidden' value='Rms-Official'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Subscribe'/></form>
       </div>
<br/>
<br/>
<p><a href='http://feeds.feedburner.com/Rms-Official'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Rms-Official?bg=0099FF&amp;fg=FFFFFF&amp;anim=1&amp;label=listeners' style='border:0' width='88'/></a></p>
</div>
6. Save Dan Liat Hasilnya.