Cara Memasang Kotak Berlangganan Yang Menarik

seperti yang kita ketahui feed Burner adalah salah sebuah alat bantu blog untuk memudahkan pengunjung mengikuti setiap artikel yang kita tulis melalui email yang telah terdaftar (berlangganan). Feed Burner sendiri sebenarnya kotak berlangganan artikel blog itu sendiri sudah disiapkan oleh feed Burner sendiri, namun kodrat kita sebagai manusia yang tidak pernah puas dengan ingin selalu menciptakan sesuatu yang menarik juga tidak bisa dipungkiri, maka tidak heran seitap kali kita mengunjungi sebuah blog, ada saja desain desain unik dari setiap widget, yaaaa salah satunya kotak berlangganan itu sendiri. Hehehehe..

kebetulan saat saya searching widget kotak berlanggan dan masuk ke blog seocips.com banyak sekali model model menarik yang ditawarkan, seperti yang saya gunakan pada blog ini, karena blog ini juga mengangkat masalah dunia blogger jadi saya tulis juga di dalam artikel saya.

Berikut ini cara memasang widget kotak berlangganan yang menarik

1.    Yang pertama silahkan sobat masuk ke akun blogger sobat

2.    Pilih template >> kemudian Edit HTML

3.    Masukkan kode dibawah ini tepat di atas </b:skin>

.form {
border:1px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:100%; /* panjang form */
height:auto /* tinggi form */
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqoeK2LWeJGW81D8c-vm536vmKOOKiVoppCbbSoz1AhfBufJQsPvsUZvyHEcMtt7j3cR2yocZtpLwIhPpeMbxdElW5w4u7ipkukujdUzFL5K6s8KsyZHgjI0jN2x4fF8X3A5l-vqP2iHI/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}

4.  Jika sudah, simpan perubahan template sobat

5.   Kemudian sobat pilih Tata Letak >> add a gadget >> HTML/ Java Script

6.  Sobat masukkan kode dibawah ini pada kotak tersebut

<div class='form'>

<div class='rss'>

<div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss duniablogger2016' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN0n9veQkMHRVA3qn1J24qa194fka3UIBpyqAOctJemDlfHr8kmAAowkwnT2VKpb-jSNQORD0Xuiltm0AnPMAvBNbarvVQKJ_PJuUwHFZ0nLUCTU16oblCxaGOxAgYsWp_DXgsaeWyP6j8/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/duniablogger2016' rel='nofollow' target='_blank'>LANGGANAN ARTIKEL</a></div>

<div style='font-weight:bold; padding:10px 10px;'>GET UPDATE VIA EMAIL</div>

<div style='padding-left:10px'>Berlangganan artikel via email!</div>

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=duniablogger2016&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}' onfocus='if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}' style='width:140px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value='duniablogger2016'/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='SUBCRIBE'/></div></form>

<div style='padding-left:10px'><p><a href='http://feeds.feedburner.com/duniablogger2016' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/duniablogger2016?bg=FF6600&amp;fg=FFFFFF&amp;anim=1' style='border:0' width='88'/></a></p></div>

</div></div>

Untuk tulisan yang berwarna merah sobat ganti dengan Url Feed Burner sobat yaa...
 

7. Save dan widget kotak berlanggan sobat telah selesai

     Sekian info yang saya berikan kali ini, untuk mendapatkan informasi menarik seputar dunia blogger silahkan sobat masukkan email sobat di kotak pelanggan yang disediakan, tenang saja free kok... hehehehe (promosi) !!! oh yaaa... komentarnya jangan lupa yaaa, biar makin kedepannya makin bagus blog ini.. ma kasih sobat !!

 

Posted by Unknown

Tweet