Senin, 29 Desember 2014

Cara Memasang Subscribe di Blog

Baca Juga :

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 :  http://blog-kangdewek.blogspot.com
Previous Post
Next Post

post written by:

  • 0 Comment
  • Comment

Leave your comment

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