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

SCRIPT MENU SCROLL

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

<div style="overflow:auto; width:160px ; height:100px ;border:1px solid #eee;padding:8px;margin:10px 0 0">
<ul><li><a href="http://catatanhaydarali.blogspot.com/2012/01/script-flash-effect-widgeo.html">Script Flash Effect Widgeo</a></li></ul>
<ul><li><a href="http://catatanhaydarali.blogspot.com/2012/01/cara-tambah-gadget-kotak-penelusuran.html">Cara Tanbahkan Kotak Penelusur</a></li></ul>
<ul><li><a href="http://catatanhaydarali.blogspot.com/2012/01/balasan-email-otomatis-yahoo.html">Balasan Email Otomatis</a></li></ul>
<ul><li><a href="http://catatanhaydarali.blogspot.com/2012/01/cara-buat-counter-pengunjung-di.html">Counter Pengunjung</a></li></ul>
<ul><li><a href="http://catatanhaydarali.blogspot.com/2012/01/script-flash-effect-widgeo.html">Script Flash Effect Widgeo</a></li></ul>
<ul><li><a href="http://catatanhaydarali.blogspot.com/2012/01/cara-tambah-gadget-kotak-penelusuran.html">Cara Tanbahkan Kotak Penelusur</a></li></ul>
<ul><li><a href="http://catatanhaydarali.blogspot.com/2012/01/balasan-email-otomatis-yahoo.html">Balasan Email Otomatis</a></li></ul>
<ul><li><a href="http://catatanhaydarali.blogspot.com/2012/01/cara-buat-counter-pengunjung-di.html">Counter Pengunjung</a></li></ul>
</div>

3. Aturlah widht dan heigt sesuai keinginan. Dan atur juga URL Blog kamu beserta Judul Postingan. kemudian simpan dan lihat blog.

• Script Flash Effect Widgeo

• Cara Tanbahkan Kotak Penelusur

• Balasan Email Otomatis

• Counter Pengunjung

• Script Flash Effect Widgeo

• Cara Tanbahkan Kotak Penelusur

• Balasan Email Otomatis

• Counter Pengunjung

DEMO SCRIPT MENU SCROLL

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 07 Jan 2012

SCRIPT FLASH EFFECT - WIDGEO

1. Buka www.widgeo.com atau klik disini
2. Klik Flash Effect

3. Atur flash message sesuai keinginan, lalu klik Get Widget
4. Setelah itu akan muncul script yg anda perlukan, kemudian copy script  tsb.

5. Log In Blog - Rancangan - Template
6. Tambahkan Gadget HTML/Javascript
7. Copy Paste script di bawah dan simpan.

DEMO FLASH EFFECT

ENJOY YOUR BLOG BY HAYDAR ALI

UPDATE : 08 JAN 2012

SCRIPT ANTI COPY PASTE

1.  Log in Blog - Rancangan - Edit HTML/Javascript

2. Copy Paste Script dibawah

<SCRIPT type=”text/javascript”>

If (typeof document.onselectstart!=”undefined”)

{document.onselectstart!=”undefined”)

else{document.onmousedown=new Function (“return false”);

document.onmouseup=new Function (“return true”);}

</SCRIPT>

