2010-03-29

Cara Pasang Flash Di Blog

Buat sobat yang ingin Pasang Flash Di Blog inilah tutorialnya .Apa itu Flash ? Flash adalah salah satu jenis gambar ,namun bedanya flash dengan gambar lainya adalah flash mempunyai resulusi yang lebih bagus dan lebih aktraktif ,File Flash biasanya berformat atau ber-extensi .swf .Untuk Memasang Flash Di blog sobat harus mempunyai file Dengan Format SWF terlebih dahulu lalu lalu meng-uploadnya ke tempat hosting,misalnya geocities.com atau 000webhost dan juga file hosting yang lainya .Di bawah ini adalah Salah satu contoh Flash.



Gambar di atas adalah Contoh gambar flash yang bisa dipasang di blog ,Gambar flash tersebut juga bisa dipasang diheader atau dipostingan yang tujuanya supaya blog menjadi lebih aktaraktif . Untuk Tutorial membuat flash secara online .sobat bisa klik-disini .Dan untuk memasang Flash Di header Blog silakan Sobat Klik disini.

Sekian dulu penjelasan klinik-it tentang file Flash,, Buat kamu yang ingin memasang file flah di blog silakan ikuti langkah-langkah Cara Pasang Flash Di Blog di bawah ini .

Cara Pasang Flash Di Blog

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Kemudian Copy dan paste KODE berikut kedalamnya.

<embed src="http://gratisanshare.com/theme/banner.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

KETERANGAN
>> Ganti http://gratisanshare.com/theme/banner.swf Ganti dengan Link Url File flas kamu yang sudah kamu upload ke File Hosting.

>> Ganti width="500" height="100 dengan ukuran dari file flash kamu.

6.Jika sudah klik Simpan.
READ MORE - Cara Pasang Flash Di Blog
Diposting oleh di Tidak ada komentar:

Cara Pasang Site Meter

Sitemeter adalah Alat untuk mengukur jumlah pengunjung blog atau yang sering disebut Counter Web, namun bedanya Site meter tidak memberikan perhitungan Jumlah pengunjung blog secara langsung didalam blog orang yang menggunakan fasilitas dari sitemeter tersebut,atau bisa dikatakan site meter adalah counter web tersembunyi .mengapa dikatakan sebagai counter web tersembunyi ? ya karena sitemeter hanya memberikan banner atau link menuju counter blog kita. dibawah ini adalah contoh banner dari sitemeter .



Jadi jika sobat ingin memasang web counter yang tidak ingin dilihat oleh pengunjung blog secara langsung,,sobat bisa menggunakan site meter ini .jika sobat tertarik untuk memasang sitemeter,silakan ikuti langkah-langkah Cara Pasang Site Meter di bawah ini .

Cara Pasang Site Meter

1.Klik http://www.sitemeter.com/.

2.Klik Sign Up pada pilihan Site Meter Basic Free .

3.Klik lagi Sign Up pada pilihan Site Meter Basic Free.

4.Kemudian isikan data yang diperlukan pada form pendaftaran, seperti :
  • Your Site's URL isikan dengan Alamat blog sobat.
  • Your Site's NAME isikan dengan judul blog sobat.
  • Codename isikan dengan nama sobat atau dengan kata yang lainya .
  • Your Current time biarkan saja .
  • Beri tanda titik pada By checking this box I agree to be bound by.


5.Klik Next.

6.Pada form pendaftran selanjutnya silakan isikan form pendaftaran tersebut dengan lengkap ,Seperti :
  • Email addres isikan dengan alamat email sobat.
  • Title isikan dengan Other saja.
  • Your ZIP or postal Code isikan dengan kode pos alamat sobat ,atau isi saja dengan 17422.
  • Country isikan dengan indonesia.
  • Pilih jenis kelamin sobat pada GENDER.
  • Beri tanta titik NO pada pilihan Can you receive HTML email.
7.Klik Next.

8.klik Next lagi setelah ada pernyataan dan tidak ada masalah pada pendaftaran.

9.Selanjutnya klik Manager pada tab menu yang ada diatas.

10.Kemudian klik HTML pada Adding Site Meter to your site .atau biar lebih jelasnya lihat gambar dibawah.



11.Copy seluruh kode HTML yang diberikan Sitemeter.

12.Selanjutnya Login ke blogger.

13.Klik Tata Letak.

14.Klik Tambah Gadget.

15.Kemudian pilih HTML/javascript.

16.Selanjutnya paste Seluruh kode HTML yang tadi kedalamnya.

17.Klik Simpan.

18.Selesai... untuk melihat jumlah pengunjung blog sobat tiap hari ,sobat tinggal klik aja banner tersebut.nanti akan tertampil statistik blog sobat.
READ MORE - Cara Pasang Site Meter
Diposting oleh di Tidak ada komentar:

2010-03-28

Bisnis Online Tanpa Modal Hasilkan 3,5 MILYAR

Terobosan Terbaru Bisnis Online Tanpa Modal Penghasilan Hingga 3,5 Milyar


Ada Kabar Gembira Buat Sobat Semua .Di Dalam postingan kali ini klinik-it akan merekomendasikan sebuah terobosan baru untuk sobat yang ingin memulai bisnis online TANPA MODAL Alias GRATIS .Tugas sobat hanyalah mengajak 10 orang untuk bergabung menjadi Downline Sobat .Setian Member yang daftar melalu link Referal Sobat, Sobat akan dibayar 35 Rupiah ,dan jika downline sobat mendapatkan downline lagi sobat akan mendapatkan35 rupiah lagi, terus dan menerus.

Supaya Sobat Bisa Lebih Jelas Berikut ini adalah systemnya.

SYSTEM


