Widget Subscribe Blog Simple

Hohoho, selamat pagi di blog AUTOGOBLOOG , artikel ini akan membawa pembahasan mengenai blogger sign up Widget Subscribe Blog Simple simak selengkapnya

Hi bendu sua lagi 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 akibat index googlenya lagi bermasalah. tetapi mudah-mudahan yaum ini index googlenya lancar ya.

Nah bendu blogger pada kesempatan kali ini abdi hendak membagikan Widget Subscribe Blog Simple mungkin sobat blogger yang belum memakai widgetnya dan lagi cari yang simple-simple saja mungkin widget dibawah ini bisa jadi referensi buat 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 telah kalian edit tadi, oh iya jika sebelumnya template yang bendu gunakan telah ada css subscribenya silahkan hilang dulu ya agar tidak terjadi dabel kode.

Selanjutnya buat 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 bendu mungkin dari abdi cukupkan demikian dulu selamat mencoba dan semoga bisa bermanfaat. Terima kasih telah berkunjung.

Sekian detil mengenai Widget Subscribe Blog Simple semoga artikel ini menambah wawasan salam

Artikel ini diposting pada label blogger sign up, blogger template, blog pribadi,

Bagikan Artikel ini