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.

READ MORE...

Display Number of Twitter Followers as Text.

arena trick

1. Masuk akaun Blogger.

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

3. Copy kod di bawah dan Paste.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'TWITTER-USERNAME'},
dataType: 'jsonp',
success: function(data) {
$('#followers').html(data.followers_count);
}
});
});
</script>


I have <span id="followers">&nbsp;</span> Twitter followers.

Perhatian !!! Gantikan text berwarna merah dengan twitter username anda.Text berwarna biru boleh digantikan mengikut citarasa anda.

READ MORE...