Trik Mencari Kode HTML dengan Cepat

Trik ini akan sangat berguna bagi anda yang senang mengutak-atik blog anda, karena penggunaannya sangat mudah sekali yaitu anda tinggal mengetik kode HTML yang ingin anda cari kemudian tekan enter.

Cara pertama :

Klik menu edit pada browser yang biasa anda gunakan misalnya: Mozilla firefox, opera, internet explorer,dll -> klik find

Cara kedua :

Tekan Ctrl + F secara bersamaan pada keyboard anda.

So, gampang banget kan caranya……….

Iklan

Membuat Gambar Melayang (Float Image) Pada Blogspot

Kalau kamu membuka-buka blog ini pasti kamu akan bertanya-tanya kenapa gambar panah ke atas dan ke bawah tetap diam sekalipun kamu menggulung layar (menarik scroll)? Nah, itulah yang dimaksud dengan gambar melayang (float image). Jadi maksud gambar melayang disini bukannya gambar yang bisa melayang kesana kemari seperti Gatotkaca, tapi gambar yang tetap diam (statis) sekalipun scroll ditarik.

Lalu apa mamfaat dari adanya float image ini dan bagaimana cara membuatnya?
Mamfaatnya selain membuat tampilan blog kamu semakin keren, juga untuk menambahkan tautan (link) pada gambar tesebut sehingga jika gambar itu diklik akan langsung ke alamat yang dijadikan tautan.

Cara membuat float image ini juga cukup mudah, kamu bisa mengikuti langkah-langkah berikut:

  • Dari halaman Dashboard klik Tata Letak dan pilih Edit HTML.
  • Cari kode berikut dengan menekan Control F :
    ]]></b:skin>
  • Jika sudah ketemu, kopikan kode berikut :
    #gambar1 {
    position:fixed; _position:absolute; top:0px; right:0px; clip:inherit; z-index:+1000;}
  • Letakkan kode tersebut di atas ]]></b:skin>
  • Setelah itu kopikan kode berikut :
    <div id=”gambar1″>
    <a href=”http://ruangsc.blogspot.com/&#8221; target=”_blank” title=”Tips Membuat dan Mendesain Blog”>
    <img border=”0″ src=”http://s3.tinypic.com/32zovnl.jpg“/></a>
    </div>
  • Letakkan kode tersebut di antara </head> dan <body>
  • Lakukan Pratinjau (Preview). Jika sudah OK baru simpan.

Jika kamu ingin mengubah letak gambar, ubah saja posisinya (top dan right) di atas dengan bottom untuk gambar di bawah dan left untuk gambar sebelah kiri. Dan jika kamu ingin mengubah gambar, ganti saja alamat gambar pada src=”alamat gambar” dengan alamat gambar yang kamu inginkan (Bocoran gambar: kunjungi Adiwidget). Demikian juga jika kamu ingin mengubah link (tautan) untuk gambar tersebut, kamu tinggal mengubah alamat tautan pada href=”alamat tautan” dengan alamat tautan yang kamu inginkan (Mengenai link lihat Membuka Link Di Halaman Tab Baru).

Lalu bagaimana jika ingin float image-nya lebih dari satu? Kamu tinggal meng-kopi kode #gambar1 dst., lalu ubah menjadi gambar2. Kopikan pula kode <div id=’gambar1′> dst., lalu ubah menjadi gambar2 dst.
Float image ini juga bisa kamu mamfaatkan untuk memberi perintah ke atas dan ke bawah halaman blog.

Nah, mudah kan? Selamat mencoba…

Sumber :

Cara Membuat Tulisan Berjalan (Komplit)

Bagi para blogger yang doyan ngotak-ngatik blog-nya supaya tampil aktraktif, ciamik dan penuh daya tarik (tukang becak kali…), mungkin kepingin ada tampilan tulisan yang berkerak atau berjalan. Sebenarnya gampang saja kok membuat supaya tulisan tersebut bergerak/berjalan, kamu hanya cukup menambahkan perintah <marquee> di depan tulisan kamu dan menutupnya dengan perintah </marquee>, seperti contoh berikut:

<marquee>TULISAN BERJALAN</marquee>

Hasilnya akan nampak seperti ini:

TULISAN BERJALAN