3. Letakan script tadi di antara <head> dan <b:skin><![CDATA[/*

<head>

<b:if cond='data:blog.isMobile'>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<meta expr:content='data:blog.metaDescription' name='description'/>

<SCRIPT type='text/javascript'>
if (typeof document.onselectstart!=&quot;undefined&quot;)
{document.onselectstart=new Function (&quot;return false&quot;);}
else{ document.onmousedown=new Function (&quot;return false&quot;);
document.onmouseup=new Function (&quot;return true&quot;); }
</SCRIPT>

<b:skin><![CDATA[/*

3. Save and enjoy your blog 

DEMO ANTI COPY PASTE

ENJOY YOUR BLOG BY HAYDAR ALI

UPDATE : 08 JAN 2012

SCRIPT FLASH MESSAGE - WIDGEO

1. Buka www.widgeo.com atau klik disini
2. Klik Flash Message

3. Atur flash message sesuai keinginan, lalu klik Get Widget
4. Setelah itu akan muncul script yg anda perlukan, kemudian copy script  tsb.

5. Log In Blog - Rancangan - Template
6. Tambahkan Gadget HTML/Javascript
7. Copy Paste script di bawah dan simpan.

DEMO FLASH MESSAGE

ENJOY YOUR BLOG BY HAYDAR ALI

UPDATE : 07 JAN 2012

CARA TAMBAH GADGET KOTAK PENELUSURAN

1. Log In Blog - Rancangan - Elemen Laman
2. Klik Tambahkan Gadget
3. Pilih gadget Kotak Penelusuran

4. Setting Kotak Penelusuran kemudian save.

CARA TAMBAH GADGET PENGIKUT

1. Log In Blog - Rancangan - Elemen Laman
2. Klik Tambahkan Gadget
3. Pilih gadget Pengikut kemudian simpan

CARA TAMBAH GADGET ENTRI POPULER

1. Log In Blog - Rancangan - Elemen Laman
2. Klik Tambahkan Gadget
3. Pilih gadget Entri Populer

4. Setting Gadget Entri Populer kemudian save.

CARA TAMBAH GADGET STATISTIK BLOGGER

1. Log In Blog - Rancangan - Elemen Laman
2. Klik Tambahkan Gadget
3. Pilih gadget Statistik

4. Atur Statistik Style kemudian save.

CARA TAMBAH GADGET LOGO

1. Log In Blog - Rancangan - Elemen Laman
2. Klik Tambahkan Gadget
3. Pilih gadget Logo

4. Pilih Logo Style kemudian save.

CARA TAMBAH GADGET PROFIL

1. Log In Blog - Rancangan - Elemen Laman
2. Klik Tambahkan Gadget
3. Pilih gadget Profil

4.  Atur Profil sesuai kebutuhan kemudian save.

CARA TAMBAH GADGET HTML/JAVASCRIPT

1. Log In Blog - Rancangan - Elemen Laman
2. Klik Tambahkan Gadget
3. Pilih gadget HTML/Javascript

CARA MEMBUAT DAFTAR ISI BLOG DENGAN SCROLL

1. Log In Blog - Rancangan - Template
2. Tambahkan Gadget HTML/Javascript
3. Copy Paste script di bawah dan simpan.

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 200px; background-color: none; text-align: left;"><script style="text/javascript"
src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://www.catatanhaydarali.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

4. Jangan lupa diedit ya gan URL Blognya.. :-)

DEMO DAFTAR ISI - SCROLL

ENJOY YOUR BLOG BY HAYDAR ALI

UPDATE : 03 JAN 2012

CARA GANTI FAVICON LOGO BLOG

Ada beberapa cara untuk mengganti favicon, logo di navbar blog. Cara menggantinya sebagai berikut :
I. CARA PERTAMA
1. Log in ke blog.- klik Edit

2. Browse gambar kamu (gambar harus dibawah 100kb dan berbentuk bujur sangkar)
3. Kemudian simpan

II. CARA KEDUA
1.  Log in blog - Rancangan - Edit Template

2.  Cari kode ini di template kamu

<b:skin><![CDATA[

3.  Copy Paste Kode ini tepat di atas <b:skin><![CDATA[

<link href='http://upload.wikimedia.org/wikipedia/commons/1/1a/H-Caracas_Sur.png' rel='icon' type='image/gif'/>

<b:skin><![CDATA[

4.  Ganti url gambar sesuai keinginan kemudian save.

CARA BUAT FREE BLOG HIT COUNTER

1. Buka http://www.freebloghitcounter.com atau klik disini
2. Klik Create A Counter atur Counter kamu sesuai keinginan.

3. Klik Download dan Masukan URL Blog kamu dan atur start value visitor kamu.

 

5. Log in Blog - Rancangan - Elemen Laman

6. Tmbahkan Gadget HTML/Javascript dan Copy Paste script Counter tadi kemudian Save

DEMO FREE BLOG HIT COUNTER

ENJOY YOUR BLOG BY HAYDAR ALI

UPDATE : 02 JAN 2012

BALASAN EMAIL OTOMATIS (YAHOO)

1. Sign In Account Yahoo kamu atau klik disini
2.Klik Opsi dibagian atas email dan Klik Opsi Mail.

3. Klik Balasan Otomatis - Berikan tanda centang - Atur tanggal berlakunya balasan otomatis. - Tuliskan Teks kamu di Kolom Pesan

4. Dan yang terakhir save settingan kamu gan (kalo susah save, klik aja Umum gan, maka setting akan di simpan otomatis).

TEKS BERJALAN DI NAVBAR

1.  Log in Blog
2.  Rancangan - Edit HTML
3.  Copy Script Teks Berjalan dibawah

<script language="JavaScript">
 var txt=&quot;Catatan Haydar Ali &quot;; var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>

4. Paste script teks berjalan tepat dibawah <head>
5. Lihat Pratinjau dan cek apa script sudah terkonfigurasi dengan baik, kemudian Save.

DEMO TEKS BERJALAN

ENJOY YOUR BLOG BY HAYDAR ALI

Update : 02 Januari 2012

DREAM ISLAND

PRIVIEW TEMPLATE

DOWNLOAD TEMPLATE

CARA BUAT COUNTER PENGUNJUNG DI HISTATS.COM

1.  Kunjungi www.histats.com atau klik disini

2. Klik register dan masukan data yang diperlukan.

3. Check email kamu dan klik tautan email dari histats.com untuk verifikasi.

4. Klik Add a website dan masuukan data yang diperlukan. Klik Continue untuk lanjut ke tahap berikutnya. Tapi sebelumnya anda bisa mengatur jumlah awal counter pengunjung (Visitor Strat Value) ataupun jumlah tampilan halaman (Page Views Start Value) sesuai keinginan.

5. Klik tautan url blog (catatanhaydarali.blogspot.com ).  Kemudian klik Counter CODE.

6. Klik Add New Counter, kemuadian pilih Counter Style yg kamu inginkan.

7.  Klik Save - klik Counter ID kamu, kemudian Copy script html Counter Histats kamu.

8. Log in Blog - Rancangan - Elemen Laman

9. Tmbahkan Gadget HTML/Javascript dan Paste script Histats Counter tadi kemudian Save.

DEMO COUNTER HISTATS IN MY BLOG

ENJOY YOUR BLOG BY HAYDAR ALI

UPDATE : 02 JAN 2012