Cara Menambahkan Subscribe Box ke Blogger

Subscribe Box atau tombol submit ke berbagai social media / social bookmarking merupakan sebuah keuntungan bagi web / blog kita. Kenapa? karena dengan mensubmit blog kamu, maka blog kamu akan sedikit dikenal ke khalayak luas hehe.


Tombol - tombol itu bisa kamu lihat di sidebar blog ini. Menarik bukan? Ingin punya juga Subscribe Box seperti saya? Ayo silakan baca lebih bawah lagi.

1. Login ke blog kamu --> Design --> Page Elements.

2. Klik "Add a Gadget" di sidebar kamu.

3. Pilih HTML/Javascript dan tambahkan kode di bawah ini kemudian save deh.

<style type="text/css"></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">#subscribe-box {</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      overflow: hidden;</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      margin: 10px 0 0 0;</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      }</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><br></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">#subscribe-box a.subscribe-sec {</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      display: inline-block;</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      display: -moz-inline-stack;</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      width: 40px;</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      padding-top: 38px;</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      zoom: 1;</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      }</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><br></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">#subscribe-box a.subscribe-sec:hover {</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      color: #660000;</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif">      }</font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"></style></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><br></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><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></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><br></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><p><div id="subscribe-box"></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuJPFkI3UBIENADXzhMZHSvAoMNh5kFtPs1mnO0TmM-z_kyLzo81QjaIPWcYYJrHoiHSnWcZmSpUP9ijjMSiH8V8j7t76BT1639SYT1hgXz2S3dX-15ZPRJMIg58SvJvBnOk0Fr7Hv7GZh/s1600/delicious.png) center top no-repeat"></a></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><a title="Twitter" href="http://twitter.com/TWITTER-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQSOu9SqNsZhHgb8hGLC1x0P6tPayN_8jXrsV-I3wQug6KW5m15YBfU23Bd8iX0HTGMszhWLf7IoYUvIlH_SiEM-Dys1uAmmsOre0rGrbrbPhm4gPe9C-lyc4NWW5SQOKUQ4FqLbY6E34/s1600/twitter.png) center top no-repeat"></a></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><a title="Digg" href="http://digg.com/users/DIGG-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixm2UbZ4zcWZr17TbeujkZJSw9R3jCxcseRmOcKSj1VvVcXzDVnLRMhtzaT4Wftoi5PJ4rao137PapaX9d6yaVbtyvjb_0ALKVfdPuDeoKt7V8VEMUiGdVLx_SplwGJb9Zc4YR0rXixnns/s1600/digg.png) center top no-repeat"></a></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><a title="Facebook" href="http://www.facebook.com/FACEBOOK-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2qMOCgOQcDSZC27ewuu43f7wWaFf2Le4OGEXhadilpdS7vZ7RNOe9sWtGPFguWEGUjpIvLujrsNLa0ICzzo8872ZJQr9UEKkhKLzvvi7yZxi2dSf2ZFutVLRz3Liqn6mSpT-rbP8ZcdD2/s1600/facebook.png) center top no-repeat"></a></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiADBkiz_DHc8lgN-xxoQWjqihW4OnUy0gvADdFW1cwTXZE6Ju6WdSXzlU3C-4Wpx-P-8W8WNo-7G5NcqRZYcjclJHCqWNiZnumbxfTsmL1DVklZDfj2CFtva6KBXvMjIRBNOFYZiOQU72A/s1600/stumbleupon.png) center top no-repeat"></a></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFt3o2dnAN_fHPy-3pg-Ut4wRwaqb-OJfzar1LNHBWcLgjhFPeD9JFhvUfmvguM5kUwAqXK1-jCAuZoNz85ab8mjI8wK9fLWTQX2oSR-NRgEvj52OR8ILGKZ-9NPM_s2hiSv4p3QIUM1aq/s1600/rss.png) center top no-repeat"></a></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"></div></p></font></span></p><p class="separator" style="text-align: left; clear: both; "><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"><br></font></span></p><span class="Apple-style-span" style="line-height: 18px; "><font class="Apple-style-span" face="Arial, Helvetica, sans-serif"></form>

Note : Inget tuh ada yang harus diganti.

FEEDBURNER-ID with your feedburner ID.
DELICIOUS-USERNAME with your delicious username.
TWITTER-USERNAME with your twitter username.
FACEBOOK-USERNAME with your facebook username.
STUMBLEUPON-USERNAME with your stumbleupon username