Cara Memasang Kotak Subscribe Keren Di Blog
Bagi para blogger yang menginginkan trafik tinggi niscaya sudah tidak absurd dengan feedburner. Situs ini memungkinkan pembaca untuk sanggup berlangganan artikel dari blog Anda via email. Sangat elok untuk Anda yang mengejar trafik tinggi bukan? Namun, sehabis mendaftar di feedburner gimana caranya semoga orang lain sanggup berlangganan artikel dari blog Anda? caranya sangat mudah, tinggal memasang widget subscribe yang terhubung pribadi dengan feedburner Anda.
Bisa Anda lihat preview diatas merupakan tampilan kotak subscribe/langganan artikel via email yang terdapat diblog ini. Jika Anda tertarik untuk mempunyai widget serupa silahkan ikuti tutorialnya hingga selesai.
1. Login ke akun blog sobat
2. Pilih Tata Letak atau Page Elements
3. Klik add widget
4. Pilihlah HTML/JavaScript
5. Masukkan aba-aba berikut<section class="technopcarea-newsletter"> <div class="technopcarea-newsletter-form"> <fieldset> <div style='color:#fff;font-family:'Oswald',Tahoma,Sans-serif;font-size:16px;font-weight:200'> <center><a> Subscribe To Get <i>FREE</i> Articles. </a></center></div> <div class="fields"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=OpickWeblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="email" id="email" name="email" onblur="if (this.placeholder == "") {this.placeholder = "Enter your email here..";}" onfocus="if (this.value == "Masukkan Email..") {this.value = ""}" type="text" placeholder="Enter your email here.." /> <input name="uri" type="hidden" value="OpickWeblog" /> <input name="loc" type="hidden" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </fieldset> <div style='padding:90px 80%;color:#fff;font-family:Arial;font-size:12px;'> <small><a href=" " target="_blank" title="Cara Memasang Kotak Subscribe Keren di Blog">Get_Widget</a></small> </div></div> </section> <style> input[type="text"]{font-family:arial} .technopcarea-newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;height:110px;position:relative;width:100%} .technopcarea-newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none} .technopcarea-newsletter-form fieldset h2{color:#FFF;font-family:Sniglet;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px} .technopcarea-newsletter-form fieldset .fields{position:relative} .fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px} .fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:11px;transition:all ease 0.6s} .fields .subscribe:hover{background:none repeat scroll 0 0 #161616} </style>
Silahkan ganti OpickWeblog dengan ID feedburner sobat. Untuk mengetahui ID nya, silahkan kunjungi www.feedburner.com kemudian pilih blog Anda, sehabis itu klik Edit Feed Details. Untuk lebih jelasnya lihat gambar dibawah ini.
Comments
Post a Comment
Komentar yang kamu masukkan sedang dalam peninjauan.