Bagaimana 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 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/AVvXsEiRraUxXgWRW8ucfGwoK85ZUqWY2GV_EjSAYbIKDw1-bZy8r-vwdyUkiOTIPtz96ESYOt4WXbIu6-SA7L8IJoYNOjeGWUpr9mRL8EHckftgtkPKH2mOCPdM0XYkm4nhTSYrEAT5WuKnP1K9/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/AVvXsEjr8MVyllse3Uu0X9M63_vibFsV2COtnhhowgfbM35gf7E6moFp5CatCTxAib7HtEpXagtrgap0i3XIuMta_NgPxBtvWbCvNVcwfnHX-tKcR1OUaxWq4jH2bUQXvqW2sR0v2yMGmocNHJ3Q/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/AVvXsEjB3EEtHfCfcftrh-oEvgMU6C9jeMX5_1EokvX5ph5QvtSoAm6wkOvqCltwYXzVu_Z69kS-X0mATwrqH0gNP4pwuf-HO_mW8ofWrMAOCYM_F32bPqPqIGDKOUR5jLRXAmkV4VTGWQa-6IbO/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/AVvXsEingvk-m6dBkWrkhI4QJCORUMT9cPYF1vsCCr-42OVoWTD4UBv7WVpV8rQNOjgV0NHaMiUm3qgAywtmsXbeXOJEltJYhtur4j2wmIKvvzqx4KzLch6Yo6e6hh5ZlzELMEvAC_wLiZm4qm-X/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/AVvXsEgmGwRRhN02_uGHAGi4k_T-5-iNeaDshO9G-6pYy0EPlCNq_pxVLx8jzmDqasNxzHRlXntNtWhrhV6NNtPpKni_UNWNyVgjB2GhXegWda0u-Qer8XPuFemv4X0JwSWPww-UjaO17ZhmmqjV/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/AVvXsEgxM0PMJobKIi9fPeA6y-FHf958jfr-gvrpQjypgbD-16ozgVY3G0LGbztS7yqEC6m5X9jzOWflk91DNPXpoOA-XodXP1GXRKwBY8CNptTgx_XcYI6LIAqW-Nc_YZFwh4rHzgtF4CMCk2o5/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.

Simpan Deh