Trick Memasang Spoiler.

Cara mudah memasang spoiler untuk blogspot.

Contoh :

Your Title :

Your Text or Image Link

1. Masuk akaun Blogger.
2. Pilih 'Design'--> 'Add a Gadget'--> 'Html / Javascript'.
Copy kod di bawah dan Paste.

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">Your Title : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;background: #f5f5f5 none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(127, 69, 0); line-height: 1.5em;"><div style="display:none;">Text Atau Image Link Anda<br /></div></div></div>

3. Gantikan text berwarna biru mengikut kesesuaian anda.

4.Selamat Mencuba dan Happy Blogging.

READ MORE...

Display Number of Twitter Followers as Text.

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...

Membuat 'Text Area With Auto Highlight'.

Masukkan text anda di sini

1. Masuk akaun Blogger.

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

3. Copy kod di bawah dan Paste.

<textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()">

Masukkan text anda di sini

</textarea>

Perhatian !!! Gantikan text berwarna merah dengan text anda.

4. Save.

READ MORE...

Menukarkan Tulisan Melayu Kepada Tulisan 'Jawi'.

Ejawi.net adalah laman web yang menyediakan perkhidmatan menukarkan tulisan rumi kepada tulisan jawi. Anda hanya perlu menulis di dalam 'Bahasa Melayu' dan klik 'convert'. Tulisan jawi akan dipaparkan, dan anda boleh salin teks tersebut seperti biasa.

Untuk mengetahui lebih lanjut dan mencuba perkhidmatan ini klik di sini....

READ MORE...

Membuat Text / Imej Bergerak.

Membuat dan menghiasi blog anda dengan 'text dan imej/gambar bergerak' seperti di bawah ini:

syamzone.blogspot.com

Copy kod dibawah ini dan Paste di mana-mana halaman html di blog anda.

<MARQUEE bgcolor: rgb(255, 0, 0);">#CCCCCC" loop="-1" scrollamount="2" width="100%">syamzone.blogspot.com</MARQUEE>

Anda boleh menukar kod berwarna merah mengikut citarasa anda.

<MARQUEE behavior="scroll" direction="left" width="100%"><img src="yourimagehere.gif">

<MARQUEE behavior="scroll" direction="right" width="100%"><img src="yourimagehere.gif">

1. ...Text Anda Di sini...

<FONT SIZE="4" FACE="courier" COLOR=black><MARQUEE WIDTH=100% BEHAVIOR=SLIDE BGColor=grey>...Text Anda Di sini...</MARQUEE></FONT>

2. ...Text Anda Di sini...

<FONT SIZE="4" FACE="courier" COLOR=black><MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE BGColor=grey>...Text Anda Di sini...</MARQUEE></FONT>

3. ...Text Anda Di sini...

<FONT SIZE="4" FACE="courier" COLOR=black><MARQUEE WIDTH=100% BEHAVIOR=SCROLL BGColor=grey>...Text Anda Di sini...</MARQUEE></FONT>

Perhatian !!! Anda boleh mengubah kod yang berwarna merah mengikut citarasa anda .

READ MORE...