Untuk mendukung KESUKSESAN anda situs ini juga kami lengkapi dengan :

  1. Sistem Reseller.
    Jika Anda bergabung, maka Anda berhak mendapatkan website replika/URL dengan pola sebgaia berikut :

    http://www.GratisanShare.com/?ref=ID_anda

    URL ini berfungsi untuk mengembangkan jaringan anda, dimana siapapun yang bergabung melalu URL tersebut secara otomatis akan menjadi DOWNLINE anda.


  2. Water Flow Randomizer (WFR),
    Sistem inilah yang bekerja memberikan keuntungan bagi Anda tanpa henti 24 jam penuh selamanya. Saat ada pengunjung akan mendaftar dan memasuki website TANPA SPONSOR, Maka Otomatis Sistem akan melakukan Randomizer (pengacakan) terhadap Seluruh Member untuk dijadikan sponsor / Upline. Sistem randomizer akan mendahulukan member yang belum punya downline atau punya downline paling sedikit, serta jika terdapat beberapa member yang sama-sama belum punya downline maka sistem akan memilih member yang join paling dahulu untuk dijadikan Sponsor. Ibarat Aliran Air (water flow), maka randomizer ini akan mengalir kebawah dulu.

  3. Water Flow Spill Over (WFSO),
    Saat Matrix dari member terpenuhi (Telah mencapai 10 Downline) maka (Kelebihan) Downline berikutnya Secara otomatis, sistem akan melakukan Spill Over (limpahan) kebawah jaringannya. Sistem akan menelusuri jaringan yang belum mendapat downline sama sekali atau yang mempunyai downline paling sedikit untuk diberi Spill Over (limpahan). Jika jaringan sama-sama masih belum punya downline atau jumlah downlinenya sama, maka sistem akan mencari yang Join terlebih dahulu pada web ini untuk diberi Spill Over. Ibarat Aliran Air (water flow), maka Spill Over ini akan mengalir kebawah dulu.

  4. Full Report System
    ->> Anda bisa memantau seluruh perkembangan anda di Program ini melalui Member Area, yang meliputi :
    1. Jumlah downline yang sudah anda peroleh hingga Level 8 dibawah anda
    2. Jumlah Total KOMISI Tiap LEVEL
    3. jumlah KOMISI yang sudah anda Ambil
    4. Jumlah KOMISI yang Belum anda Ambil
    5. Dsb

  5. Fair System
    Siapa yang bekerja dan berusaha lebih keras, akan mendapatkan hasil lebih banyak dalam waktu yang lebih singkat, tidak hanya menguntungkan member yang bergabung terlebih dahulu, oleh karenanya jangan ragu-ragu untuk segera bergabung untuk menjadi Succsess Business Online dalam program ini dan ciptakan MESIN PENGHASIL UANG yang akan membanjiri rekening bank Anda. Disamping itu pula program ini mengutamakan kejujuran dan kebersamaan dalam menjalankan bisnis ini, sehingga tidak terjadinya kecurangan yang dapat merugikan member - member lainnya.

Detail SYSTEM


KESAKSIAN KLIK DINI


Ayo Tunggu Apalagi Daftar sekarang dengan mengklik Gambar dibawah ini. Keuntungan daftar disini adalah sobat akan menjadi DOWNLINE KLINIK-IT.BLOGSPOT.COM< .dan jika sobat kesulitan untuk mendapatkan DOWNLINE klinik-it.blogspot.com akan mencarikan downline untuk sobat .

DAFTAR DI BAWAH


TUNGGU APALAGI !!

BERGABUNGLAH SEKARANG JUGA ...


100% GRATIS, Bebas Biaya
dan Bebas Resiko Sama Sekali

READ MORE - Bisnis Online Tanpa Modal Hasilkan 3,5 MILYAR
Diposting oleh di Tidak ada komentar:

2010-03-27

Cara Membuat Label Dengan Fungsi Scroll

Buat sobat yang mempunyai banyak label mungkin akan direpotkan dengan label atau kategori yang memanjang kebawah .label yang memanjang seperti itu tentunya akan membuat sidebar blog menjadi tidak enak dipandang karena akan memanjang ke bawah ,oleh karena itu banyak blogger yang membuat labelnya dengan fungsi scroll. Label dengan fungsi scroll adalah label yang kedudukanya bisa di geser atau menyelinap kedalam .dengan menggunakan label dengan fungsi scroll ini label blog sobat tidak akan memanjang ke bawah..Sebagai contoh sobat bisa klik disini ,dan coba sobat perhatikan label blog tersebut . atau lihat gambar di bawah ini untuk melihat contohnya..



itu dia yang dinamakan Label Dengan Fungsi Scroll .Nah... jika sobat tertarik untuk membuat label seperti itu silakan sobat ikuti lankah-langkah Cara Membuat Label Dengan Fungsi Scroll dibawah ini .

Cara Membuat Label Dengan Fungsi Scroll

1.Login Ke blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya cari kode di bawah ini .

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

5.Kemudian Copy dan paste Kode berikut Tepat dibawah kode tersebut.

<div style='overflow:auto; width:ancho; height:240px;'>

6.Selanjutnya cari kode dibawah ini.

</b:includable>

7.Jika sudah ketemu Copy dan pasti kode dibawah ini tepat diatasnya.

</div>

8.Klik SIMPAN TEMPLATE .

Catatan : Jika kode diatas tidak ketemu di blog sobat silakan cari kode <div class='widget-content'> . dan angka 240px yang berwarna merah diatas adalah tinggi label scroll-nya silakan sobat ganti sesuai dengan keinginan sobat.
READ MORE - Cara Membuat Label Dengan Fungsi Scroll
Diposting oleh di Tidak ada komentar:

2010-03-26

Cara Menampilkan Judul Postingan Pada Hasil Label/Pencarian

