Cara menambah kotak berlangganan dan share widget ke Blogger

Tweet

Dalam tutorial, saya akan menjelaskan kepada Anda bagaimana membuat Kotak Berlangganan dengan Feedburner Email, berlangganan Delicius dan tombol jaringan sosial lainnya (Digg, Twitter, Facebook, Stumbleupon, Delicious). Anda dapat dengan mudah menambah atau menghapus tombol sosial untuk widget ini dan setup email subscription.If Anda Anda ingin menambahkan widget ini ke blog atau website, maka ikuti langkah-langkah di bawah ini.

1. Log in ke Layout
2. Klik pada 'Tambah Gadget' di sidebar.
3. Pilih 'HTML / Javascript "dan tambahkan kode yang diberikan di bawah ini dan klik simpan.

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=&#39;&#39;;" /><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/AVvXsEgvUlVzF01aB9u22pabXVvov5CRirbAotwDhXLYcX0j7e38h_ST-ztxldNJxRanqm15fY2ZZfpLZTrLLa7kHdjQ-HLrWMR-zI422Srt6pYDPd2ES66qr-1y_pdiCRxkHyodpfdCMJ9p6IMx/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/AVvXsEifbYkdom9b3hBMEvG_RGKBppdWgI_g4X5xphNZgbFIfcFv_3OZlUSKquTr-0BUkSUpS3oFFkanyR8AW2rryCTGG-uNO4EBOct4w6EVk-k6pYgTS2epafdF_KyiQr6ozVaAuk4PHkoCZsEL/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/AVvXsEjZt5PoEzU_xrcl4-llQxMYcDNgl3J9HAwFHzGEoSRAMN6oBMdplt7VBwsnzaeLrzJNOBF-strwXRWFaO6eefNLcse_4c6TaaOGuZSKdecwxuY-QP3CiTRKMJ2vf_IsAzDMxUJ-ymzVQrYE/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/AVvXsEgMjPf934sg0jY7xkxbH13LT-RvgwLdVt7WltHX5A0Et-0o_bm_dcjb2MhvXvB2J7i1VQsSp4SSzYibkEGfTpiQfR-7QycwM6lJMxmPbs4G_wQP_-Ed7VRxD94ZsfMGdTGABVWj7IKXvMon/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/AVvXsEjuWtruQxVDH3MBlsEc05k5U4DVjF5aG3RX7-xIsj_9d7w2TecKKVuYMC8zCIG2ojxPT7l1kgCxSoTWUdXleuSxp-IoPIG7d29gIPf_5ETta3OTFLOn178FUGa3ez_mXKjCLM2pgtoR_8bh/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/AVvXsEi7ysphzl67vn72BQQDkeLCm2JP4CNgJRa4N0ypp_T3jIS4lM3_wnc1DnPb8q8a-hiookHK2tOqY3vQqvR-mgQ7MZSwYC1GazQI_aTutCoLckJWO5xDAG9v8RzoVDgmvwvWNzUjUHJrB1Bt/s1600/rss.png) center top no-repeat"></a></div></p>
</form>

Keterangan :

1. Ganti ID pada script yang diwarnai.

Tips :

1. Jika Anda tidak punya akun Delicious,  Stumbleupon, dan Digg, Anda tinggal menghapus saja script nya seperti pada contoh dibawah ini :

<a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUlVzF01aB9u22pabXVvov5CRirbAotwDhXLYcX0j7e38h_ST-ztxldNJxRanqm15fY2ZZfpLZTrLLa7kHdjQ-HLrWMR-zI422Srt6pYDPd2ES66qr-1y_pdiCRxkHyodpfdCMJ9p6IMx/s1600/delicious.png) center top no-repeat"></a>