#Cara Membuat Tombol Subscribe Responsive Diblogger Ini Dia!
Awaknyo >>
pertama anda daftar dan masuk dulu di feed burner atur dulu feed anda, namanya, atur summary 200 karakter, atur publish > subscribe dan aktifkan kemudian save agar nantinya tidak ada peringatan "the feed doesn't......"
berikut caranya:
untuk mengubah bacround gambar ubah https://hpsaja.com/wp-content/uploads/2015/07/kumpulan-hp-samsung.jpg dengan gambar kamu
sekian, semoga bermanfaat sob.
Cara Membuat Tombol Subscribe Responsive Diblogger Ini Dia!
selamat datang, tombol subscrise semakin banyak digunakan para blogger untuk mendapatkan pelanggan yang membacanya, melalui feedburner . maka berikut caranya.pertama anda daftar dan masuk dulu di feed burner atur dulu feed anda, namanya, atur summary 200 karakter, atur publish > subscribe dan aktifkan kemudian save agar nantinya tidak ada peringatan "the feed doesn't......"
berikut caranya:
Log in ke blogger.com
pilih tataletak
add widget
pilih yang html/javascript
masukkan kode berikut
<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRuT1JiXGfIxLxIU5F3r4_79iTX9sGDlZDm16UvfXvrjqTAPjw_dCQQSUcqy5Lk2MJVPZaEf0C7t_98-Mh9vCLDh2yq4RQkNhBbfsD0H_Y6XJAMFu2MbBHJcEKR-OaWK3ktz9zkzAglKT3/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://hpsaja.com/wp-content/uploads/2015/07/kumpulan-hp-samsung.jpg) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6xpqhbsA3FyiNedB8oJ5rAgc7X_jrAxEgxv6JoptZAVGrl02SiecBExlERWN4Dy56yitDiDzW7djlYC5YsiAa-8LCw1xE-_37q3frbNIfr1ZkDu9okooUMsW08h0BCMf95xLeuRC6IdY6/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTTGGU_ucB9e6QSEGbkXYVpoSirmGCqxr4jqUwoDNIk3zuM4LBBmN8iTL_l2JvC1UNFf5UaZEWpL9dKFvZ35Rxi6548thtl5p6iKS2K5eJoF6cczVQQ2mPjYHGygb6Wb4yOCbdnhw2bbOT/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style>
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p style='color:white'>Dapatkan Update "awaknyo" Langsung di Inbox Email Anda.<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=awaknyo" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=awaknyo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="awkanyo" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukan email anda disini :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div></p></div></div>
ubah awaknyo dengan feed kamu<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p style='color:white'>Dapatkan Update "awaknyo" Langsung di Inbox Email Anda.<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=awaknyo" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=awaknyo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="awkanyo" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukan email anda disini :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div></p></div></div>
untuk mengubah bacround gambar ubah https://hpsaja.com/wp-content/uploads/2015/07/kumpulan-hp-samsung.jpg dengan gambar kamu
sekian, semoga bermanfaat sob.
Posting Komentar untuk "#Cara Membuat Tombol Subscribe Responsive Diblogger Ini Dia!"
>> Beri Komentar Yang Relavan dan Sopan.
>> Tersedia Name/url, Jangan Posting Url Blog Dikomentar.
>> 95% Komentar Disetujui, Jangan Buang Buang Waktu Anda Melakukan Spam.
"Jadilah Blogger Yang Suka Bersilatur Rahmi"