TRIKUS: September 2010

Selasa, 28 September 2010

berjalan

Membuat Marquee / Teks Berjalan

Ini Merupakan Postingan saya di blog yang lain.

Kita sering melihat suatu web atau blog dengan teks berjalan atau marque seperti di blog kita ini.
Nah untuk membuatnya kita harus mengenal istilah-istilah yang digunakan untuk marque ini:
Marquee ini bisa di buat dengan menggunakan tag:

......

behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
title='pesan" --> Pesan akan muncul saat mouse berada di atas teks
scrollmont="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
scrolldelay="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
width="lebar" --> Mengatur lebar blok teks dalam pixel atau persen
Agar lebih jelas akan saya sertakan contohnya :

Untuk menambah marquee di blogspot:

Login ke Blogspot
masuk ke Tata Letak
Tambah Gadget
HTML
terus ketikan kode marquee nya

Contoh marquee dari gerakan :
ini contoh marquee ke kiri

ini contoh marquee ke kiri

ini contoh marquee ke kanan
Ini contoh marquee ke kanan

ini contoh marquee ke kanan
Ini contoh marquee Bolak balik

ini contoh marquee tulisan ke atas
Ini contoh marquee tulisan keatas

ini contoh marquee tulisan ke bawah
Ini contoh marquee tulisan kebawah

Ini contoh marquee memakai background warna
Ini contoh marquee memakai background warna

Untuk membuat Marquee Gambar or picture or photo anda harus menyimpan dulu photo anda di web penyimpan photo seperti http://www.imageshack.us


Ini contoh marquee gambar  bergerak ke sebelah kiri

 Ahlan Wa sahlan Selamat  datang di Blog Bundanya Alfi Hadi maulana dan Ghevira Alviani Camilla  semoga dengan adanya halaman ini dapat memberikan informasi yang  bermanfaat. aamiin &ltimg width="200px" alt=url gambarnya&ltimg  width="200px" alt="Image Hosted by ImageShack.us" src="url  gambarnya>puskomalba>Ini contoh marquee gambar bergerak ke  atas

Ahlan Wa sahlan Selamat datang di Blog Bunda Alfi & Vira semoga dengan adanya halam ini dapat memberikan informasi yang bermanfaat. aamiin

CHATBOX

Anda tertarik dengan chat box atau papan pesan yang ada di side bar atau samping kiri blog ini? untuk membuatnya Klik www. Shoutmix.com lalu Pilih Sign Up
Lalu daftar sampai berhasil.

Untuk Memasang Shot BOx di Blog spot

Masuk Ke Home shotbox mixnya
Pilih Setting
Lalu Pilih Get code
Pilih Place Shoutbox on webpage , Lalu masukan ukuran yang kamu inginkan Width Untuk lebarnya dan height untuk tingginya
Lalu Copy code yang ada dibawah generation code dengan blok dulu lalu Klik kanan pilih copy
Sementara itu Buka Tata Letak blog kamu
Lalu pilih tambah Gadget
dan Pilih HTML
Lalu di konten klik kanan Pilih Paste
Lalu Save
lihat deeeh hasilnya

ALAMAT BLOG BERJALAN

Untuk membuat Address Bar / Alamat Blog menjadi bergerak seperti blog ini yang harus dilakukan adalah :

Login dulu ke blogger nya
Setelah itu Masuk ke Tata Letak
Lalu Pilih HTML
Lalu Cari Kode seperti di bawah ini

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

Lalu Kopikan Kode di bawah ini

var txt="";

var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</script language='JavaScript'>

Lalu Simpan tepat dibawah kOde poin 4 tadi
Simpan dan lihat deeech hasilnya

DOMAIN+HOSTING GRATIS

Domain Gratis:
berikut ini adalah daftar nama situs penyedia domain gratis.

1. dot.tk
2. co.cc
3. co.tv
4. eu.tv
5. shorturl.com
6. co.nr
7. dom.ir
8. 2ir.ir
9. coo.ir
10. ne1.net
11. unonic.com
12. kurzurl.de
13. joynic.com
14. europnic.com
15. uni.cc
16. c-o.in
17. smartdots.com