Postingan yang begitu banyak terkadang amat sangat membuat kita repot , dan kebanyakan blogger yang memiliki postingan yang sangat banyak mereka membuat label atau kategori ,nahh.. didalam label ini kadang-kadang juga masih menimbulkan masalah yaitu jika dalam sebuah kategori/label aba puluhan bahkan ratusan postingan ,pasti saat label/kategori tersebut dibuka loding blog kita akan terasa berat dan lama dan juga postingan akan tampil memanjang kebawah yang membuat pengunjung blog kita yang meng-klik label tersebut akan sulit menemukan artikel yang dia cari dan bisa-bisa pengunjung blog sobat pun bisa gampang lari.hehehe

Tapi sobat ga perlu kwatir, dalam postingan kali ini klinik-it akan memberikan tips yang berguna untuk mensiasati hal tersebut ,yaitu dengan Menampilkan Judul Postingan Pada Hasil Label/Pencarian , nah biar sobat lebih paham apa yang klinik-it maksud sobat bisa klik disini kemudian coba sobat klik label yang ada pada blog tersebut ,dan setelah mengklik label tersebut hasilnya adalah judul postingannya saja yang tertampil .atau biar lebih jelasnya sobat juga bisa melhat gambar di bawah ini .



Udah tau kan apa yang klinik-it maksud di postingan yang ini ? untuk membuat hal tersebut silakan sobat ikuti langkah-langkah Cara Menampilkan Judul Postingan Pada Hasil Label/Pencarian di bawah ini .

1.Login ke Blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya silakan sobat cari kode di bawah ini .

<b:include data='post' name='post'/>

5.Kemudian ganti kode tersebut dengan kode dibawah ini .

<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><data:post.title/></a>
<br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

6.Klik SIMPAN TEMPLATE.

7.Selanjutnya silakan sobat klik LABEL yang ada di blog sobat ,dan lihat hasilnya..
READ MORE - Cara Menampilkan Judul Postingan Pada Hasil Label/Pencarian
Diposting oleh di Tidak ada komentar:

Cara Membuat Footer Menjadi 4 Kolom

Seperti janji klinik-it sebelumnya yaitu klinik-it akan memberikan tips lanjutan tentang membuat Footer menjadi Beberapa kolom alias multi kolom , Dan janji tersebut akan klinik-it tepati setelah sebelumnya klinik-it memberikan tips tentang Cara Membuat Footer Menjadi 3 kolom dan cara membuat footer menjadi dua kolom ,nahh dalam postingan kali ini klinik-it akan memberikan tips tentang Cara Membuat Footer Menjadi 4 Kolom . apa masih mau tambah lagi kolom footernya ? hehehe...

Jangan kebanyakan iia sobat kolom footernya,hehehe nanti sobat sendiri yang bingung mau di apakan itu footer .tapi buat sobat yang masih kurang dengan kolom footernya bisa langsung ikuti langkah-langkah Cara Membuat Footer Menjadi 4 Kolom di bawah ini .

Cara Membuat Footer Menjadi 4 Kolom

1.Seperti biasa Login Dulu ke blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya silakan sobat cari kode ]]></b:skin> .

5.Jika sudah ketemu Copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin> .

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

6.Selanjutnya silakan sobat cari kode dibawah ini .

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

7.Jika sudah ketemu Hapus kode <b:section class='footer' id='footer'/> kemudian ganti bengan kode dibawah ini .

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

8.Klik Simpan Template .

9.Jika berhasil maka hasilnya adalah seperti di bawah ini .



10.Selamat Mencoba..
READ MORE - Cara Membuat Footer Menjadi 4 Kolom
Diposting oleh di Tidak ada komentar:

Cara Membuat Footer Menjadi 3 kolom

Setelah sebelumnya klinik-it memposting tentang cara membuat footer menjadi 2 kolom ,mungkin footer 2 kolomnya masih kurang cukup buat sobat ,tapi ga usah kwatir karena dalam postingan kali ini klinik-it akan memberikan tips tentang Cara Membuat Footer Menjadi 3 kolom , kalo footer 3 kolomnya belum cukup juga nanti akan klinik-it posting juga tentang cara membuat footer menjadi 4 kolom ,hehehe

Nahh sebelum kita membuat footer menjadi 3 kolom ,ada baiknya sobat klink-it ADD facebooknya klinik-it dulu disini.hehehe ya udah buat sobat klinik-it yang pengen membuat footer menjadi 3 kolom langsung aja ikuti langkah-langkah Cara Membuat Footer Menjadi 3 kolom di bawah ini .

Cara Membuat Footer Menjadi 3 kolom

1.Login ke blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Cari kode ]]></b:skin> .Biar lebih gampang carinya silakan sobat tekan tombol CTRL+F .

5.Selanjutnya copy dan paste kode berikut tepat di atas kode ]]></b:skin> .

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

6.Selanjutnya Cari kode dibawah ini .

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

7.Jikalau sudah ketemu Hapus kode <b:section class='footer' id='footer'/> kemudian ganti bengan kode dibawah ini .

<div id='footer-column-divide'>

<div id='footer1' style='width: 30%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 40%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 30%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

8.Klik Simpan Template .

9.Jika sudah selesai maka hasilnya akan terlihat seperti gambar di bawah ini .



10.Selamat Mencoba...
READ MORE - Cara Membuat Footer Menjadi 3 kolom
Diposting oleh di Tidak ada komentar:

Cara Merubah Footer Menjadi 2(Dua) Kolom

Apa itu footer ? Footer adalah bagian bawah blog yang gunanya hampir sama dengan sidebar yaitu untuk menambah element halaman blog, misalkan seperti untuk menambahkan Script HTML ,dan biasanya template bawaan yang dikasih dari blogger hanya memiliki 1 kolom footer ,dan mungkin tidak cukup buat sobat dengan 1 kolom footer ,tapi ga usah berkecil hati karena dalam postingan kali ini klinik-it akan memberikan tips supaya footernya bisa jadi 2 kolom atau seterusnya.

Nahh dalam postingan kali ini klinik-it akan menjelaskan tentang Cara Merubah Footer Menjadi 2(Dua) Kolom , footer yang menjadi 2 kolom ini bisa sobat gunakan untuk memperbanyak aksesoris blog sobat , jadi tidat tergantung hanya dengan sidebar saja .Nahh kalo sobat belum tau dengan apa yang dinamakan footer .ini dia gambarnya .ini adalah contoh footer dengan 1 kolom.



Di atas itu adalah contoh footer dengan 1 kolom , untuk merubahnya menjadi dua kolom silakan sobat ikuti langkah-langkah Cara Merubah Footer Menjadi 2(Dua) Kolom di bawah ini.

Cara Merubah Footer Menjadi 2(Dua) Kolom

1.Login ke blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Cari kode ]]></b:skin> .Biar lebih gampang carinya silakan sobat tekan tombol CTRL+F .

5.Selanjutnya copy dan paste kode berikut tepat di atas kode ]]></b:skin> .

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

6.Selanjutnya Cari kode dibawah ini .

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

7.Jika sudah ketemu Hapus kode <b:section class='footer' id='footer'/> kemudian ganti bengan kode dibawah ini .

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

8.Sehingga kodenya menjadi seperti dibawah ini .

<div id='footer-wrapper'>
<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>
</div>

9.Klik SIMPAN TEMPLATE.

10.Jika berhasil maka hasilnya akan seperti gambar dibawah ini .



11.Selesai..semoga bermanfaat..
READ MORE - Cara Merubah Footer Menjadi 2(Dua) Kolom
Diposting oleh di Tidak ada komentar:

2010-03-25

Cara Pasang Tabel Kode Warna HTML Di Blog

Buat sobat klinik-it yang ingin Pasang Tabel Kode Warna HTML Di Blog ini dia tipnya .Tabel Kode Warna HTML ini berguna buat sobat sendiri atau buat pengunjung blog sobat yang ingin mengetahui Kode Warna Dalam HTML, Misalnya kode warna HTML untuk warna kuning kodenya adalah #F7FE2E ,seperti itulah kode warna di dalam kode HTML ,sebelum sobat memasang tabel kode warna HTML ke dalam Blog Sobat ,ada baiknya sobat lihat terlebih dahulu contoh tabel Kode warna HTML di Bawah Ini.







































































































































































































Kode HTML Warna :




Setelah sobat melihat contoh dari tabel kode warna HTML diatas sobat juga bisa memasangnya . untuk memasang Tabel Kode warna HTML seperti yang ada diatas silakan sobat ikuti langkah-langkah Cara Pasang Tabel Kode Warna HTML Di Blog di bawah ini .

1.Login Ke Blogger.

2.Klik Tata Letak.

3.Klik Element Halaman.

4.Klik Tambah Gadget.

5.Pilih HTML/javascript.

6.Copy kemudian paste kode dibawah ini kedalam kotak teks HTML/javascript tadi.



7.Klik SIMPAN .

8.Atau SObat juga bisa memasang Tabel Kode warna diatas ke dalam Postingan Blog sobat .
READ MORE - Cara Pasang Tabel Kode Warna HTML Di Blog
Diposting oleh di Tidak ada komentar:

Cara Membuat Hujan Salju Di Blog

Hujan Salju Di blog .Huawww... pasti indah .nahh dalam postingan kali ini klinik-it akan memberikan tipsnya,yaitu tips tentang Cara Membuat Hujan Salju Di Blog . ini dia pernak-pernik yang ga boleh ketinggalan dan wajib ada di blog sobat. apa maksudnya hujan salju yang ada di blog ? hujan salju yang ada di blog adalah kumpulan bintik-bintik putih yang jatuh di dalam blog , hujan salju ini cocok dipasang di blog yang menggunakan template berwarna gelap ,supaya saljunya terlihat bagus dan terlihat lebih berkilau .

Nahh buat sobat yang penasaran dengan hujan salju yang dari tadi klinik-it jelaskan, sobat bisa klik disini untuk melihat contohnya ,setelah sobat masuk kedalam blog tersebut silakan sobat perhatikan ada bintik-bintik putih mirip salju ,nahh... itu dia yang disebut hujan salju yang ada di blog. jika sobat tertarik ingin membuat hujan salju seperti itu silakan ikuti langkah-langkah Cara Membuat Hujan Salju Di Blog di bawah ini .

Cara Membuat Hujan Salju Di Blog

1.Login Ke Blogger .

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya Silakan Sobat Cari Kode </head> .biar lebih mudah mencarinya tekan aja tombol CTRL+F.

5.Kalo udah ketemu kodenya Copy dan Paste kode berikut tepat dibawah kode </head> .

<script src='http://denisahlan.netau.net/hujansalju.js' type='text/javascript'/>

6.Klik Simpan Template .

7.Terakhir tinggal sobat lihat dech hasilnya..
READ MORE - Cara Membuat Hujan Salju Di Blog
Diposting oleh di Tidak ada komentar:

2010-03-24

Cara Membuat Kata Penutup di Blog

Sobat bingung ya.. sama dudul postingan klinik-it kali ini ? hehehe ga usah bingung-bingung karena klinik-it akan menjelaskanya .Cara Membuat Kata Penutup di Blog maksudnya adalah kita memberikan salam pada pengunjung blog kita sebelum sang pengunjung menutup atau keluar dari blog kita . Kalo sobat klinik-it belum pahah silakan sobat klik disini lalu keluar lagi dari blog tersebut ,nahh sebelum sobat meninggalkan blog tersebut ada sebuah pesan yang muncul kan .nahh itu dia yang disebut Kata Penutup di Blog. sekarang sobat sudah paham kan ?

Cara Membuat Kata Penutup di Blog ini mudah koq sobat,yang perlu sobat lakukan hanyalah menambahkan sedikit script pada element HTML template sobat .Biar lebih jelas silakan sobat ikuti langkah-langkah dibawah ini untuk Membuat Kata Penutup di Blog.

Cara Membuat Kata Penutup di Blog

1.Login Ke Blogger .

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya Silakan Sobat Cari Kode </head> .biar lebih mudah mencarinya tekan aja tombol CTRL+F.

5.Kalo udah ketemu kodenya Copy dan Paste kode berikut tepat dibawah kode </head>

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('TERIMA KASIH ATAS KUNJUNGANNYA DAN JANGAN LUPA BERKUNJUNG KEMBALI..');
}
parent.window.onunload=goodbye;

</script>

6.Ubah teks yang berwarna biru sesuai dengan keinginan sobat.

7.Klik SIMPAN TEMPLATE .

8.Sekarang tinggal sobat lihat hasinya . silakan sobat berkunjung ke blog sobat sendiri kemudian coba sobat keluar dari blog sobat . nanti akan ada salam perpisahan .hehehe
READ MORE - Cara Membuat Kata Penutup di Blog
Diposting oleh di Tidak ada komentar:

Cara Menyembunyikan Judul dan Deskripsi Blog

Membuat desain header sendiri memang sudah kebiasaan buat sebagian blogger . namun kadang-kadang ada sedikit masalah yang timbul saat pemasangan desain header tersebut ,masalahnya adalah disaat desain header baru sudah terpasang judul dan deskripsi blog kita jadi main tindih-tindihan dengan banner header blog kita ,Di hapus judul blog dan deskripsinya tidak mungkin karena tidak akan bisa disimpan .nahh... repot kan.hehehe tapi ga usah kwatir karena kali ini klinik-it punya tipsnya nich...

Cara Menyembunyikan Judul dan Deskripsi Blog sebenarnya sedikit mudah..hehehe kita cuma menambahkan sedikit kode saja pada element HTML template kita ,kode yang perlu ditambahkan adalah kode seperti ini display:none; .nahh.. untuk lebih jelasnya silakan sobat ikuti langkah-langkah Cara Menyembunyikan Judul dan Deskripsi Blog di bawah ini .

Cara Menyembunyikan Judul dan Deskripsi Blog

1.Login Ke Blogger .

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Untuk menembunyikan judul blog cari kode seperti dibawah ini .

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}

5.Kalo uada ketemu Tambahkan kode display:none; di bawah kode font: normal normal 200% Georgia, Serif; .atau lebih jelasnya lihat kode dibawah ini.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none;
}

6.Selanjutnya untuk menyembunyikan deskripsi Dari judul Blog sobat silkan cari kode seperti di bawah ini .

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
}

7.Selanjutnya tambahkan kode display:none; di bawah kode color: #999999; atau biar lebih jelas lihat kode lengkapnya.

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none;
}

8.Kalo ga sobat bisa juga cari kode seperti di bawah ini.

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
}

9.Selanjutnya sama seperti di atas tinggal tambahin kode display:none; aja dibawah kode color:#333; .

10.Sehingga kodenya jadi seperti dibawah ini .

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
display:none;
}

11.Kalo udah selesai Silakan klik tombol SIMPAN TEMPLATE. nahh biar sobat nyari kodenya ga bingung teken aja tombol CTRL+F terus masukin dech kode yang mau dicari..
READ MORE - Cara Menyembunyikan Judul dan Deskripsi Blog
Diposting oleh di Tidak ada komentar:

2010-03-23

Cara Membuat Link Berkedip Warna Warni

Di pagi menjelang siang hari ini klinik-it akan menerbitkan sebuah postingan baru nich sobat.hehehe dalam postingan klinik-it kali ini klinik-it akan menjelaskan tentang cara mempercantik tampilan bllog lagi.hehehe karana mempercantik tampilan blog itu adalah naluri dari setiap Blogger .Dalam postingan yang ini klinik-it akan menjelaskan tentang Cara Membuat Link Berkedip Warna Warni . knapa link nya berkedip warna warni ? ya tentunya supaya blog terlihat lebih aktraktif tentunya .

Nahh mungkin sobat bingung apa itu yang disebut Link Berkedip Warna Warni. link yang berkedip warna warni itu adalah link yang jika kita arahkan kursor ke link tersebut,link itu akan berkedip warna warni ? Contohnya bisa sobat klik disini dan coba sobat arahkan kursor ke link yang ada pada blog tersebut ..Nahh.. biar sobat ga penasaran mendingan langsung aja di praktekan tutorial Cara Membuat Link Berkedip Warna Warni di bawah ini .

Cara Membuat Link Berkedip Warna Warni

1.Login ke Blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Kemudian Cari kode </head>. Setelah ketemu copy dan paste kode dibawah ini tepat di bawah kode </head> tadi .

<script src='http://denisahlan.netau.net/klinikit.js'/>

5.Klik Simpan Template.

6.Untuk melihat hasilnya langsung aja sobat arahkan kursor ke link yang ada pada blog sobat.

7.Selamat mencoba...
READ MORE - Cara Membuat Link Berkedip Warna Warni
Diposting oleh di Tidak ada komentar:

2010-03-20

Domain Dot Com Gratis

Domain Dot Com Gratis ? wahhh mau donk .hehehe buat sobat yang kepengen punya domain dot com tapi ga bayar alias mau yang gratisan inilah informasinya .hehehe setelah seharian penuh klinik-it jalan-jalan berkeliling didunia maya bersama om google akhirnya klinik-it mendapatkan info yang cukup menarik dari blog sobat klinik-it, yaitu info mengenai domain dot com yang gratisan . kalo biasanya domain dot com bisa kita beli dengan harga 80 ribu ke atas kali ini sobat bisa dapet secara gratis.

