Cara Membuat Email Subscription Dengan Gambar, Keren!!

Email Subscription dengan Gambar Adalah Salah Satu Cara untuk Memcantik Kotak Email Subcription agar  pengunjung lebih tertatik. Email Subscription ini Dilengkapi oleh Beberapa Tombol Social Media. Seperti Facebook Dan Twitter. Dengan Gambar yang diberi Efek Sketsa. Memasang Widget Email Subscription ini tidak memerlukan tempat yang cukup besar. dan Cara untuk memasangnya juga tidak perlu mengedit HTML Template anda. Untuk itu saya akan memberitahu cara untuk membuat Email Subscription Dengan Gambar. Untuk cara memasangnya, Anda harus ikut cara berikut ini:

• Silahkan Loggin Ke Blogger Anda.
• Setelah itu, Klik Menu Tata Letak dan Add Gadget HTML.
• Masukan kode Berikut ini:

<style class="text/css"> table { border-bottom: 1px solid #E6E6E6; float: center; width: 280px; margin:10px 0 0 20px; } .subicons { border-right: 1px solid #E6E6E6; } .Fadeout { filter:alpha(opacity=100); opacity: 1.0; border:0; } .Fadeout:hover{ filter:alpha(opacity=80); opacity: 0.8; border:0; } </style> <div class="table"> <table> <tr> <td><div class="subicons"> <a class="Fadeout" href="http://www.facebook.com/pages/Your-Belajar-Blog/395122827241045?ref=hl" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPouUprFEy0KH-3K6dbFT5mj0ZhtUaTdXwuAYgqn4c5IBDKGExZPzhC3n2sJLusNNKtIYvAPOtIWdPhHBdZ1lY6meGasTMWtP1pp0rmCL3WWfk_wZzPRDzirZlDKUyUDbhVJmpQlxpzt8c/s1600/facebook-48.png" /></a></div> </td><td><div class="subicons"> <a class="Fadeout" href="http://twitter.com/YourBelajarBlog" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9nMzFpnmqAZwRdjEdaLdUyWu6iA9aK-CVKfnPEQfkzK60TRSUuoRBa21WH_qqRWKMkEGIV8Fr2MCI0S4yFXB_wWL9CvJoii-D2cSKh2dJodKAiW5jT_8QLh7jzlAUPj8nqBh3Ca6nu5ub/s1600/twitter-48.png" /></a></div> </td> <td><div class="subicons"> <a class="Fadeout" href="http://feeds.feedburner.com/your-belajarblog" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkS92RHP532CmKD68uZv-byn9IIlrAkmBtsANAMYIQoj7cFaGCCfvENgyIcgoLvAEFDG8GJyz6B5g0imJGnhGphq-xQA-rXt35Ugraqqokmh5LdPWnRt8nkvifcZHfNEme8tn055lao7Wr/s1600/rss-48.png" /></a></div> </td> <td><a class="Fadeout" href="https://plus.google.com/114812141180411759844" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_r40coAQGadX7n5QvXH38zLAE3YzQEqYPcZD38nNpaQwhKXdobhAgUHuKims-ee1EObyr1vWlvN30zBF06BmyQyXwIpJLjVkVgsTDIfBmEVdqugpZudLBeMmAIMETvLb1UgNvhpbIXYlv/s1600/google-48.png" /></a></td> </tr> </table> </div> <style> .rssbuttontable { border: 1px solid #E6E6E6; background: #FFDCB1; float: center; width: 270px; margin-left:10px; padding: 5px 5px 5px 5px; border-radius: 5px; -moz-border-radius: 5px; height: 35px; float: left; display: inline; margin-top:5px; margin-bottom:5px; } input.Subscriberssbutton { background:-moz-linear-gradient(top,#F88017 0%,#FF6600 100%); background:-webkit-gradient(linear,left top,left bottom,from(#F88017),to(#FF6600)); border: 1px solid #FF6600; text-transform: none; font:bold 13px arial; color: #fff; height: 30px; padding: 4px 2px 5px 2px; margin: 0px 0 0x 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; display: inline; } </style> <table class="rssbuttontable"> <tr> <td> <a rel="nofollow" href="http://feeds.feedburner.com/~fc/your-belajarblog?bg=FF9900&fg=000000&anim=0&label=listeners" height="26" width="88" style="border:0" alt="" /></a> </a> </td> <td> <input value="Subscribe to Get Updates" class="Subscriberssbutton" type="button" onclick="window.open('http://feedburner.google.com/fb/a/mailverify?uri=your-belajarblog', 'popupwindow', 'scrollbars=yes,width=650,height=570');return true" /></td></tr> </table> <style class="text/css"> .grablink { link-color:#0084CE; font-size:12px; text-align:right; text-weight:italic; } </style> <div class="grablink"> <a href="http://your-belajarblog.blogspot.com">Blogger Trick</a> </div>

Keterangan:

1. Ganti Tulisan http://www.facebook.com/pages/Your-Belajar-Blog/395122827241045?ref=hl dengan Alamat Facebook Anda.
2. Ganti Tulisan http://twitter.com/YourBelajarBlog dengan Alamat Twitter Anda.
3. Ganti Tulisan http://feeds.feedburner.com/your-belajarblog dengan Alamat Feed Burner Anda.
4. Ganti Tulisan https://plus.google.com/114812141180411759844 dengan Alamat Plus Google Anda.
5. Ganti Tulisan http://feeds.feedburner.com/~fc/your-belajarblog?bg=FF9900&amp;fg=000000&amp;anim=0&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></a> dengan FeedCount Anda.

• Setelah Itu, Klik Tombol Simpan.

Selamat Mencoba,

Salam Sukses,

Your-BelajarBLOG