Hosting Gratis

1. 000webhost.com
2. My-php.net
3. Awardspace.com
4. ripway.com
5. Community.web.id
6. phpnet.us
7. www.byethost.com
8. www.ifastnet.com
9. KWIKPHP.com
10. http://www.110mb.com
11. www.50webs.com
12. http://www.bravenet.com/
13. Pandela.com
14. NoFeeHost.com
15. Vlexo.com
16. fh4m.com
17. Fateback.com
18. 1gig.biz
19. 100WebSpace.com
20. MyPlaceHost.net
21. 1111mb.com
22. FreeFastServer.com
23. AwesomeWebspace.com
24. 500FreeHosting
25. TFCPH.com
26. Pro-PHP.org
27. 225mb.com
28. Net-Fast.org
29. 65gb.com
30. Hostwebs.org
31. BestFreeWebspace.net
32. 4000webs.com
33. Itrello.com
34. 20xhost.com
35. Summerhost.info
36. KwikPhp.net

MENGGANTI PAVICON

Apa Sih Pavicon itu? Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website. Apabila anda membuat blog di Blogger.com alias blogspot dan memakai template klasik maka favicon yang berada di samping alamat URL anda adalah berupa favicon blogger.

Apakah favicon tersebut bisa di ganti dengan favicon milik anda? jawabannya adalah bisa. Coba lihat pavicon pada blog ini:

Langkah-langkah untuk mengganti pavicon blogger adalah sbb:

* Buatlah sebuah gambar menggunakan Adobe Photoshop atau yang software lainnya dengan ukuran 32 x 32 pixels dan berekstensi *.gif
* Contoh:

de2azhar pavicon 2.gif logo.gif

* Setelah itu upload gambar tersebut ke penyedia hosting gambar. Kalau saya biasa pakai http://photoserver.ws ingat Register dulu di Photoserver.ws gratis koq
* Setelah process upload selesai ambil link gambar tersebut.

Contoh alamat url gambar setelah di opload di Photoserver.ws seperti ini

http://photoserver.ws/images/ANUA4b1c9b3317906.gif

* Rubah alamat url pavicon pada point 3 tadi menjadi:

* Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
* Klik pada Tata Letak.
* Klik Edit HTML.
* Silahkan cari kode
* Simpan kode favicon yang pada point 4 tadi persis di atas kode
* Klik tombol Simpan Template.
* Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.

Gimana mudah bukan?????????

Selamat Mencoba!!! Semoga Sukses

Update:

ternyata ada template yang tetap memakai favicon blogger padahal sudah ditambahkan icon seperti di atas, untuk mengatasinya rubah alamat url favicon seperti di bawah ini:

ganti dengan :

MENGHILANGKAN NAVBAR

Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Atau bisa juga menaruh kode berikut persis di bawah kode :

Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :

Untuk template klasik

Klik menu Template

Klik menu Edit HTML

Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman

Copy kode berikut lalu paste di atas kode

Klik tombol Simpan Perubahan Template

Selesai.

Untuk template baru

Klik menu Layout

Klik menu Edit HTML

Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

Copy kode berikut lalu paste di atas kode ]]>

Klik tombol Simpan Template

Selesai.

Selamat menikmati blog tanpa navbar !

SETTING DOMAIN COCC

Cara membuat blog gratisan dengan domain gratis di CO.CC yang dapat diintegrasikan dengan Blogger Blogspot WordPress.com dan WordPress hosting sendiri atau free web hosting.

Kalau Anda ingin punya domain gratis Anda bisa mendaftar dengan mudah di CO.CC atau CZ.CC. Domain ini nantinya dapat digunakan untuk banyak hal. Antara lain, (1) untuk menjadi domain blog Anda di blogger.com blogspot, (2) menjadi domain Anda di wordpress.com; (3) menjadi domain Anda dengan hosting gratis (lihat daftar hosting gratis). Fungsi nomor (3) ini khusus bagi Anda yang ingin berlatih memiliki situs dengan domain dan hosting sendiri.

Cara daftar di CO.CC
1. Kunjungi CO.CC (aff) atau CZ.CC,
2. Di kotak yang tersedia (lihat gambar 1), isi alamat yang diinginkan. Contoh. namasaya.co.cc. Klik “Check Availability”. Kalau “Available” (belum ada yang punya), teruskan prosesnya. Kalau sudah ada yang pakai, ulangi lagi dengan mengisi nama yang lain.

3. Klik “Continue to Registration” (lihat gambar 2)

4. Klik “Create an Account Now” di bagian paling bawah (lihat gambar 3).

5. Isi formulir (lihat gambar 4). Jangan lupa kasih tanda tik (centang) di bagian paling bawah pada “I accept the Terms of Service”

6. Klik “Create an account now.”
7. Proses daftar domain selesai (gambar 5).

Selanjutnya kita harus mensetting domain tersebut untuk diarahkan sesuai tujuan kita. Yang paling mudah adalah redirect atau URL forwarding.
Berikut sejumlah fungsi yang dapat kita lakukan untuk set-up domain co.cc kita:

A. Fungsi Redirect / URL Forwarding

1. Klik “Set-up”
2. Kasih tanda tik pada button (lobang) nomor 3. URL Forwarding (gambar 7)

3. Isi alamat blog Anda yang akan diredirect (gambar 8 [delapan])

4. Klik “Set Up”.
5. Ada tulisan ” Your change has been submitted.” Klik “OK”.
6. Selesai (gambar 9).

PEMULA

Cara membuat blog gratisan di Blogger Blogspot panduan tutorial praktis bikin blog dalam 5 menit bagi pemula
Oleh JAJULIWEB.com

Membikin blog di blogger.com / blogspot sungguh sangat mudah karena blogger.com milik Google.com. Karena itu apabila Anda sudah punya email gmail.com, Anda tinggal langsung daftar di blogger.com. Singkatnya ikuti langkah singkat berikut:

1. Kunjungi www.blogger.com (klik)
2. Masukkan account Gmail di “nama pengguna (Email)” dan password di “Kata Sandi”. Lihat gambar 1.
Kalau belum punya Gmail, daftar dulu di Gmail.com, atau di Yahoomail.com.
a. Isi “Nama Tampilan” di kotak. Contoh: Nama Saya
b. Kasih tanda tik (check) pada “Penerimaan Persyaratan”
c. Klik “Lanjutkan”. Lihat gambar 2.
3. Pada “Judul Blog” -> isi dengan Judul yang diinginkan. Contoh Fatih Syuhud Blog
4. Pada “Alamat Blog” -> isi dengan alamat URL. Contoh, fatihsyuhud.
Jangan lupa klik “Cek Ketersediaan” untuk mengetahui apakah alamat URL yang dipilih belum ada yang punya. Coba buat alamat lain kalau alamat tidak tersedia. Lihat gambar 3.
5. Klik “Lanjutkan”
6. Pada “Pilih Sebuah Template” klik “Lanjutkan” (Gambar 4)
7. “Blog Anda Telah Diciptakan!” -> Anda sudah berhasil membuat blog (Gambar 5)
8. Klik “Mulai Blogging” untuk menulis artikel.
9. Di “Judul” isi kotak dengan judul artikel yang akan ditulis. Contoh: Menulis di Blog
10. Isi kotak di bawahnya dengan artikel. Sebagai contoh, Anda bisa meng-copy dari sini.. Lihat gambar 6.
11. Klik “Mempublikaikan Posting”
12. Selamat! Anda berhasil membuat blog dan memposting Artikel. (Lihat gambar 7).

Catatan: Untuk memposting artikel berikutnya, Anda tinggal mengklik menu “Posting”. Untuk mengedit tulisan tinggal klik “Edit Posting”

Gambar 1

Gambar 2

Gambar 3

Gambar 4

Gambar 5

Gambar 6

Gambar 7