Thursday, February 19, 2015

Cara Membuat Widget Berlangganan Lewat Email Simple di Blog

Cara Membuat Widget Berlangganan Lewat Email di Blog - Salam pecinta Aneka Tips Terbaru, kembali lagi kita akan membahas mengenai tips blog yang berguna untuk mempercantik blog kita masing - masing. Tepatnya adalah membahas tentang Cara Membuat Widget Berlangganan Lewat Email Di Blog.
Cara Membuat Widget Berlangganan Lewat Email Simple di Blog
Cara Membuat Widget Berlangganan Lewat Email Simple di Blog

cara membuat widget subscribe atau berlangganan lewat email di blog ini berfungsi sebagai fasilitas bagi pengunjung yang ingin berlangganan artikel melalui email di blog anda. dengan begitu, para blogger yang berkunjung akan mudah mendapat update informasi dari blog anda.

Cara Memasang Widget Subscribe Lewat Email ini telah divariasikan supaya keren dan modernlah. Widget ini yang jelas tidak memberatkan pada saat loading. jadi, ini tidak menjadi masalah saat memasang widget ini.

Cara Membuat Widget Berlangganan Lewat Email Simple di Blog


Perhatikan langkah - langkahnya berikut :
  • Pertama, Login ke Akun blogger.com masing - masing.
  • Kemudian, Pilih menu Template, lalu klik pada Edit HTML.
  • Setelah itu, Cari kode ]]></b:skin>, Untuk mempermudah bisa menggunakan Ctrl+F.
  • Selanjutnya, Salin kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin>
/*===== Pulo Blog Subscribe Box Widget =====*/
#sidebar-subscribe-box{width:290px;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:none}.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:100%}.sidebar-subscribe-box-email-button{background:#009cff;border:1px solid #009cff;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:5px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-align:center;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#0082d4}.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:5px;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);}


  • Selanjutnya, anda Save Template / Simpan Template.
  • Kemudian, Pilih menu Tata Letak.
  • Setelah itu, klik pada Tambah Gadget.
  • Selanjutnya, Pilih HTML/JavaScript.
  • Kemudian, Masukkanlah kode script di bawah ini.
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><br/>Dapatkan Update Informasi Terbaru <a href="http://hafifurrahmancoy.blogspot.com" target="_blank">Tips - Tips Terbaru</a> Melalui Email !!<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=Tips - Tips Terbaru" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Tips-Tips Terbaru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="Tips-Tips Terbaru" /><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="Berlangganan" /></form></div></div></div>


Keterangan:
  Ganti teks yang berwarna ungu dengan URL blog sobat.
  Ganti teks yang berwarna biru dengan Judul blog sobat.
  Ganti teks yang berwarna merah dengan ID Feedburner sobat. Jika belum mendaftar feedburner         Google, silahkan daftar terlebih dahulu pada situs Google Feedburner.

  • Selanjutnya, Klik Save / Simpan.
  • Selesai.

Demikianlah pembahasan mengenai tentang Cara Membuat Widget Berlangganan Lewat Email Simple Di Blog dengan mudah. Mudah - mudahan dapat bermanfaat bagi kita semua. Baca Juga tentang Cara Membuat Widget Recent Post Bergerak dan bergambar di Blog. Terima Kasih.
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Membuat Widget Berlangganan Lewat Email Simple di Blog

2 komentar: