Teks Bergerak dengan Marquee

Mba' Iin sempat bertanya di sini:gimana cara buat tulisan yang turun naik di blog???thxNah mba', untuk membuat teks yg bergerak naik/turun tsb kita dapat menggunakan tag HTML Marquee. Pada artikel ini, saya juga akan menjelaskan beberapa atribut yg biasa dipakai pada tag Marquee ini.

Untuk membuat teks bergerak, kita bisa menggunakan basic tag Marquee seperti ini

<marquee>Masukan teks di sini</marquee>

Contoh Marquee normal

Kamu juga bisa menambahkan atribut2 untuk mengatur lebih jauh teks Marquee. Atribut:

height="150px" width="150px"

Atribut untuk mengatur tinggi(Height) dan lebar(Width) Marquee box dalam ukuran pixel.

bgcolor="#ffffcc"

Atribut untuk mengatur warna background Marquee box. Supaya gampang nyari kode warna yg kamu cari, baca juga Color Schemer Online
Contoh bgcolor="#ffffcc"

direction="left"
direction="right"
direction="up"
direction="down"

Atribut untuk mengatur arah gerak teks. Contoh direction="up"Contoh direction="right"Contoh direction="down"Contoh direction="left"

scrolldelay="100"

Atribut untuk mengatur kecepatan gerak teks dengan menambah waktu delay sebelum kembali bergerak. Kecepatan normal tag Marquee adalah 85
Contoh Marquee normalContoh scrolldelay="500" (setengah detik)Contoh scrolldelay="1000" (satu detik)

scrollamount="2"

Atribut untuk mengatur kecepatan gerak berdasarkan jarak dari satu gerakan ke gerakan lainnya. Makin tinggi nilainya, makin cepat teks bergerak.
Contoh Marquee normalContoh scrollamount="2"Contoh scrollamount="50"

onmouseover="this.stop()" onmouseout="this.start()"

Atribut untuk membuat teks berhenti jika kita meletakkan kursor mouse di atas teks Marquee. Coba kamu letakkan kursor mouse kamu ke atas teks Marquee ini

Wew. Akhirnya slesai juga. Yg tadi itu cuma beberapa atribut Marquee, sebenarnya masih banyak atribut yg laen. Moga2 aja gampang dimengerti, kalo ada pertanyaan jgn sungkan2 kasi komentar :)

Read More »

Mengoptimalkan Gambar secara Online

Kita semua tahu, kecepatan load blog memiliki pengaruh yg besar thd pengunjung. Dulu, saat zamanya dial-up masih berjaya, org2 masih mau nunggu 2 menit sampai website favoritnya muncul. Lah, sekarang, jangankan 1 menit, 10 detik aja mungkin udah terbilang lama. Apalagi kalo blognya tsb memuat byk gambar/foto.

Penggunaan banyak gambar bisa memperlambat loading halaman blog kalo sebelumnya tidak kamu optimalkan terlebih dahulu. Bisa aja sih dioptimalkan dengan menggunakan software Graphic Editor, kayak Adobe Photoshop, secara sekarang bisa didapatkan dgn gampang bgt. Tinggal sedikit googling, trus di-download, dapet deh Adobe Photoshop plus c***k-nya. Tapi bagi yg males download, ada lho cara alternatifnya, ga perlu download, gratis lagi :)

Favorit saya Online Image Optimizer buatanya Dynamic Drive. Kamu optimalin gambar dengan format GIF, JPG, dan PNG. Bahkan bisa meng-convert gambar. Tapi sayangnya, file gambarnya dibatesin maksimal 300 kb. Yg jelas tools ini sgt berguna, selain cepat, juga mudah digunakan.

Jgn lupa baca juga tools lain yg engga' kalah menariknya di Kumpulan Site Berguna buat Blogger.

Read More »

Color Schemer Online

Mengedit blog menjadi hal yg mengasikan ketika lagi ngeblog. Apalagi yg paling saya suka mix n match-in warna. Warna juga penting untuk mengatur tingkat readabillity-an suatu blog/website. Aplikasi yg biasanya membantu saya saat bermain dengan warna adalah Color Schemer Online.

Kita tinggal masukin nilai RGB atau HEX-nya, dengan sekali klik, keluar deh warna yg diinginkan. Fitur lainnya, kita bisa lighten atau darken warna sampai warna yg kita inginkan muncul.

kamu juga bisa ngedapetin versi offline software ini, baik yg gratis maupun berbayar di ColorSchemer. Punya website Online Color Generator lain favorit kamu? Share di sini supaya yg lain juga tahu :)

Lihat juga tools lain yg engga' kalah menariknya di Kumpulan Site Berguna buat Blogger.

Read More »

Ubah Tag Judul Blog Agar SEO Friendly

Trik ini penting untuk dilakukan karena keuntunganya sgt besar pada Search Engine. Banyak pakar SEO yg mengatakan struktur “judul artikel - judul blog" lebih disukai Search Engine. Bagaimana dengan Blogger? Blogger secara default mengatur dengan struktur “judul blog - judul artikel" sehingga jika ingin struktur yg lebih SEO Friendly perlu dilakukan sedikit modfikasi. Kecuali mungkin hal ini sudah teratasi jika kamu membuat blog baru atau mengganti dengan template default Blogger.

Bagi para bloggers ingin blognya mendapat SERP yg lebih baik, artikel ini Must Read bgt.

Semenjak Blogger merilis update pada 9 Mei 2008, yg isinya:

[...]
Layouts now has a blog.pageName datum that gives the name of the current page without the “[Blog Name]: ” prefix that blog.pageTitle adds.
[...]

[Selengkapnya di Updates and Bug Fixes for May 9th]