Gimana cara dapetinya ? ikutin aja terus penelusuran klinik-it.hehehe domain dot com ini diberikan secara cuma-cuma tapi dengan satu sarat yaitu kita harus mengumpulkan poin, caranya gampang dan poin yang dikumpulkan juga ga banyak yaitu cuma 7 poin , tugas kita untuk mengunpulkan poin tersebut hanyalah mengajak teman untuk mendaftar ke situs tersebut melalui link referal kita ,setiap teman yang kita ajak kita akan mendapatkan 1 poin ,jadu kita harus mengajak 7 orang teman untuk mendapatkan 7 poin dan domain dot com gratisan. gampangkan syaratnya ? jika sobat tertarik untuk mendapatkan domain dotcom gratisan,silakan ikuti langkah-langkah di bawah ini untuk mendapatkan domain dot com gratisan..

1.Klik http://www.freedomainsbox.com atau klik disini .

2.Setelah formulir pendaftaran terbuka isi formulir pendaftran dengan lengkap.

3.Beri tanda centang pada
I have read, and agree to abide by the Free Domains Box rules..

4.Klik SIG UP FOR ACCOUNT.

5.Setelah berhasil mendaftar akan ada email aktivasi yang akan dikirim ke akun email yang tadi sobat daftarkan.Buka email tersebut kemudian klik link aktivasinya.

6.Kemudian login melalui link tersebut .

7.Klik Refer Other People.

8.Selanjutnya tinggal sebarkan dan ajak temen-temen sobat untuk mendaftar melalui link referal sobat.

9.Cari sebanyak 7 orang untuk mendaftar melalui link referal sobat , 1 orang yang sobat ajak berarti sobat mendapatkan 1 poin dan jika 7 orang berarti 7 poin.

10.Setelah sobat telah berhasil mengumpulkan 7 poin silakan klik REQUEST free domain name . untuk merequest domainya.
READ MORE - Domain Dot Com Gratis
Diposting oleh di Tidak ada komentar:

Cara Pasang Tombol Save As PDF di Bawah Postingan

Nahh buat sobat yang kepingin artikel blognya mudah disave sama pengunjung kali ini klinik-it punya tipsnya nich ... yaitu Cara Pasang Tombol Save As PDF di Bawah Postingan .dilihat dari judulnya aja sudah jelas kita akan pasang Tombol Save As PDF di Bawah Postingan yang bertujuan supaya pengunjung yang ingin menyimpan artikel blog kita lebih mudah menyimpanya untuk dibaca secara offline .Nahh contoh tombolnya kaya gambar di bawah ini nich...



jadi pengunjung blog yang kepengen nyimpen artikel blog kita mereka tinggal mengklik tombol tersebut aja .dan postingan blog kita pun tersimpan dengan format file PDF. jika sobat tertarik untuk Memasang Tombol Save As PDF di Bawah Postingan langsung aja ikuti langkah-langkah berikut ini.

1.Klik http://web2.pdfonline.com/pdfonline/web/signup.asp.

2.Silakan Isi Form pendaftaran dengan lengkap.

3.Beri tanda centang pada I agree with the Terms of Use agreement above.

4.Klik SIG UP.

5.Setelah berhasil silakan Sobat Login dengan akun yang tadi didaftarkan.

6.Setelah Berhasil Login silakan sobat klik tombol generate the javascript seperti yag terlihat pada gambar di bawah ini.



7.Setelah muncul Script nya pada steep 2 silakan sobat Copy SemuA kode tersebut .

8.Selanjutnya Login Ke Blogger.

9.Klik Tata Letak.

10.Klik Edit HTML.

11.Selanjutnya cari Kode yang ada dibawah ini.

<p><data:post.body/></p>

12.Biar lebih gampang carinya teken aja tombol CTRL+F.

13.Kalo udah ketemu Paste Kode yang tadi tepat dibawah kode <p><data:post.body/></p> .

14.Klik SIMPAN TEMPLATE dan lihat hasilnya.
READ MORE - Cara Pasang Tombol Save As PDF di Bawah Postingan
Diposting oleh di Tidak ada komentar:

Cara merubah Domain Blogspot Ke domain CO.TV

Domain gratis,Domain Gratis ,hehehehe buat sobat klinik-it yang mau pake domain gratis dengan ujung CO.TV disinilah tempatnya .hehehe ya... mungkin sobat klinik-it udah pada tau tentang domain gratis dari www.co.tv ,tapi klinik-it tetap mau share juga nich. kegunaan dari domain co.tv tentunya untuk memperpendek nama domain blog sobat, dari sebelumnya www.namasobat.blogspot.com di ganti dengan www.namasobat.co.tv . jadi sedikit lebih canggih dech nama domainnya .hehehe selain itu juga nantinya domain co.tv sobat jadi mudah diingat.

Nah.. domain gratisan ini bisa dibilang hampir menyamai domain co.cc yang telah populer terlebih dahulu. jika sobat tertarik untuk merubah nama domain blogspot Ke DOMAIN CO.TV langsung aja ikuti langkah-langkah Cara merubah Domain Blogspot Ke domain CO.TV di bawah ini.

1.Klik http://www.co.tv/.

2.Ketikan nama domain pada kotak pemilihan nama domain di situs tersebut kemudian klik tombol CHECK di sampingnya.atau bisa sobat lihat gambar di bawah ini.



3.Selanjutnya klik tombol Continue untuk mendaftar.

4.Klik lagi tombol SIGN UP NOW.

5.Setelah Formulir pendaftran terbuka,isikan formulir pendaftran dengan data-data yang diperlukan.

6.Jika sobat sudah mengisi formulir pendaftran dengan lengkap,silkan klik tombol CRETE.

7.jika dalam pendaftran tidak ada masalah akan muncul pernyataan seperti di bawah ini.



8.Silakan CEK email sobat apakah ada email dari CO.TV .jika ada buka email tersebut kemudian klik link verifikasinya .

9.Setelah di klik dan masuk kembali ke situs CO.TV .silakan klik Contol Panel yang ada di sebelah kanan website tersebut .atau lebih mudahnya lihat gambar di bawah ini.



