Senin, 30 Agustus 2010 | By: Faris Setiawan Bastomi

Cara membuat tulisan berjalan

Kali ini mbahas tentang tulisan yang bisa jalan-jalan nieh,,, biar di liat gag diam aja, biar tambah gaya gitu,, hehehe,,,
misalnya kaya' gini nie

1.) tulisan berjalan biasa
Tulisan berjalan
kodenya:<marquee behavior="scroll">Tulisan berjalan</marquee>

2.) tulisan jalan kekanan
Tulisan berjalan kekanan
kodenya:<marquee behavior="scroll" direction="right">Tulisan berjalan kekanan
</marquee>

3.) jalan ke atas
Tulisan berjalan ketas
kodenya:<marquee height="30" behavior="scroll" direction="up">Tulisan berjalan ketas
</marquee>

4.) atau mau yang mantul-mantul?
Tulisan mantul
kodenya:<marquee width="200" behavior="alternate">Tulisan mantul</marquee>

5.)bisa di stop jika dibayangi kursor
Tulisan berjalan akan stop bila dibayangi oleh cursor
kodenya:<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan berjalan akan stop bila dibayangi oleh cursor</marquee>

6.)yang jalannya lemot juga ada
Tulisan berjalan lambat
kodenya:<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan berjalan lambat</marquee>

7.)zig-zag

Zig-zag

kodenya:<marquee behavior="alternate" direction="up" height="50px">
<marquee direction="right">Zig-zag</marquee>
</marquee>

8.)mantul-mantul gak jelas juga ad lowh!! awas mabok,,

Minggir-minggir!!

kodenya:<marquee behavior="alternate" direction="up" width="300" height="100">
<marquee direction="right" behavior="alternate">Bouncing around</marquee>
</marquee>

9.)yang ini ada backgroundnya
Tulisan berjalan dengan background.
kodenya: <marquee bgcolor="grey" style="color:white;">Tulisan berjalan dengan background.</marquee>


semua bisa di edit sesuai keinginan, atau kalo ada yang lain tolong ditambahin yah??? hehehe,,,
(^_^) Enjoy!!!


Read more >> >
Sabtu, 28 Agustus 2010 | By: Faris Setiawan Bastomi

Cara membuat jam pada blog


Jika ingin menambahkan jam digital di blogmu, langsung saja ke site penyedia jam digital, misalnya yang gampang n gratis di www.clocklink.com lalu kamu langsung bisa memilih jam seperti apa yang kamu inginkan melalui kategori-kategori yang tersedia, setelah kamu mengklik salah satu kategori, akan muncul beberapa pilihan tampilan, klik yang kamu inginkan, tentukan warna dan area waktunya,lalu copy kode yang berada dalam kotak yang atas.
setelah itu untuk menambahkannya pada blogmu, ikuti langkah-langkah berikut:
  1. login
  2. masuk ke pengaturan => elemen laman
  3. tambah gadget
  4. html/java script
  5. paste kode yang sebelumnya kamu copy
  6. simpan
Dan, abrakadabra, bukan sulap bukan sihir, ada jam pada baris widgetmu, , ,
Enjoy! ! !(^_^)



Read more >> >
Jumat, 27 Agustus 2010 | By: Faris Setiawan Bastomi

Cara memberi kotak shoutbox


Buat yang pengen komunikasi di blog selain lewat komentar, juga bisa melalui shoutbox pada blog. cara membuatnyapun juga mudah, contohnya pada www.shoutmix.com ini hanya salah satu penyedia layanan shoutbox.
jika sudah masuk shoutmix, klik pada create shoutbox, kemudian isi semua informasinya, lalu contreng terms of servicenya, klik next.
tunggu beberapa saat, kamu akan masuk ke bagian setting, langsung saja klik get codes pada kolom quick start, atau kalo pengen custom shoutboxmu, bisa di klik pada kolom display, kamu bisa mengedit warna, smileynya, dan lain-lain. jika sudah puas dengan hasil custommu sendiri klik save setting, dan klik pada get codes, di sini kamu bisa mengatur ukuran yang nantinya akan di tampilkan, atau bisa di edit belakangan saat memasukkan kode html-nya. copy kode htmlnya.
sekarang masuk pada langkah menambahkannya di blogmu.
  1. login
  2. masuk ke pengaturan => elemen laman
  3. tambah gadget
  4. html/java script
  5. paste kode yang sebelumnya kamu copy
  6. simpan
untuk mengatur lebar dan panjang shoutboxmu perhatikan pada angka setelah kode width dan height, kamu bisa mengaturnya sesuai keinginanmu, dan silahkan mencoba!! (^_^)
Enjoy!!!

Read more >> >
Kamis, 19 Agustus 2010 | By: Faris Setiawan Bastomi

Cara membuat "Read more" pada posting


Cara ini lebih praktis daripada melakukannya secara manual, dengan auto "read more" ini, semua postingan akan secara otomatis di beri "read more". Dan langsung saja, untuk membuat "read more" otomatis, masuk pada Layout> edit HTML lalu centang 'Expand Widget Template', dan cari kode </head> kemudian ketikkan kode berikut di atas kode
</head> tadi:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

angka-angka di atas menunjukkan seberapa jumlah postingan yang ditampilkan sebelum di beri "read more".
Kemudian, cari kode berikut <data:post.body/> dan ganti saja dengan kode di bawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

kata "read more" di atas bisa kamu ganti dengan kata apapun sesuai seleramu.
Jangan lupa simpan perubahannya, dan voila!!! Lihat apa yang terjadi pada post-postmu.


Enjoy!!!


Read more >> >