21.1.10

Menghilangkan tulisan di header

Setiap template memiliki desain yang berbeda. Salah satunya ada yang menyertakan nama situs dan slogan dari situs tersebut. Ketika akan menggunakannya, mungkin di situs kita tidak perlu.

clip_image002

Kita bisa menghilangkannya dengan cara sebagai berikut.

  • Buka folder template > nama template. Klik kanan file index.php lalu klik Open with > WordPad.

clip_image004

  • Cari dan hapus kode seperti ini.

<div class="art-Logo">

<h1 id="name-text" class="art-Logo-name"><a href="<?php echo $baseUrl; ?>/">mediakita</a></h1>

<div id="slogan-text" class="art-Logo-text">agar kita lebih tahu</div>

</div>

clip_image006

  • Refresh halaman utama situs. Hasilnya seperti gambar berikut.

clip_image008

13.1.10

Membuat module YM di Joomla! 1.5.15

Kalau kita menggunakan modul Yahoo! Messenger yang sudah ada, kebanyakan hanya ada satu akun. Padahal, mungkin kita ingin menampilkan lebih dari akun bila website kita terdiri dari beberapa admin atau kontributor.

Untuk mengatasinya, bikin modul sendiri saja. Kali ini saya mencobanya di Joomla! 1.5.15. Caranya sebagai berikut.

  • Klik Extensions > Module Manager.

clip_image002[4]

  • Klik New.

clip_image004[4]

  • Pilih Custom HTML.

clip_image006[4]

  • Klik Next.

clip_image008[4]

  • Ketik nama modul.

clip_image010[4]

  • Klik ikon HTML.

clip_image012[4]

  • Masukkan kode berikut ini. Tag <br> supaya antar ikon YM beda baris. Klik Update. Angka pada (t) bisa diganti antara 1 sampai 15.

<a href="ymsgr:sendIM?id_ym"><img src="http://opi.yahoo.com/online?u=id_ym&m=g&t=1" border=0></a>

clip_image014[4]

  • Hasil sementara seperti ini.

clip_image016[4]

  • Klik Save.

clip_image018[4]

  • Buka atau refresh tampilan website Anda. Hasilnya seperti ini.

clip_image020[4]

11.1.10

Sharing koprol via facebook

Untuk mencari teman di koprol, bisa mengetik nama teman di kotak pencarian atau mengundang via email. Selain itu, kita juga bisa mengajak secara tidak langsung dengan menghubungkannya ke akun Facebook. Dengan demikian, mungkin saja ada teman di Facebook yang tertarik bergabung setelah melihat status kita.

Caranya sebagai berikut.

  • Klik ikon Share on Facebook pada status yang kita buat.

clip_image002

  • Klik Connect. Jika belum login ke Facebook, ada permintaan untuk memasukkan username dan password.

clip_image004

  • Ketik status (optional) lalu klik Publish.

clip_image006

Hasilnya seperti gambar berikut.

clip_image008

Koprol: sedang di mana dan sedang apa?

Sebenarnya sudah lama register di koprol, tetapi sampai sekarang belum dioptimalkan. Kalau melihat fiturnya, lumayan bagus. Kita bisa menyampaikan informasi, sedang di mana dan sedang melakukan apa. Dengan begitu, jika kita akan menuju ke suatu tempat, kita bisa tahu ada siapa saja di tempat itu dan sedang ngapain mereka.

Untuk itu, sangat disarankan ketika pertama kali masuk, checkin tempat dulu baru update status. Caranya sebagai berikut.

  • Ketik lokasi Anda sekarang atau yang akan dikunjungi lalu tekan ENTER.

clip_image002

  • Klik Checkin tempat yang akan dituju.

clip_image004

  • Kita bisa melihat ada siapa saja di tempat tersebut.

clip_image006

8.1.10

Hanya iseng: merotasi tampilan situs

Kalau membuat tulisan terbalik, saya yakin sudah banyak yang tahu dan bisa. Namun, kalau website terbalik, mungkin baru sedikit orang tahu. Memang tidak ada manfaatnya sih. Ini hanya iseng saja dan bisa untuk ngerjain temen yang baru belajar komputer.

Caranya sebagai berikut.

  • Buka situs ini, lalu ketik url situs yang akan dibalikkan.

clip_image002

  • Pilih jenis rotasi lalu klik Rotate!

clip_image004

Hasilnya seperti ini.

Rotasi ke kiri.