10.selanjutnya isi 3 Contact yang ada disitu dengan menggeser menu Dropdown dengan nama yang tadi sobat daftarkan .atau bisa lihat gambar di bawah ini.



11.klik tombol Continue.

12.Klik tombol Set Up.

13.kli >> Zone Records yang ada dibagian paling bawah.

14.Isi kotak teksnya dengan data seperti dibawah ini.
  • Isi kolom HOST dengan www
  • Isi kolom AUX dengan 1D
  • Pilih kolom TYPE ke CNAME
  • Isi kolom VALUE dengan ghs.google.com

15.Klik tombol SET UP.

Setting pada domain Co.Tv selesai.

16.Selanjutnya Login Ke Blogger.

17.klik Pengaturan.

18.Klik Publikasikan.

19.klik DOMAIN UBAHSUAIAN.

20.klik BERALIH KE PENGATURAN LANJUT.

21.Selanjutnya isikan nama domain co.tv yang tadi sobat daftarkan di kotak form pengisian domain .Contohnya www.namasobat.co.tv .atau bisa lihat gambar di bawah ini.



22.Isi nomor dan angka verifikasi.

23.Terakhir klik SIMPAN SETELAN.

24.selesai... domain blog sobat sekarang telah menjadi www.namasobat.co.tv...hehehe
READ MORE - Cara merubah Domain Blogspot Ke domain CO.TV
Diposting oleh di Tidak ada komentar:

2010-03-19

Cara Buat View Tab Menu

apa itu View Tab Menu ? view tab menu menurut klinik-it adalah menu yang memiliki beberapa tempat untuk menampatkan menu pada sebuah kategori dalam satu tempat,..Contohnya bisa sobat klik disini. Kalo sobat udah ngeliat apa yang di sebut View Tab Menu sedikit lagi klinik-it jelaskan keuntungan memasang View Tab Menu ,keuntungan dari View Tab Menu itu sendiri adalah untuk menghemat tempat menaruh daftar-daftar menu blog kita. jadi walawpun kecil View Tab Menu ini sangat berguna sekali untuk menaruh menu-menu yang cukup banyak. nahh... biar lebih jelas kaya gini nich tampilanya..



Dari segi kegunaanya sobat mungkin perlu mebuat View Tab Menu ini .dan jika sobat tertarik, sobat bisa membuat View Tab Menu tersebut dengan mengikunti langkah-langkah
Cara Buat View Tab Menu di bawah ini.

Cara Buat View Tab Menu

1.Login ke Blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya Copy kode di bawah ini kemudian paste Kode tersebut di atas kode ]]></b:skin>.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #fffafa;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #fffafa;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

5.Kemudian Copy dan paste kode berikut di atas kode </head>.

<script src='http://denisahlan.googlecode.com/files/tabview.js' type='text/javascript'/>

6.Klik Simpan Template.

7.Selanjutnya klik Tata letak.

8.Klik lagi Element Halaman.

9.Klik Tambah Gadget.

10.Pilih HTML/javascript.

11.Kemudian Copy dan paste Code berikut ke dalamnya.

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Menu 1</a>
<a>Menu 2</a>
<a>Menu 3</a>
</div>
<div class="Pages" style="width: 275px; height: 250px;">

<div class="Page">
<div class="Pad">
<a href="Link menu">Nama menu</a> <br />
<a href="Link menu">Nama menu</a> <br />
<a href="Link menu">Nama menu</a> <br />
</div>
</div>

<div class="Page">
<div class="Pad">
<a href="Link menu">Nama menu</a> <br />
<a href="Link menu">Nama menu</a> <br />
<a href="Link menu">Nama menu</a><br />
</div>
</div>

<div class="Page">
<div class="Pad">
<a href="Link menu">Nama menu</a> <br />
<a href="Link menu">Nama menu</a> <br />
<a href="Link menu">Nama menu</a> <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

12.Ubah Tulisan yang berwarna hijau dengan tulisan keinginan sobat misalnya "tutorial blog" menu tersebut adalah menu pada tab.Kemudian ubah tulisan yang berwarna biru dengan link menu pada blog sobat. dan ubah tulisan yang berwarna merah dengan tulisan dari link yang berwarna biru tadi.

Kalo mau di tambahin menu nya tinggal taro kode <a href="Link menu">Nama menu</a> <br /> .

13.Klik SIMPAN.

14.Selesai...
READ MORE - Cara Buat View Tab Menu
Diposting oleh di Tidak ada komentar:

2010-03-18

Cara Buat Form Kirim Email Di Blog

Setelah sebelumnya klinik-it menjelahkan tentang bagaimana cara buat form kontak kami dengan menggunakan situs http://www.emailmeform.com kali ini klinik-it masih akan menjelaskan tentang masalah kontak atau saranan untuk berkomunikasi antara pemilik dan pengunjung blog. yang tentunya bertujuan agar terjalin komunikasi antara pemilik dan pengunjung blog. dalam postingan klinik-it kali ini klinik-it akan menjelaskan tentang bagaimana Cara Buat Form Kirim Email Di Blog. beda dengan form kontak kami yang klinik-it posting beberapa minggu yang lalu, Form kirim email kali ini hanyalah jembatan untuk sang pengunjung mengirimkan email melalui software emailclient seperti microsoft outlook.Contohnya bisa sobat lihat di bawah ini.

Name:

Alamat:

Email:






Cara kerja Form kirim email ini sangaat sederhana,pengunjung hanya diminta memasukan nama dan alamat emailnya kemudian mengklik tombol kirim ,maka seketika software emailclient seperti microsoft outlook akan segera terbuka dan sang pengunjung bisa langsung mengirimkan email kepada sang pemilik blog.

Jadi pada dasarnya pengunjung blog yang ingin mengirimkan email kepada sang pemilik blog harus sudah men-setting software microsoft outlook di komputernya.Buak sobat yang ingin mencobanya silakan ikuti langkah-langkah Cara Buat Form Kirim Email Di Blog di bawah ini.

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Copy paste kode berikut ke dalamnya.

