Menilik dari beberapa pertanyaan yang muncul balakangan ini baik melalui shoutbox ataupun melalui kotak komentar, rupanya tak hanya sobat yang membuat blog di blogger.com saja yang berkunjung ke blog ini akan tetapi ada juga para pengguna blog yang menggunakan layanan dari wordpress. Sebenarnya bukannya saya pelit untuk berbagi pengetahuan seputar wordpress, akan tetapi ilmu saya terlalu dangkal apabila berbicara mengenai wordpress sehingga tidak ada yang bisa di sampaikan. Sepertinya harus banyak belajar nih mengenai wordpress, do'akan ya mudah-mudahan dalam beberapa bulan mendatang saya akan bisa membuat tutorial seputar blog yang memakai layanan wordpress.
Mungkin bagi sobat yang sering membaca tutorial yang saya tulis acapkali menemukan tutorial berupa pemasangan kode-kode HTML ataupun berupa Javascript. Apabila timbul pertanyaan apakah di wordpress bisa juga di pasang kode/script tersebut? sepengetahuan saya bahwa pada layanan wordpress yang tidak berbayar alias gratis tidak diperkenankan memasang Javascript, akan tetapi lain halnya dengan layanan yang berbayar tentu itu lain soal, sobat bisa memasukan apa saja terserah sobat. Kemudian bagaimana nasibnya dengan kode HTML apakah bisa di pasang di wordpress? nah jika untuk kode HTML masih diperbolehkan untuk dipasang, jadi apabila ada tutorial saya yang memakai hanya berupa kode HTML maka masih bisa untuk di pasang di wordpress.
Berangkat dari alasan diatas, maka pada kesempatan ini saya akan coba untuk mengulas tentang cara pemasangan kode HTML yang akan di simpan di sidebar blognya wordpress. Agar lebih terfokus, maka akan saya ambil contoh pemasangan kode tuker link. Untuk kode tuker link pernah saya ulas di sini ! sebagai contoh : kode HTML untuk tuker link yang akan di pasang seperti ini :
lbih jlsnya silahkan kunjungi http://kolom-tutorial.blogspot.com/2007/10/pasang-kode-html-di-wordpress.html
2. cara membuat tutorial silahkan kunjungi http://kolom-tutorial.blogspot.com/2007/04/membuat-menu-dropdown.html
3. Membuat efek Marquee
Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.
Marquee ini bisa di buat dengan menggunakan tag .
Atribut yang sering di gunakan adalah :
BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
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
SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" --> Mengatur jumlah loop
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen
Agar lebih jelas akan saya sertakan contohnya :
Contoh marquee dari gerakan :
lbih jlsnya silahkan kunjungi http://kolom-tutorial.blogspot.com/2007/04/membuat-marquee.html
4. Buat Logo & Image Button
Bagi para sobat yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw serta teman-temannya yang lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit, dan mungkin tutorial ini menjadi tidak menarik untuk di baca. But barangkali ada sebagian dari para sobat sekalian yang satu nasib dengan saya, sebenarnya saya pun boleh di katakan tidak awam banget dengan program-program desain grafis tersebut, akan tetapi tak cukup hanya menguasai tentu saja di perlukan suatu daya kreasi atau imajinasi yang tinggi untuk menciptakan sebuah logo. Nah kalau ada diantara sobat sekalian yang senasib dan sepenanggungan seperti saya (lho ko jadi ngawur ngomongnya)jangan dulu berkecil hati, seperti biasa ada pepatah mengatakan banyak jalan menuju Roma ((irama)kaya postingan dulu...dah basi)untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini :
- Silahkan buka alamat http://cooltext.com
- Lalu klik tulisan Design a Logo
- Klik gambar contoh logo yang sobat sukai
- Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
- Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
- Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
- Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
- Klik tombol yang bertuliskan Render Logo Design
- Tunggu beberapa saat ketika proses pembuatan logo berlangsung
- Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
- Selesai. Sobat sudah mempunyai sebuah logo.
Agar logo yang kita buat tadi bisa tampil di blog, sobat harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal www.photobucket.com.
Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :
- Silahkan buka alamat http://www.photobucket.com,
- Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
- Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
- Silahkan Sign In dengan Id sobat
- Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
- Klin tombol yang bertuliskan Upload
- Tunggu beberapa saat ketika proses upload berlangsung
- Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
- Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
- Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat
4. Pasang Link di New Blogger Template
Menilik beberapa pertanyaan yang di ajukan beberapa sobat, rupanya masih ada yang berkeinginan lebih dalam hal membuat link walaupun sudah saya posting sampai dua artikel, terutama bagi yang memakai template baru alias new blogger template. Untuk memenuhi hasrat beliau-beliau ini, sengaja saya posting kembali mengenai membuat link dan mudah-mudahan dengan adanya postingan ini dapat menjawab beberapa keinginan yang belum terjawabkan.
Ok, saya mulai dengan membuat link yang bisa memunculkan window baru. saya ambil contoh blog yang ingin saya link sebanyak lima buah, yaitu :
1. http://rubrik-elektronik.blogspot.com
2. http://www.rohman24.co.nr
3. http://jaya-example.blogspot.com
4. http://user-online.blogspot.com
5. http://amen24.googlepages.com/koded%27treemenu
Untuk membuat kode link yang arah vertikal seperti ini :
<a href="http://rubrik-elektronik.blogspot.com" target="_blank">Rubrik Elektronik</a>
<br/>
<a href="http://www.rohman24.co.nr" target="_blank">Free blog template</a>
<br/>
<a href="http://jaya-example.blogspot.com" target="_blank">Rotating banner blog</a>
<br/>
<a href="http://user-online.blogspot.com" target="_blank">User Online status</a>
<br/>
<a href="http://amen24.googlepages.com/koded%27treemenu" target="_blank">Kode menu d tree</a>
Hasilnya akan seperti ini :
Rubrik Elektronik
Free blog template
Rotating banner blog
User Online status
Kode menu d tree
dst...lbih jlsnya kunjungi
Pasang Link di New Blogger Template
http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html
6. Cara membuat Banner Pribadi..( buka di situs http://onnyjuga.blogspot.com/2010/08/membuat-banner-header-blog-dengan.html ) atau
klik disini ( membuat banner )