Yg saya enggak suka kenapa Blogger baru ngeluarin sekarang, padahal fitur udah lama ada di Wordpress. Tapi saya tetep seneng ama Blogger koq :)

Ok, Triknya gampang bgt:
1. Masuk ke Layout > Edit HTML
2. Cari (gampangnya pake CTRL+F) tag <title><data:blog.pageTitle/></title>
3. Ganti tag tadi dengan:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

Hasilnya, bagian atas Web Browser kamu akan tampak seperti ini jika kamu masuk ke dalam post page:



dan pada hasil pencarian Search Engine akan tampak seperti ini:






Update : Lalu bagaimana dengan versi Blogger klasik ? Dont worry be happy. Merujuk kepada pertanyaan dari mas Prawira, caranya gampang bgt koq. Cari tag

<title><$BlogPageTitle$></title>

Lalu timpa dengan :

<title>
<ItemPage>
<Blogger>
<BlogItemTitle><$BlogItemTitle$></BlogItemTitle> | <$BlogTitle$>
</Blogger>
</ItemPage>
<MainOrArchivePage><$BlogTitle$> </MainOrArchivePage>
</title>

Selamat mencoba dan semoga bermanfaat :)

Read More »

Optimalkan Kode CSS

Mengoptimalkan kode CSS itu penting, apalagi kalau kode CSS blog kamu itu panjangnya sampe udah ngelebihin panjangnya KRL Jabodetabek, hehehe. Dengan mengoptimalkan kode CSS, kamu bisa mengurangi size kode CSS kamu itu. Dan pastinya blog kamu bakalan lebih cepet di-load.

Tapi kalo ngeliat kode CSS yg udah panjang banget adanya juga jadi males ngeberesinnya. Kalo kamu termasuk golongan yg seperti ini, jangan khawatir lagi karena udah banyak banget software online buat mengoptimalkan CSS bertebaran di internet. BloggingPro ngebuat review tentang software2 tersebut. Dan berdasarkan reviewnya tersebut, Icey’s CSS Compressor menjadi yg terbaik.

CSS Compressor ini akan menghilangkan bagian2 yg tidak perlu, termasuk bagian putih yg kosong. Hasilnya mungkin akan membuat kode CSS kurang bisa dibaca dengan baik, tetapi akan membawa pengarih yg besar terhadap waktu load halaman blog.

Trik ini mungkin tidak terlalu berpengaruh terhadap pengguna Broadband internet. Setidaknya trik ini akan menghemat pemakaian bandwith apalagi penggguna Speedy kuota 1 GB seperti saya. Dengan trik ini pula akan membuat pengguna Dialup internet masih bisa bernafas lega.

Oiya, baca juga artikel mengenai mempercepat load blog dan Kumpulan Site Berguna buat Blogger.

Read More »

Mengenal Lebih Dekat dengan RSS

Masih berhubungan dengan 1 Mei RSS Awareness Day. Kali ini saya akan membahas lebih jauh tentang RSS. Barangkali aja masih ada yg bertanya-tanya "RSS itu apa sih?" atau "apa sih gunanya RSS?".

Kita semua pasti memiliki website atau blog favorit yg sering dikunjungi. Nah, gimana kalo website tersebut berjumlah puluhan bahkan ratusan. Kan ngga mungkin kita buka satu-persatu. Terlalu memakan waktu dan tentunya engga efisien.

Di sinilah RSS datang sebagai penolong. Kegunaan utama RSS membuat kita tetap terhubung kamu akan menerima informasi ketika website itu meng-update atau mengeluarkan artikel baru. Bagaimana cara berlangganan RSS? Kebanyakan website atau blog memberikandengan website atau blog favorit kita tersebut. Dengan berlangganan pada RSS mereka, otomatis kemudahan bagi pembacanya untuk berlangganan RSS dengan memasang ikon berwarna orange. Ikon berwarna orange ini merupakan ikon standard RSS. Bisa aja kamu menemukan ikon yg berbeda pada suatu website.

Sebelum kamu berlangganan, kamu harus memiliki RSS Reader terlebih dahulu. Biasanya, kebanyakan bagian toolbar web browser saat ini dapat digunakan sebagai RSS reader. Saya sendiri mengunakan Mozilla Firefox. Selain itu, di era Web 2.0 ini, kamu dapat menggunakan start page (personalized homepage) yg biasanya memiliki RSS Reader pula. Start page yg bisa kamu gunakan diantaranya:

1. Pageflakes
2. Netvibes
3. iGoogle
4. MyYahoo
5. Windows Live

Sekarang kamu siap menggunakan RSS feed. Kamu bisa langsung ter-update dengan tinggal ngeliat RSS feed ini tanpa harus ngunjungin langsung website favorit kamu.

Read More »

Menyambut 'RSS Awareness Day'

Tanggal 1 Mei ini dinyatakan sebagai RSS Awareness Day. Bisa dibilang kebangkitan dari RSS untuk menyadarkan orang2 tentang RSS ini. Barangkali aja ada yang belum tahu apa itu RSS atau cara memaksimalkan teknologi RSS ini.


Apa sih kegunaan dari RSS?
Setiap Netter pasti punya website langganan yg akan selalu dibuka tiap hari. Nah, gimana kalo website tersebut berjumlah puluhan bahkan ratusan (lebih...?). Tentunya jika kita buka satu-persatu akan memakan waktu yg sangat lama. Nah, di sinilah kegunaan RSS. RSS dapat membantu kita membaca blog dan halaman web tersebut dengan jauh cepat karena RSS hanya me-load isi utama dari halaman web tersebut.

Lalu, dengan RSS ini, kita dapat memilah-milah artikel website tersebut. Jadi, enggak usah lagi buang2 waktu buat buka halaman web/blog ini satu-persatu. Secara, ada RSS gitu

Read More »