Header Ads

Cara Membuat Widget Berlangganan Artikel Keren pada Blog

Cara Membuat Widget Berlangganan Artikel Keren pada Blog
Cara Membuat Widget Berlangganan Artikel Keren pada Blog
Cara Membuat Widget Berlangganan Artikel Keren pada Blog - Rasanya kurang lengkap jika tidak menyertakan widget berlangganan artikel pada blog anda. Selain sebagai sarana komunikasi antar blogger dan reader, adanya widget ini juga dapat menjadi nilai tambah yang dapat anda berikan untuk pembaca setia blog anda.

Yap cukup kata-kata manisnya, sekarang langsung tutorial :

1. Buka dashboar blogger > pilih tata letak
Cara Membuat Widget Berlangganan Artikel Keren pada Blog
pilih tata letak

2. Pilih tambahkan gadget >  HTML/Javascript
Cara Membuat Widget Berlangganan Artikel Keren pada Blog,tambahkan widget
pilih tambahkan gadget, lalu pilih Javascript/HTML


3. Salin kode dibawah ini, kemudian klik simpan

<style> #sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0} .sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png) 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(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.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{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%} a.social-icons{margin-right: 5px;height:45px;width:45px;} a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);} </style> <div id="sidebar-subscribe-box"> <div class="sidebar-subscribe-box-wrapper"> <br/> <a class="social-icons" href="HALAMAN FACEBOOK/FANPAGE ANDA"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Facebook_zps68f4035b.png" /></a> <a class="social-icons" href="ALAMAT TWITTER ANDA"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Twitter_zps433926c5.png" /></a> <a class="social-icons" href="ALAMAT GOOGLE+ ANDA"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Googleplus_zps8404ed17.png" /></a> <a class="social-icons" href="ALAMAT FEEDBURNER ANDA"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-RSS_zpsc0214ee8.png" /></a> <p>KALIMAT PENGGAET PAMBACA DISINI :D</p> <div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/MPGFW" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/MPGFW', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="blogspot/MPGFW" /> <input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="MASUKKAN EMAIL UNTUK BERLANGGANAN"/> <input class="sidebar-subscribe-box-email-button" title="" type="submit" value="DAFTAR !" /></form> </div></div></div>

4. Ubah kata yang berwarna merah sesuai keinginan anda, lalu klik simpan
5. Silahkan lihat blog anda untuk memastikan widgetnya sudah terpasang, jika ada pertanyaan silahkan tinggalkan komentar..

Tidak ada komentar

Diberdayakan oleh Blogger.