WELLCOME TO MY BLOG

SELAMAT DATANG PENGUNJUNG KE :

DISINI AKAN KAMU TEMUKAN CATATAN SEORANG HAYDAR ALI TENTANG BLOG, EMAIL, TIPS N TRICK, LINK MENARIK, 
DOWNLOAD TEMPLTE, MP3, CELOTEHAN 

DAN BERBAGAI HAL MENARIK

WELLCOME TO MY BLOG

SELAMAT DATANG PENGUNJUNG KE :

DISINI AKAN KAMU TEMUKAN CATATAN SEORANG HAYDAR ALI TENTANG BLOG, EMAIL, TIPS N TRICK, LINK MENARIK, 
DOWNLOAD TEMPLTE, MP3, CELOTEHAN 

DAN BERBAGAI HAL MENARIK

CARA DUPLIKAT BLOG - GANDAKAN BLOG

Untuk menggandakan blog, maka.buatlah Blog Baru - Copy Paste Rancangan HTML Blog Asli. sebagai contoh dibawah adalah http://demo-duplicate.blogspot.com/ saya buat sama persis dengan design  http://catatanhaydarali.blogspot.com/

Kemudian bagaimana cara membuat postingan sama?? Inilah langkah-langkah yang perlu dilakukan.
1. Masuk ke Setelan Blog I (untuk mencopy seluruh post yang telah dibuat)
2. Klik Ekspor untuk dapatkan file xml yang akan kita upload di Blog II (duplicate-blog)

3. Setelah mendapatkan file xml dari Blog I maka masuk ke Setelan Blog II (duplicate-blog) untuk upload semua post yang pernah dibuat. Kita bisa membuat 10, 100 bahkan 1000 postingan dalam hitungan menit.

4. Klik Impor kemudian masukan captcha. Tunggu beberapa beberapa detik maka jadilah dua blog dengan tampilan sama dan jumlah entri yang sama.

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jun 2012

SCRIPT LOVE BERJATUHAN

1. Log In Blog - Rancangan - Edit HTML
2. Cari kode ini di Rancangan HTML kamu ]]></b:skin>

3. Kemudian Copy Paste Script ini di bawah ]]></b:skin>

 <script src='http://vikrymadz.googlecode.com/files/taburan love.js' type='text/javascript'/>

4. Setelah itu, maka klik pratinjau untuk melihat hasilnya.

]]></b:skin>

 <script src='http://vikrymadz.googlecode.com/files/taburan love.js' type='text/javascript'/>

5. Kemudian simpan dan nikmatilah taburan cinta di blog kamu.. hehehe

DEMO SCRIPT LOVE

ENJOY YOUR BLOG BY HAYDAR ALI

UPDATE : 08 JAN 2012

SCRIPT KURSOR RUBAH

GERAKAN KURSOR ANDA PADA BERANDA DIATAS

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<style type='text/css'>body, a, a:link{cursor:url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), default;} a:hover {cursor:url(http://cur.cursors-4u.net/cursors/cur-10/cur955.png),wait;}</style>

3. Kemudian simpan dan lihat blog.
4. Ubah link cursor yang berwarna merah dah hijau pada script sesuai keinginan anda
4. Dapatkan aneka ragam script cursor di http://www.cursors-4u.com atau klik disini

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

SCRIPT EFFECT CURSOR BUBBLE

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

3. Kemudian simpan dan lihat blog.

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

SCRIPT METEOR - BINTANG JATUH

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>

3. Aturlah widht dan heigt sesuai keinginan. Dan simpan dan lihat blog.

DEMO SCRIPT METEOR

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

SCRIPT SHARE FACEBOOK, TWEET, DIGG, BUZZ

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<style type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{
position: absolute;
}

#z33sHare{
right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 20%;
}

#z33sHare div{
padding:6px 6px 6px 5px;
}

#stw{
margin-left:-2px;
}

#sfs{
margin-left:-5px;
}

</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>

3. Kemudian simpan dan lihat blog.

DEMO FACEBOOK, TWEET, DIGG & BUZZ SHARE

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

CARA PASANG SCRIPT TV ON LINE

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<center>
<table border="9"><tbody>
<tr><embed scroll="auto" align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed>
</tr>
</tbody></table>
</center>

3. Aturlah widht dan heigt sesuai keinginan. Dan simpan dan lihat blog.

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

SCRIPT TEKS MENGIKUTI KURSOR

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<script>//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='CATATAN HAYDAR ALI'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='##0000FF';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle(); </script>

3. Kemudian simpan dan lihat blog.

DEMO FLYING TEXS SCRIPT

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

SCRIPT PESAN KUNJUNGAN - ALERT VISITOR

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<SCRIPT language='JavaScript'>alert("Wellcome To My Blog");</SCRIPT>

3. Aturlah widht dan heigt sesuai keinginan. Dan simpan dan lihat blog.

DEMO WELLCOME TO MY BLOG

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

SCRIPT JUDUL/LINK POST BERJALAN

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<div style="overflow:auto;width:220px;height:150px;padding:10px;border:1px solid #eee">
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="auto" height="auto" align="center">
<script src="http://gallerydunia.com/files/post-terakhir.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://catatanhaydarali.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
</marquee>
</div>