clip_image006

Rotasi ke kanan.

clip_image008

Miror.

clip_image010

6.1.10

Google Translate for Client

Untuk urusan menerjemahkan sebuah situs, kita bisa memanfaatkan Google Translator. Namun, kita harus melakukan beberapa tahap untuk menerjemahkannya. Meskipun kita bisa menginstal toolbar Google Translator, tetapi akan diterjemahkan satu halaman dalam halaman yang berbeda. Supaya lebih sederhana, kita bisa menginstal Google Translate for Client.

Aplikasinya bisa didownload di sini. Cara menggunakannya sebagai berikut.

  • Saat pertamakali dibuka, atur bahasa yang akan digunakan. Baik bahasa sumber maupun bahasa terjemahannya.

clip_image002

  • Klik Main > Settings.

clip_image004

  • Supaya lebih cepat, pilih opsi Just select text lalu klik OK.

clip_image006

  • Ketika kita ingin menerjemahkan sebuah kalimat atau paragraf, cukup sorot kalimat/paragraf tersebut. Terjemahannya langsung muncul.

clip_image008

Lebih cepat dan mudah, bukan? Saya menggunakan versi gratis. Kalau ingin mengupgrade ke profesional, Anda harus membayar $15.95 untuk satu tahun.

4.1.10

Menyisipkan teks bergerak di blog

Berbagai cara bisa dilakukan untuk membuat blog lebih atraktif. Salah satu yang paling sederhana adalah menampilkan teks berjalan. Bisa disisipkan di dalam artikel maupun gadget. Baik teks biasa maupun dalam bentuk link.

Berikut ini, beberapa alternatif teks berjalan yang bisa Anda gunakan.

Bergerak biasa.

<marquee>masukkan teks sederhana di sini</marquee>

Hasilnya seperti ini.

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

Menggunakan background berwarna. Kombinasi warna, bisa menggunakan bantuan photoshop.

<marquee bgcolor="#99CCFF">masukkan teks sederhana di sini</marquee>

Hasilnya seperti ini.

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

Menentukan arah gerakan (direction). Ke kanan (right), kiri (left), atas (up), dan bawah (down).

  • Ke arah kanan (right).

<marquee direction="right" bgcolor="#99CCFF">masukkan teks sederhana di sini</marquee>

 

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info
  • Ke kiri (left).

<marquee direction="left" bgcolor="#99CCFF">masukkan teks sederhana di sini</marquee>

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

  • Ke atas (up).

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

  • Ke bawah (down).

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

  • Bolak-balik.

<marquee behavior="alternate" direction="right" bgcolor="#33FFCC">masukkan teks sederhana di sini</marquee>

 

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

Memperlambat gerakan (scrollamount).

<marquee behavior="alternate" direction="left" bgcolor="#9999CC" scrollamount="2">masukkan teks sederhana di sini</marquee>

 

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

Berhenti ketika didekati mouse.

<span><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="#cccccc"><br /><br />masukkan teks sederhana di sini<br /><br /></marquee>

 



Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

Menambahkan link (open in the same window).

<marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"> <a href="url#1">LINK#1</a> <a href="url#2">LINK#2</a> <a href="url#3">LINK#3</a> </marquee>

 

Sudarma dot Info Blog Kuring My Web

Menambahkan link (open the link in new window).

<marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"> <a href="url#1" target="_blank">LINK#1</a> <a href="url#2" target="_blank">LINK#2</a> <a href="url#3" target="_blank">LINK#3</a> </marquee>

 

Sudarma dot Info Blog Kuring My Web

Memasang tombol donasi paypal di blog

Mungkin Anda pernah melihat blog yang memiliki tombol donasi. Pemilik blog tersebut memasangnya untuk kelangsungan blog tersebut, sehingga terus mengupdate artikelnya yang berguna bagi banyak orang.

Jika Anda menginginkan hal yang sama, bisa mengikuti langkah berikut ini.

  • Login ke paypal lalu klik tab Layanan Pedagang. Jika belum daftar, silakan klik di sini.

clip_image002

  • Klik Donasi pada Fitur-Fitur Kunci.

clip_image004

  • Lakukan pengaturan seperlunya lalu klik Buat Tombol.

clip_image006

  • Salin kode yang diberikan.

clip_image008

  • Paste di gadget HTML/JavaScript lalu klik Save.

clip_image010

  • Hasilnya seperti ini.

clip_image012