Thursday, September 6, 2018

Cara membuat subcribe box keren tanpa edit html diblog terbaru

Hosting Unlimited Indonesia            Mempunyai tampilan subcribe box yang cantik, simpel dan keren tentu sangat dibutuhkan apalagi blog sobat sudah mempunyai pengunjung tetap. Untuk blogger pemula seperti saya memang sangat sulit jika harus mengutak atik Kode Html untuk mempercantik tampilan subcribe box, Maka dari itu pada postingan kali ini saya akan membagikan cara membuat tampilan feedburner atau subcribe box keren diblog tanpa harus mengedit Html.

            Manfaat memiliki widget subcribe box ini adalah :
■ Menaikkan trafik pengunjung.
■ Memudahkan pengunjung untuk berlannganan pada blog kita.
■ Tidak perlu repot share. Karena dengan adanya subcribe box ini tentu memudahkan kita dalam memperluas penyebaran link bahkan link yang dibagikan bersifat personal.
■ Menjaring pengunjung agar loyal kepada blog kita.
■ Memudahkan sobat untuk menerima subcribe email yang masuk pada blog.

            Widget subcribe box ini telah dimodifikasi agat terlihat simpel, keren, dan tidak akan memperlambat loading blog sobat. Widget Subcribe box ini bisa sobat tempatkan di sidebar, footer,  atau di bawah postingan. Sebenarnya widget subcribe box telah disediakan oleh blogspot sendiri. Namun, subcribe box bawaan blogspot tampilannya kurang menarik sehingga jarang sekali yang menggunakannya.

BACA JUGA: Cara membuat daftar isi (sitemap) SEO keren diblog terbaru 2018

             Untuk Cara membuat subcribe box keren tanpa edit html diblog terbaru ini sangat mudah. Berikut akan saya berikan tutorialnya :
● Masuk ke akun blogger sobat
● Pilih Layout/tata letak
● dibagian sidebar silahkan pilih Tambahkan gadget lalu pilih Html/javascript
● Copy kode dibawah ini kedalam kolom konten

<div class="widget enews-widget" id="enews-ext-2">
<div class="widget-wrap">
<div class="enews">
<h4 class="widget-title widgettitle">
BERLANGGANAN LEWAT EMAIL</h4>
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=thebluewux', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
Gunakan Email sobat untuk lebih mudah menerima informasi tentang Postingan terbaru dari Blog ini.<br />
<input name="email" placeholder="Tulis Email Sobat di Sini..." type="text" />
<input name="uri" type="hidden" value="thebluewux" />
<input name="loc" type="hidden" value="en_US" />
<input type="submit" value="Subscribe" />
</form>
</div>
</div>
</div>
<style type="text/css">
.enews-widget {background-color:#66ccff;color:#FFF;padding:20px !important;margin-top:10px}
.enews-widget h4 {font:17px/18px 'Oswald',Arial;margin:0 0 20px 0}
.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}
.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}
.enews-widget input[type="submit"] {font:16px/20px "Oswald",Arial;background-color:#01AEFF;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}
.enews-widget input[type="submit"]:hover {background-color: #ff0000}
</style>

 Keterangan :
☆ Ganti tulisan thebluewux dengan ID feedburner sobat.
☆ Jika ingin mengganti warna tampilannya silahkan ganti tulisan yang berwarna Merah dengan kode warna yang sobat sukai. Untuk mencari kode warna html silahkan kunjungi Html colors
● kemudian klik save.
  Selesai, dan lihat perubahannya diblog sobat.

                Demikian Cara membuat subcribe box keren tanpa edit html diblog terbaru. Semoga bermanfaat dan masukkan email sobat dikolom subcribe box dibawah postingan ini untuk mendapatkan update artikel dari thebluewux.
Sekian dan Terima kasih.
Kursus Advance SEO - Saung Seo 728x90

Bagikan

Jangan lewatkan

Cara membuat subcribe box keren tanpa edit html diblog terbaru
4/ 5
Oleh
 

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.