Masih belum puas? Ok, berikut akan disajikan tulisan seputar “Tulisan Bergerak” secara komplit supaya kamu bener-bener ngerti dan merasa puas.

Mengatur tingkat kecepatan

Untuk mengatur tingkat kecepatan bergerak, kamu tinggal menambahkan perintah scrollamount setelah perintah marquee, dengan nilai scrollamount ≠ 0 (jika nol tidak akan bergerak), seperti contoh berikut:
<marquee scrollamount=”2“>TULISAN BERJALAN</marquee>
<marquee scrollamount=”3“>TULISAN BERJALAN</marquee>
<marquee scrollamount=”4“>TULISAN BERJALAN</marquee>

Hasilnya akan nampak seperti ini:

TULISAN BERJALAN
TULISAN BERJALAN
TULISAN BERJALAN

Semakin besar nilai scrollamount-nya, akan semakin cepat bergeraknya, demikian sebaliknya.

Mengatur arah pergerakan

Arah pergerakan marquee secara default akan bergerak dari kanan ke kiri(left). Kamu dapat mengatur arah pergerakannya dengan menambahkan perintah direction, seperti contoh berikut:
<marquee scrollamount=”2″ direction=”right“>TULISAN BERJALAN</marquee>
<marquee scrollamount=”2″ direction=”up” width=”100%” height=”50″>TULISAN BERJALAN</marquee>
<marquee scrollamount=”2″ direction=”down” width=”100%” height=”50″>TULISAN BERJALAN</marquee>

Hasilnya akan nampak seperti ini:

TULISAN BERJALAN
TULISAN BERJALAN
TULISAN BERJALAN

Khusus untuk perintah arah atas (up) dan bawah (down), sebaiknya kamu menambahkan perintah pengaturan lebar (width) dan tinggi (height) supaya tidak terlalu tinggi atau terlalu pendek.

Membuat tulisan bolak-balik

Bagaimana dengan tulisan bolak-balik? Untuk tulisan seperti ini kamu tinggal menambahkan behavior=”alternate”, seperti contoh berikut:
<marquee behavior=”alternate”>TULISAN BOLAK-BALIK</marquee>

Hasilnya akan nampak seperti ini:

TULISAN BOLAK-BALIK

Kamu juga dapat melakukan pengaturan tingkat kecepatan dan arah pergerakan pada tulisan bolak-balik ini. Caranya seperti yang dijelaskan di atas.

Membuat tulisan bergerak menjadi diam dan bergerak lagi

Jika tulisan bergerak kamu ingin diam jika ditunjuk oleh pointer mouse dan bergerak lagi setelah pointer mouse itu dijauhkan maka kamu harus menambahkan onmouseover=”this.stop()” (perintah supaya berhenti) danonmouseout=”this.start()” (perintah supaya bergerak lagi) pada perintah-perintah tadi, seperti contoh berikut:
<marquee behavior=”alternate” onmouseover=”this.stop()” onmouseout=”this.start()”>TULISAN BOLAK-BALIK”</marquee>

Hasilnya akan nampak seperti ini (coba tunjuk oleh pointer mouse kamu):

TULISAN BOLAK-BALIK

Menambahkan background warna

Untuk menambahkan backgound pada tulisan, kamu cukup menambahkan perintah bgcolor=”warna” (warna: red, blue, orange, green, dll) atau perintahbgcolor=”#kode warna” (mengenai kode warna silahkan baca artikel ini) pada perintah-perintah tadi, seperti contoh berikut:
<marquee behavior=”alternate” direction=”left” bgcolor=”orange“><b>TULISAN BOLAK-BALIK</b></marquee>
<marquee behavior=”alternate” direction=”right” bgcolor=”#FDEAE8“><b>TULISAN BOLAK-BALIK</b></marquee>

Hasilnya akan nampak seperti ini:

TULISAN BOLAK-BALIK
TULISAN BOLAK-BALIK

Penambahan perintah <b> dan penutup </b> pada tulisan, supaya tercetaktebal. Jika kamu mau tulisan tercetak miring tambahkan <i>, dan garis bawah tambahkan perintah <u>.

Nah, sekarang sudah jelas kan? Kalo masih belum jelas, kebangetan tuh!!! Hehehe…
Ok deh, selamat mencobanya….

sumber : http://ruangsc.blogspot.com