Cara Membuat Kotak Berlangganan/Subscribe Yang Unik Dan Keren

Kotak berlangganan atau yang seringkali disebut dengan subscriber box adalah salah satu property atau tools blogging yang cukup kita perlukan untuk menjaring traffic dan meningkatkan pageviews. Dengan kotak berlangganan, maka pemilik website atau blog akan mempermudah pengunjung yang ingin memperoleh update dari blog kita secara reguler.

Saat tengah blogwalking ke salah satu blog sahabat, Pejari Selengkapnya, Tutorial Blog Pemula bertemu dengan sobat yang memasang kotak berlangganan unik dan menarik. Kurang lebih seperti ini lah kotak berlangganan yang dimaksud :        

  

Wah… cantik ya sobat?? Jika sobat ingin memiliki widget kotak berlangganan seperti di atas, berikut ini saya share langkah- langkah membuat kotak berlangganan yang unik dan menarik :

1.       Masuk ke akun blogger.

2.     Pilih Tata Letak > Add Gadget > Pilih HTML/ Javascript

3.       Masukkan kode berikut ini : 

<style type="text/css"> #subscribe-box { overflow: hidden; margin: 10px 0 0 0; } #subscribe-box a.subscribe-sec { display: inline-block; display: -moz-inline-stack; width: 40px; padding-top: 38px; zoom: 1; } #subscribe-box a.subscribe-sec:hover { color: #660000; } </style> <form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <p> Get Notified When We Update !!!</p> <p> <input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value='';" /><input value="FEEDBURNER-ID" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p> <p> <div id="subscribe-box"> <a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifKbCvKgd5mHoRqctTzgPOq0GWXtmsE9BHWhNs_eKRRWO1d1lW5OIIuN9F-Nj21ic7EW-5vJyj-HKeLLSi3Zw5smucIgVgOM1e77nfuA9mJqk-T1hiaPkW-CIRiDjwHLGelpfSHcuFDf5W/s1600/delicious.png) center top no-repeat"></a> <a title="Twitter" href="http://twitter.com/TWITTER-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsHmdarfYTBXwKfYvdTOvckKqFPtGFCb_x8a0Yvw6Evdr_AniFkpvl4HNbk1BFhgP5wTb9fReGyXLDecvvuvx1f3RV246EmLqU_yPkor5TKmgG2K1vrKGUE4Aebk0w_9kQQvzAPaR0aXg2/s1600/twitter.png) center top no-repeat"></a> <a title="Digg" href="http://digg.com/users/DIGG-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZA_QQ3n_QzJKvr76iCz0KMKIVfmNHBnVUOv-3Q2PsZX1LrG2U3lO-hSkJbcAoq9PkrzE9b3GK_VuXhaincKu0Juel4m96bk8jrMyTiYgAgKS_JqGx1zaomNJ3FAdqCAYsGORopGWVpTUq/s1600/digg.png) center top no-repeat"></a> <a title="Facebook" href="http://www.facebook.com/FACEBOOK-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW4j6Tusx7hGcL2tTBHwTfN1ya2EnLQsSaVZ9pxGmgHu61WsxaEMoc8pccmpKWbj7VaV40_cWcc5V1-dfVz0eonThMz5B9X9NjIWDlcj8wp6SJ3AvY7W9raBsHjeKdWlb0DMATmSlXzrnq/s1600/facebook.png) center top no-repeat"></a> <a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJaJryFV1x8yo6GrqbaCXGcCeLWc9MaJtwq2E2wdgmLw-69vPrA_qhf0p2H9ip4jRwUHYCtNQuLF8Coa-7dDNxggM-jXMtdaWthAiOsKJW1bp_3hQUJOAK30VsrPwFZTJo8NuE-I7lTwg5/s1600/stumbleupon.png) center top no-repeat"></a> <a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhevmDlnh7PyARMAP96-zzD0euYqOekY_jLMKG90tle9wXxYAriHMKr-3Izkbzfvzz59GQXnp40lu4m5S1Dr7LlrPp6QnqtLGeYBaDikPJWwWNFONO33DVCtEjeRO7n_8RrZc_4sR-b_RAP/s1600/rss.png) center top no-repeat"></a> </div> </p> </form> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><center> <a href="http://lagudjawaasli.blogspot.com/">Get This</a></center>

4.       Sebelum di- save atau disimpan, jangan lupa sobat mengganti ID masing- masing aplikasi terlebih dahulu, misalnya Feedburner-ID harus diubah ke ID feedburner sobat, delicious-username, twitter-username, facebook-username dan stumbleupon-username harus disesuaikan juga dengan akun sobat masing- masing.

5.       Simpan dan Selesai.

Twitter Delicious Digg Facebook Stumbleupon RSS