<form action="MAILTO:admin@denisahlan.co.cc" method="post" enctype="text/plain">
Name:<br />
<input type="text" name="nama" value="Nama" size="20" />
<br />
Alamat:<br />
<input type="text" name="alamat" value="alamat" size="20" />
<br />
Email:<br />
<input type="text" name="mail" value="email" size="20" />
<br /><br />
<input type="submit" value="Kirim" />
<input type="reset" value="Batal" />
</form>

6.Ganti email admin@denisahlan.co.cc yang berwarna biru di atas dengan alamat email sobat.

7.Klik SIMPAN..

8.Selesai,dan tinggal sobat lihat hasilnya..
READ MORE - Cara Buat Form Kirim Email Di Blog
Diposting oleh di Tidak ada komentar:

Cara Buat Buku Tamu Berada Disamping Blog

Setelah Sebelunya Klinik-it memposting tentang cara Bagaimana membuat buku Tamu atau ShoutMix atau shutbox. kali ini klinik-it masih akan membahasnya..namun yang kali ini klinik-it bahas adalah tentang tekhnik pemasangannya,kalo sebelumnya pemasangan buku tamu ini hanya dilakukan di sidebar ,kali ini Tips yang akan klinik-it berikan adalah tentang Cara Buat Buku Tamu Berada Disamping Blog, Dengan menggunakan Trik ini,jadinya Sobat bisa menghemat bagian sidebar. Dan juga trik ini adalah bagian dari cara mempercantik tampilan blog,yang tujuanya adalah supaya blog terlihat aktraktif dan dinamis.

Penasaran dengan Buku tamu yang ada disamping blog ? Kalo penasaran silakan sobat lihat sendiri contohnya di blog sobat klinik-it ini,Coba sobat amati bagian kanan atas blog tersebut, disitu terdapat image Bertuliskan Buku tamu dan coba sobat klik image tersebut,setelah di klik maka sebuah buku tamu akan muncul.

Tertarik untuk membuatnya ? Jika tertarik silakan ikuti langkah-langkah Cara Buat Buku Tamu Berada Disamping Blog di bawah ini.

Cara Buat Buku Tamu Berada Disamping Blog

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Copy dan paste Kode di bawah ini ke dalamnya

<style type="text/css">#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://farm3.static.flickr.com/2771/4442306534_c1431ea4ce_o.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#FFFFFF;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
MASUKAN KODE BUKU TAMU DISINI
<a href="javascript:showHideGB()">
</a></div>
<div style="text-align:right; font-size:xx-small;">Cara Buat Buku Tamu <a href="http://klinik-it.blogspot.com/2010/03/cara-buat-buku-tamu-berada-disamping.html" target="blank">disini</a><br/><br/> widget by <a href="http://www.klinik-it.blogspot.com" target="blank"> Klinik-it</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6.Hapus tulisan MASUKAN KODE BUKU TAMU DISINI yang berwarna biru dan ganti dengan kode buku tamu atau shoutmix blog kamu.

7.Klik SIMPAN.

8.Selesai...
READ MORE - Cara Buat Buku Tamu Berada Disamping Blog
Diposting oleh di Tidak ada komentar:

2010-03-16

Cara Membuat Cursor Bertabur Bintang

Mempercantik atau memperindah tampilan Blog adalah naluri dari setiap blogger .dan jikalau tampilan blog seorang blogger telah mencapai tahap yang paling indah nantinya juga sang pemilik akan bangga terhadap blognya.hehehe jangan kaya tampilan blog klinik-it ini yang terlihat semerawut .hehehe nah...dalam postingan kali ini klinik-it akan menjelaskan tentang bagaimana Cara Membuat Cursor Bertabur Bintang.Cursor yang bertabur bintang adalah salah satu cara untuk mempercantik tampilan blog.karena saat cursor di geser kursor tersebut akan mengeluarkan bintang-bintang. Contohnya Bisa kamu lihat disini.

Setelah melihat Contohnya Tertarik tidak sobat untuk membuatnya ?jika tertarik silakan ikuti tutorial Cara Membuat Cursor Bertabur Bintang di bawah ini untuk Membuat Cursor Bertabur Bintang.

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

Bintang Biru



Bintang Hijau



Bintang Merah



Bintang Putih



Bintang Ungu



6.Kalo sudah selesai jangan lupa klik SIMPAN...

7.Selanjutnya silkan sobat lihat hasilnya...
READ MORE - Cara Membuat Cursor Bertabur Bintang
Diposting oleh di Tidak ada komentar:

2010-03-15

Cara Buat Cursor Di Ikuti Tulisan

Selain menggunakan animasi ,Cursor pada saat ada pengunjung mengunjungi blog kita juga bisa di tambahkan dengan tulisan atau teks yang slalu mengikuti saat cursor di geser dan pada saat cursor diam teks tersebut akan berputar mengelilingi panah cursor.jadi tutorial kali ini adalah tutorial tambahan untuk mempercantik blog.nahh.. buat sobat yang ingin membuat Cursor yang di ikuti sebuah tulisan mudah koq caranya .karena kali ini klinik-it akan menjelaskan tentang bagaimana Cara Buat Cursor Di Ikuti Tulisan.

Buat sobat yang udah ga sabar ingin membuat cursor yang di ikuti tulisan,langsung aja ikuti tutorial Cara Buat Cursor Di Ikuti Tulisan di bawah ini.

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Selanjutnya Copy dan paste kode berikut di dalamnya.

<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='tulis teks disini'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// 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+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+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>

6.Klik Simpan.

7.Ganti tulisan yang berwarna biru dengan teks yang sesuai dengan ke inginan sobat.
READ MORE - Cara Buat Cursor Di Ikuti Tulisan
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)