Widget Subscribe Blog Simple

Hi, selamat sore di blog AUTOGOBLOOG , pada kali ini akan membawakan tentang blog ugm Widget Subscribe Blog Simple simak selengkapnya

Hi sobat jumpa kembali bersama saya

Sudah lama abdi gak membuat artikel

karena ada kesibukan lain di luar maya.

Sebenarnya lagi agak ragu-ragu membuat artikel lalu di post di blog karena index googlenya lagi bermasalah. tetapi mudah-mudahan hari ini index googlenya lancar ya.

Nah sobat blogger pada kesempatan kali ini abdi akan membagikan Widget Subscribe Blog Simple mungkin sobat blogger yang belum memasang widgetnya dan lagi cari yang simple-simple saja mungkin widget dibawah ini bisa jadi referensi untuk kalian.

Untuk yang berminat menggunakannya bisa langsung ambil kode css dibawah ini

/* Footer Subscription */
#na-wrapperbackground:#fff;width:100%;border-top:1px solid rgba(0,0,0,0.08).invertsubs-contentmax-width:970px;margin:0 auto;overflow:hidden;padding:0;position:relative#invertsubs-substext-align:center;width:100%;height:auto;border-radius:2px;padding:0#invertsubs-subs .emailfield form.invertsubs-formposition:relative;margin:0 auto 40px auto;overflow:hidden;width:65%#invertsubs-subs pfont-size:18px;color:#222;padding:40px 20px 20px 20px;margin:0;overflow:hidden#invertsubs-subs .emailfieldpadding:0 20px 10px#invertsubs-subs .emailfield inputwidth:100%;color:#888;padding:15px;font-size:13px;border:0;background:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.08)#invertsubs-subs .emailfield input:focuscolor:#000;outline:0#invertsubs-subs .emailfield input::-webkit-input-placeholdercolor:#888#invertsubs-subs .emailfield input::-moz-placeholdercolor:#888#invertsubs-subs .emailfield input:-ms-input-placeholdercolor:#888#invertsubs-subs .emailfield input:-moz-placeholdercolor:#888#invertsubs-subs .emailfield .submitbuttondisplay:inline-block;position:absolute;right:0;top:0;background:#f24a4a;color:rgba(255,255,255,1);font-size:14px;border:0;outline:0;cursor:pointer;width:20%;border-radius:0;transition:all .1s#invertsubs-subs .emailfield .submitbutton:active,#invertsubs-subs .emailfield .submitbutton:focuscolor:#fff;border:0;outline:0#invertsubs-subs .emailfield .submitbutton:hoverbackground:#2b2b2b;color:rgba(255,255,255,1);box-shadow:0 10px 20px -10px rgba(0,0,0,0.1)
@media screen and (max-width:768px)#invertsubs-subs .emailfield form.invertsubs-formwidth:95%#invertsubs-subs .emailfield .submitbuttonwidth:auto

Silahkan letakan kode cssnya diatas ]]></b:skin> atau bisa juga diatas </style>

Selanjutnya kalian save template yang pernah kalian edit tadi, oh iya jika sebelumnya template yang sobat gunakan pernah ada css subscribenya silahkan hapus lalu ya agar tidak terjadi dabel kode.

Selanjutnya untuk menampilkan Widget Subscribe Blog Simple gunakan kode html dibawah ini

<div id='na-wrapper'>
<div class='invertsubs-content'>
<div id='invertsubs-subs'>
<p>Subscribe Our Newsletter</p>
<div class='emailfield'>
<form action='https://feedburner.google.com/fb/a/mailverify' class='invertsubs-form' method='post' novalidate='' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=AgusIdn&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='email' placeholder='Your email address' title='Email' type='text'/>
<input name='uri' type='hidden' value='AgusIdn'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe'/>
</form>
</div></div></div></div>

Silahkan yang abdi tandai warna merah ganti dengan id feedburner kalian

untuk tampilan jelasnya bisa lihat dibawah ini

Ok sobat mungkin dari abdi cukupkan sekian lalu selamat mencoba dan semoga bisa bermanfaat. Terima afeksi pernah berkunjung.

Oke penjelasan perihal Widget Subscribe Blog Simple semoga tulisan ini bermanfaat salam

Artikel ini diposting pada tag blog ugm, blog gratis, cara menghilangkan ketombe,

Bagikan Artikel ini