Bagaimana Cara Menambahkan Subcribe 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/AVvXsEjY0-J29ErHP2knEdkHGFT3y1C3x6WurFEpCH-FRDvfT0kR1oSt5IFOTDfqbyFgJTunwTLqyJLHUOwQb20IiTpCwHrzGzdxXyl9WOgZ6pEbulqAtJTa2F1kRxOs3_PKF4HP6T10tPEAhWgJ/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/AVvXsEh7xMxJ0FyUCorsqwBBJFdQW19Yy7vN-bTr45Ijb6qAZkgk_thQFq37ncZscMxVVtYfk79DDLBhwJK4ufuduz2itzd26No7OzrpUg3N1WdEdwlmXJLG7uTYhetQvonquKKMTiT0obWKSZ5p/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/AVvXsEgwEx7XNT8JSAxqneWOUtydLFrpkdlYe497loY60yr0SIK3yw4pzCJc3inhsyQO4nMHDwngK7P5GtwJKptb9NVAxhS69kmrZcfsqWNY77ygbPAxqCGnijWY6kyxLmPSAVHfaqsWIh82swVe/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/AVvXsEhDUTwYZgy9haTiZk48fAuvpAR9YbyuR58PiS-sy7nB5mg3HGj_Xucukbj_JhBdZN_e3PrcEoJnz0pE9vnG0mfx0ofJo36ibRzplpxe9w1kUShRpUj_tYeaxBU7kxa0DQWGbdlcUAbcaGgA/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/AVvXsEjCQ_4Z95vL5_wl_xrW6AH5zPXg7ahHsb48qj6g-D1fijQeLYDlV09FIv_ZZ00eAtyP51OSyc17-uo2nTQlBtCbhZnJy5lmx4M-gr6nHJ-E5v9SY80gfEZH7mDTlo4nP6-vhQxk8hZoS4Cb/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/AVvXsEjo7YvdBVAzVhaR3FRkBCQtCuHuzam79ZQE9gksgGXo02Px2I6KhkRJXZRhMLINo3Kk3RVBP3NHelIuGSlF10Uiui_Ox2YozgQ-QFaHVuxi-3z2jGbNI4S-jzz-E6pvs49CSlPAqn-DZitZ/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.