Cara Memasang Subscribe di Blog

Cara Memasang Subscribe di Blog

Cara Memasang Subscribe di Blog

infoalya.com 

Subsribe adalah sebuah fasilitas yang disediakan pemilik blog bagi pengunjung agar dapat berlangganan artikel/tulisan terbaru, untuk cara memasangnya simak dibawah ini !




Login ke akun masing-masing
tambah widget HTML/JavaScript
Copy dan paste kode dibawah ini dan klik simpan


<div id="subscribe-css">
    <div class="subscribe-wrapper">
    <p>Ikuti Blog ini dengan memasukan Email Anda! </p>
    <div class="subscribe-form">
    <form action='http://feedburner.google.com/fb/a/mailverify?uri=InfoAlya' class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=InfoAlya', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
    <input name="uri" type="hidden" value="InfoAlya" />
    <input name="loc" type="hidden" value="en_US" />
    <input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email address "/>
    <input class="subscribe-css-button" title="" type="submit" value="SUBSCRIBE NOW !" />
    </form>
    </div>
    </div></div></div>


Ganti ID InfoAlya dengan ID anda 

jika belum memiliki ID silahkan kunjungi https://feedburner.google.com dan ikuti petunjuknya

Selanjutnya copy dan paste CSS berikut tepat diatas </style> atau ]]></b:skin>
Simpan jika selesai


.subscribe-wrapper {
 color : #fff;
 background: none repeat scroll 0% 0% #FF6C60;
 font-family: "Oswald",Tahoma,Sans-serif;
 line-height : 20px;
 padding : 1px 20px 10px;
 text-align : center; 
} 
.subscribe-form {
 background : #FF6C60;
 clear : both;
 display : block;
 margin : 10px 0;
 overflow : hidden; 
} 
form.subscribe-form {
 clear : both;
 display : block;
 margin : 10px 0 0;
 width : auto;
 overflow : hidden; 
} 
.subscribe-css-email-field {
 background : url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) 1px -27px no-repeat #eee;
 color : #444;
 margin : 0 0 15px;
 padding : 12px 40px;
 width : 100%;
 border : none; 
}
.subscribe-css-button {
 background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
 color : #fff;
 cursor : pointer;
 font-weight : 700;
 padding : 7px;
 text-transform : none;
 width : 100%;
 border : none;
 font-size : 16px;
 transition : all 0.3s ease-in; 
}
.subscribe-css-button:hover {
 transition : all 0.3s ease-in;
 background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2); 
}
terima kasih untuk kangdewek :  _blog-kangdewek.blogspot.com

Share this:

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - https://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Info Alya? Keep us running by whitelisting Info Alya in your ad blocker.

This is how to whitelisting Info Alya in your ad blocker.

Thank you!

×
×
×