3. Aturlah widht dan heigt sesuai keinginan. Dan simpan dan lihat blog.

DEMO SCRIPT RECENT POST BERJALAN

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

SCRIPT TABURAN BINTANG

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

Bintang Biru

<script src="http://denisahlan.netau.net/bintang.biru.js" type="text/javascript"></script>

Bintang Hijau

<script src="http://denisahlan.netau.net/bintang.hijau.js" type="text/javascript"></script>

Bintang Merah

<script src="http://denisahlan.netau.net/bintang.merah.js" type="text/javascript"></script>

Bintang Putih

<script src="http://denisahlan.netau.net/bintang.putih.js" type="text/javascript"></script>

Bintang Ungu

<script src="http://denisahlan.netau.net/bintang.ungu.js" type="text/javascript"></script>

3. Aturlah widht dan heigt sesuai keinginan. Dan simpan dan lihat blog.

DEMO TABURAN BINTANG

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 01 Jan 2012

SCRIPT EFFECT TABURAN SALJU

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script>

3. Aturlah widht dan heigt sesuai keinginan. Dan simpan dan lihat blog.

DEMO TABURAN SALJU

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 01 Jan 2012

CARA MEMBUAT GOOGLE MAP - GADGET PENUNJUK LOKASI

1. Buka http://maps.google.com atau klik disini

2. Searching alamat tempat/lokasi yang kamu inginkan. Lalu setelah ketemu klik link (lambang rantai) agar muncul script html yang kita cari.

3. Kemudian copy html yang akan disematkan di blog kita.
4. Log In Blog - Rancangan - Template
5. Tambahkan Gadget HTML/Javascript
6. Copy Paste script di bawah dan simpan.

ENJOY YOUR BLOG BY HAYDAR ALI

UPDATE : 08 JAN 2012

CARA MEMBUAT TEKS POSTINGAN BERWARNA

1. Tulislah postingan kamu terlebih dahulu

2. Kemudian blok tulisan yang akan kamu ubah warnanya.

 3. Setelah tulisan diblok, klik Text Colour di toolbar. kemudian pilihlah warna yang kamu inginkan
.

 5. Klik warna pilihan kamu, kemudian klik pratinjau untuk melihat hasil editan kamu. atau klik terbitkan.

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

CARA MEMBUAT LINK DALAM POSTINGAN

1. Tulislah postingan kamu terlebih dahulu
2. Kemudian blok tulisan yang akan kamu sematkan link

 3. Setelah tulisan diblok, klik link di toolbar. kemudian tuliskan url blog atau web yang ingin kamu tuju.

 5. Klik OK, kemudian klik pratinjau untuk melihat hasil editan kamu. atau klik terbitkan.

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012

SCRIPT CURRENCY CONVERTER (TUKAR MATA UANG)

1.Buka http://id.rateq.com/ atau klik disini
2. Copy Script di bagian kanan web.

3. Log in blog - Rancangan - Elemen Laman
4. Tambahkah Gadget dan Copy scripttadi
3. Aturlah widht dan heigt sesuai keinginan. Dan simpan dan lihat blog.

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 07 Jan 2012

SCRIPT TERJEMAHAN BAHASA DI BLOG

1. Log in blog - Rancangan - Elemen Laman
2. Tambahkah Gadget dan Copy Paste script dibawah ini

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

3. Kemudian simpan dan lihat blog.

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 01 Jan 2012

CARA MEMBUAT KOLOM DALAM POSTINGAN

1. Buatlah Entri Baru kemudian Klik Edit HTML
2. Masukan script di bawah ini lalu klik Pratinjau

<table border="1" summary="Table"><colgroup> <col></col> <col></col> </colgroup> <thead>
<tr> <th>Blogger Center</th> <th>My Favourite</th> </tr>
</thead> <tbody>
<tr> <td>Tutorial</td> <td>Facebook </td>  </tr>
<tr> <td>Script</td> <td>Youtube </td>  </tr>
<tr> <td>Tips n Trick</td> <td>Google </td>  </tr>
</tbody> </table>

3. Jika sudah benar maka akan mucul postingan seperti di dawah ini

4. Untuk menambahkan kolom dan baris, maka ubahlah kode html seperti di bawah.

<table border="1" summary="Table"><colgroup> <col></col> <col></col> </colgroup> <thead>
<tr> <th>Blogger Center</th> <th>My Favourite</th> <th>Download</th> </tr>
</thead> <tbody>
<tr> <td>Tutorial</td> <td>Facebook </td> <td>Video</td> </tr>
<tr> <td>Script</td> <td>Youtube </td> <td>Lagu </td> </tr>
<tr> <td>Tips n Trick</td> <td>Google </td> <td>E-Book</td> </tr>
</tbody> </table>

4. Jika sudah benar maka akan mucul postingan seperti di dawah ini

5. Jika ingin menambahkan kolom atau baris, maka atur sedmikian rupa sesuai keinginan anda

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 08 Jan 2012