Cara Membuat Tombol Email Subcribe keren di Widget

Cara Membuat Tombol Email Subcribe keren di Widget

Jalak Ikal 03 October 0 komentar
Cara memasang Email Subcribe keren di widget - Kali ini saya akan membahas tentang bagaimana cara memasang widget email subcribe di blog,walaupun cara ini bukan hanya blog ini saja yang men share melainkan puluhan blog atau ratusan blog yang membuat artikel seperti ini.

Namun disini saya hanya mengingatkan aja kepada sobat blogger dan berbagi trik tentang cara memasang Email subcribe di widget blog,Sebenar nya menerapkan email subcribe di widget sangat lah penting agar para pengunjung lebih mudah untuk mengetahui update tan blog kita,dan dengan demikian para pengunjung yang sudah men subcribe tidak akan ketinggalan info dari blog kita.

Namun tidak semua para blogger memasang email subcribe di widget ini,ada yang memasang dan ada juga yang tidak itu termasuk keinginan sendiri para master blog.namun jika para blogger menginginkan widget ini anda hanya perlu menempatkan di widget blog sobat saja.

Dan cara pemasangan widget email subcribe ini sama seperti hal nya anda memasang widget di blog cuman ini hanya menempatkan javascript di bagian kotak yang sudah di sediakn oleh blogger.dan untuk penampilan nya bisa anda lihat pada bagian gambar di atas seperti itulah penampilan widget Email Subcribe yang sedang saya tulis disini.

Untuk itu jika anda memang tertarik ingin memasang widget Email Subcribe ini bisa ikuti langkah langkah berikut agar anda lebih mudah memasang nya
  • Masuk ke Blogger
  • Lalu ke bagian Dashboard>Lay Out>Add Gadget>Javascript/Html
  • Kemudian silahkan anda letakan kode berikut di kolom yang sudah tersedia.
<style>
    #sidebar-subscribe-box{width:300px;border:1px solid #333;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:#ccc;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://www.facebook.com/infotrens"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Facebook_zps68f4035b.png" /></a>
    <a class="social-icons" href="https://twitter.com/infotrens"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Twitter_zps433926c5.png" /></a>
    <a class="social-icons" href="https://plus.google.com/114791419588900250116"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Googleplus_zps8404ed17.png" /></a>
    <a class="social-icons" href="http://feedburner.google.com/fb/a/mailverify?uri=infotrens"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-RSS_zpsc0214ee8.png" /></a>
    <p>Klik Menu "blogertemplate9 ?" Untuk Mengetahui Keuntungan Join Bersama Kami !</p>
    <div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=infotrens" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=infotrens', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="infotrens" />
    <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="JOIN NOW !" /></form>
    </div></div></div>

Setelah itu Save dan silahkan anda lihat hasil nya
- Untuk setiap yang berwarna merah silahkan anda ganti dengan nama akun masing masing yang telah di sediakan
- Dan untuk yang berwarna biru silahkan anda sesuai kan tinggi atau leba nya kotak email subcribe tersebut sesuaikan dengan template sobat.selamat mencoba.

loading...
Ratings: 
Posted by Jalak Ikal, Published at 03 October and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi