Cara Membuat Kotak Email Berlangganan SEO Keren

Cara Membuat Kotak Email Berlangganan SEO Keren-Sebenarnya widget ini sudah disediakan oleh blogger sendiri, namu widget yang disediakan oleh blogger terkesan lebih standar. Oleh karna itu pada kesempatan kali ini saya ingin memberikan widgate Email berlangganan yang cukup keren dan dilengkapi dengan ikon social media seperti facebook, twitter dan google plus.

Keuntungan menggunakan widgate email berlanggannan adalah untuk memudahkan pengunjung mengetahui artikel-artikel terbaru melalui alamat email yang mereka daftarkan. Sedangkan keuntungan untuk pemilik blog, akan menambah visitor jikal banyak pengunjung yang mendaftarkan emailnya. Semakin banyak pengunjung daftar email berlangganan, maka setiap pemilik blog melakukan posting terbaru akan secara otomatis ada pemberitahuan kepada mereka.

Untuk Cara Membuat Kotak Email Berlangganan SEO Keren ini tidak sulit, hanya perlu mengikuti langkah-langkah dibawah ini. hal yang perlu anda perhatikan adalah, ada terlebih dahulu harus daftar ke feedburner, jika anda belum tau cara daftarnya, silahkan baca disini. Selanjutnya ikuti langkah-langkah berikut ini:

1. Pertama Login ke blogger
2. Pilih Tata Letak
3. Klik Tambahkan Gadget lalu Pilih HTML/Java Script
4. Copy dan Paster script dibawah ini kedalam kolom HTML/JavaScript

<style> #sidebar-subscribe-box{width:270px;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="https://facebook.com/kudil.kadil"><img src="http://i1354.photobucket.com/albums/q685/harryodek/harryhermanan-facebook_zpsdf5baadf.png" /></a> <a class="social-icons" href="https://twitter.com/kudil.kadil"><img src="http://i1354.photobucket.com/albums/q685/harryodek/harryhermanan-twitter_zps60281630.png" /></a> <a class="social-icons" href="https://plus.google.com/u/0/+DiditRiadi07"><img src="http://i1354.photobucket.com/albums/q685/harryodek/harryhermanan-Googleplus_zpsd06b0bc1.png" /></a> <a class="social-icons" href="https://instagram.com/driadi7"><img src="http://i1354.photobucket.com/albums/q685/harryodek/harryhermanan-instagram_zps2dfebd6c.png" /></a><p>Buat Elo Yang Mau Berlangganan Artikel Gw Via Email</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=Giribigdotcom" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Giribigdotcom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="Giribigdotcom" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukin Email lo disini"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>

Perhatikkan:

Ganti URL ini dengan social media Anda

  • https://www.facebook.com/kudil.kadil
  • https://twitter.com/kudil_kadil
  • https://plus.google.com/u/0/+DiditRiadi07
  • https://instagram.com/driadi7

Selanjutnya ganti tulisan “Giribigdotcom” dengan username feedburner sobat

5. Setelah selesai jangan lupa untuk menyiman denga menekan tombol Save/Simpan
baca Juga:
Baca Juga Cara Membuat toko online dengan mudah | CARA DAN KUMPULAN KERAJINAN UNIK DAN KEREN

One thought on “Cara Membuat Kotak Email Berlangganan SEO Keren

Leave a Reply

Your email address will not be published. Required fields are marked *

Read previous post:
Cara Aktivasi Payoneer dengan mudah

Cara Aktivasi Payoneer dengan mudah-Akhirnya kartu Payoneer teman saya sampe...

Close