Cara Memasang Subscribe di Blog

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

<div id="subscribe-css">
    <div class="subscribe-wrapper">
    <p>Ikuti Blog ini dengan memasukan Email Anda! </p>
    <div class="subscribe-form">
    <form action='https://feedburner.google.com/fb/a/mailverify?uri=InfoAlya' class="subscribe-form" method="post" onsubmit="window.open('https://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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJoPcNZ-zb1tHWH_HxEDl1PVwGRnkCfv-i1aY4sxf434gxLfzaZ1Ag53dRNBR2asMwg6I1MD7KxMSv0uQOTM9H7YeME1ql6l0Pa4IN3zd2SvhVkApnL-MxsAVvYkn2GIKWzbjC4dOzwLIv/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

Cara Memasang Subscribe di Blog

Contact Form