Add Subscribe Box to Blogger/Website.

Buat Blog

1. Masuk akaun Blogger.

2. Pilih 'Design'--> 'Add a Gadget'--> 'Html / Javascript'.

3. Copy kod di bawah dan Paste.

<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><h4>Get Notified When We Update !!!</h4></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/AVvXsEjU50__0vc64U9nN1LRIs7zOGBNnBAaFeAhUib3A2-6kHnUOiyajkd5nOBYUuJfUjYLNTk3X9PAOTGI-qVPo6zxZQXy9lqf-D25AOpIZmcVHqnDaAHdGOtNLAGIis3CzEkJJ6csrwhI9XxC/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/AVvXsEjQYz_tFYDuPZkpCWGWAPtiG13kpDg9-1KxudFl2gGaLvL4prjMQRy1WLgidOEfrve4kjdKjzgGI460QtjlZiyD11xXOotcnCumpKp5KZ3GGGSHP0csQmeO3H04J866aSiFivBuMzWTMwak/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/AVvXsEhu0axxEio6O2rh2FbR7z2nz1F8DVFRrEfuyTxNQAl5Sc1JhWYTRNWkGTsAkGQo8vZWQxc4GumKiEsmgfYqSQnJIhUrxYTUJbZjRq7UzmFqw2p5uaScMXFeMfH7jtiLk1jN5xn8HPpAFf-V/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/AVvXsEiibQRkzwY6UVVDFzYyf6pn_K85nGKcoFMy5MxRfGdYRduB6fupYFAAPsr-TUgiOiM-Df2InsO-49-ON9St0b7RzXVzL6i_b71yCB_ixM7E2VUw0rkHwUmJzQvuOpz2N6EpHZQ7lakaYcGv/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/AVvXsEj8M9kFs5fR_9P3G1iPYsQ_bZuY0VOgCWlp8-xc3uxmCPh3m6nU5TMZDTq5G1ighYVsWVpuVHaiote0mhdfP2-p-5685nOrvVQEOXsC3j71XK1Kylwuk_-OSNI28wdro4Ft2fm38lUoO7A0/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/AVvXsEhjL7C0ZEfwRzeY68Pe9Yy_xLHZnIp1XSJvXjZ2cQ2oX1hN9Esbja81LxSOlJxTk3It3S7qMxtfV-Lmq6X-MlRPdtsFJgMz6E9SE7tduhlrXsGqakFE13T5N0eOq8659nDj1_a8_RC_RwUd/s1600/rss.png) center top no-repeat"></a>
</div></p>

</form>

Perhatian !!! Gantikan text berwarna biru dengan USERNAME anda.

4. Pilih SAVE.

4 comments:

kaizer said...

tq, syam. Akhirnya ketemu juga script wat benda ni. testing buat la nanti, tq sekali lagi.

Syamzone said...

Sama2 kaizer selamat mencuba...

Unknown said...

leh translit dalam bahasa malaysia tak...dah cuba buat tapi tak leh...kena ajar step by step ni

nur sarah said...

Dah habis BM dah tu.. ahakkk

Post a Comment