Solusi untuk menambah follower atau pengikut blog

Sekilas promosi efektif menggunakan media iklan inline.

Followers blog atau dalam bahasa Indonesianya yaitu pengikut blog adalah suatu cara agar para blogger untuk tetap berhubungan dengan blog yang telah di follownya. Semakin banyak follower blog kita maka semakin banyak pula pengunjung setia blog kita. Jika anda menjadi pengikut salah satu blog maka anda dengan mudah bisa mengetahui artikel atau postingan terbaru dari blog yang telah anda ikuti tersebut dengan membuka halaman dasbor blog anda.

Salah satu solusi para blogger indonsia untuk menambah follower atau pengikut blog adalah dengan mencari jejaring social yang menawarkan untuk saling follow blog sesama anggotanya. Sebagai contoh bisa anda cari di grup facebook yang menawarkan untuk saling follow blog. Saya juga sudah pernah mencobanya dan mendapatkan beberapa follower di grup tersebut.

Selain itu ada juga salah satu situs dari Indonesia yang merupakan suatu komunitas untuk saling follow dan saling berbagi informasi yaitu Indonesia blogger community ( komunitas blogger Indonesia ). Banyak follower yang sudah saya dapatkan pada komunitas tersebut. Jika anda berminat untuk bergabung pada komunitas blogger Indonesia ini silakan anda klik logo komunitasnya di bawah ini.

Tidak hanya follower blog yang akan anda dapatkan pada komunitas tersebut, anda akan mendapakan kenalan baru sesama blogger Indonesia.

Menghilangkan tanda bajakan dan memasukkan Key Smadav 8.8 PRO

Anti virus Smadav yang asli ataupun bajakan menurut sebagian orang mungkin menganggapnya sama saja, yang penting bisa scan virus dan bisa diubah menjadi pro. Tetapi untuk smadav diversi terbarunya ini, jika anda telah memasangnya ataupun update versi terbarunya ini, ada kemungkinan smadav anda akan langsung diblacklist dengan alasan anda telah menggunakan anti virus smadav bajakan. Tidak hanya itu saja, jika smadav anda sebelumnya adalah smadav pro, pasti akan langsung diubah menjadi smadav free kembali.  Hal ini bisa dikarenakan versi smadav sebelumnya yang telah anda pasang adalah smadav bajakan dan juga anda belum pernah memberikan donasi untuk anti virus ini. Jika hal ini memang benar terjadi pada anda, sebaiknya anda memberikan donasi kepada smadav, agar menjadi antivirus yang lebih baik.

Bagi anda yang masih tetap mau tahu cara mengubah smadav versi terbarunya ini tanpa memberikan donasi kepada smadav, yaitu dengan cara menghilangkan tanda bajakan dan memasukkan key smadav 8.8 pro. Berikut ini adalah cara menghilangkan tanda bajakannya :

1.        Pastikan Smadav di PC/Laptop anda tidak aktif, caranya yaitu klik kanan pada ikon Smadav di System tray lalu klik Exit.

2.        Klik Start-Run lalu ketik "regedit" atau tekan logo Windows dan R secara bersamaan lalu ketik "regedit" kemudian klik ok.

3.        Jika sudah, maka akan muncul tampilan seperti dibawah ini.

4.        Buka HKEY_CURRENT_USER - Software - Microsoft - Notepad pada registry editor. Kemudian cari file "lfPitchΔndFamily" dan hapus semua file yang namanya lfPitchΔndFamily tersebut seperti lfPitchΔndFamily, lfPitchΔndFamily2, dan lfPitchΔndFamily3, caranya yaitu klik kanan pada file tersebut setelah itu klik Delete dan Yes lalu OK.

5.        Buka direktori C:\Program Files\Smadav dan klik 2 kali pada file "SMΔRTP.exe" untuk menjalankan Smadav.

6.        Buka general setting pada tab Setting di Smadav, kemudian masukkan nama dan key Smadav 8.8 PRO lalu klik register

7.        Jika sudah, maka akan mucul tampilan seperti dibawah ini.

8.        Selamat mencoba.

Nama dan key untuk Smadav 8.8 PRO bisa anda coba dibawah ini.

Nama :  MWSmadavAV

Key : 991399508060

Dan bagi anda yang ingin mendapatkan software dan key Smadav Pro Rev. 8.8 silakan anda klik disini.

Semoga berhasil.

Membatasi tampilan gadget yang memanjang

Pada postingan sebelumnya telah dijelaskan cara membatasi tampilan arsip yang memanjang. Caranya hampir sama tetapi bedanya terletak pada id gadget yang ingin anda batasi tampilannya. Sebagai contoh bisa anda perhatikan cara penggunaan kode html berikut ini.

Untuk membatasi tampilan gadget arsip, yang anda lakukan adalah mencari kode seperti dibawah ini pada edit html template blog anda:

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div id='ArchiveList'> 

Kemudian untuk membatasi tampilan gadgetnya anda harus menambah kode tersebut seperti yang ditulis tebal pada kode dibawah ini.

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content' style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; ' >

<div id='ArchiveList'>

Perhatikan kode <div id='ArchiveList'> diatas, tidak ada perubahan atau penambahan untuk kode tersebut. Tetapi ArchiveList menunjukan id atau nama gadget arsip. Sedangkan untuk membatasi tampilannya, yang anda harus lakukan adalah merubah kode <div class='widget-content'> menjadi kode <div class='widget-content' style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; ' >

Dengan melihat contoh diatas, berarti anda juga bisa membatasi tampilan gadget yang lainnya. Seperti pada gadget artikel populer, biasanya memiliki id ‘PopularPosts’. Sehingga untuk membatasi tampilanya bisa anda perhatikan di bawah ini.

Kode gadget artikel populer, biasanya ditulis sebagai berikut;

<b:widget id='PopularPosts' locked='false' title='artikel populer' type='PopularPosts'>

<b:includable id='main'>

  <b:if cond='data:title'><h2><data:title/></h2></b:if>

  <div class='widget-content'>

Jadi untuk membatasi tampilannya, maka penulisanya adalah sebagai berikut;

<b:widget id='PopularPosts' locked='false' title='artikel populer' type='PopularPosts'>

<b:includable id='main'>

  <b:if cond='data:title'><h2><data:title/></h2></b:if>

  <div class='widget-content' style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; '>

Dengan demikian, untuk membatasi tampilan gadget yang lainnya, yang anda harus lakukan adalah mencari kode gadget dengan nama id-nya. Jika sudah ketemu, maka anda harus menambahkan kode style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; ' pada kode <div class='widget-content'>. Sehingga menjadi <div class='widget-content' style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; ' >

Tambahan :

Untuk mengubah panjang gadget tersebut, bisa anda ganti angka 200 pada kode height: 200px, dengan ukuran yang anda inginkan. Sedangkan untuk lebarnya adalah pada kode width: 100%px. Kode 100% bisa anda ganti dengan ukuran yang anda inginkan.

Meningkatkan Peringkat di Alexa

Salah satu untuk melihat kualitas situs kita adalah dengan cara melihat peringkat blog kita di Alexa. Semakin kecil nilai Alexa rank maka semakin tinggi peringkat blog kita di Alexa, jadi semakin baik pula kualitas blog kita. 

Jika Anda mencari cara meningkatkan peringkat Alexa di situs pencarian seperti google, mungkin Anda akan menjumpai berbagai macam cara dan versi untuk meningkatkan peringkat Alexa ini. Akan tetapi saya mempunyai cara sendiri yang mungkin bisa Anda ikuti untuk meningkatkan peringkat Alexa ini.

Berikut ini merupakan tahap pertama yang dapat Anda lakukan.

1.        Mendaftarkan situs Anda di Alexa

Mendaftarkan situs Anda di Alexa memang sudah keharusan bagi Anda yang ingin mengetahui peringkat Alexa situs Anda. Dengan mendaftar di Alexa, Anda akan diberikan kode tag meta yang harus dipasang di blog atau situs Anda. Jadi situs Anda akan lebih mudah terdeteksi di Alexa. Untuk daftar di Alexa, bisa Anda klik disini.

2.        Memasang Alexa toolbar

Memasang Alexa toolbar mungkin sebuah keharusan juga bagi Anda yang mungkin sudah memiliki koputer atau laptop sendiri yang sudah terpasang ke internet. Cara ini memang paling baik digunakan bagi Anda yang ingin cepat meningkatkan peringkat Alexa situs Anda. Bagi Anda yang ingin memasangnya silakan klik disini.

3.        Memasang gadget Alexa rank

Memasang gadget Alexa rank di situs Anda mungkin juga sudah selayaknya Anda memasang gadget Alexa rank bagi Anda yang ingin meningkatkan Alexa rank, dan jangan malu jika Anda masih terlihat di peringkat 20 juta kebawah atau tidak ada sama sekali, karena walaupun Anda tidak memasangnya, peringkat Alexa situs Anda masih dapat kelihatan di Alexa tolbar pengunjung yang sudah memasangnya. Jadi tidak ada salahnya jika Anda memasang gadget Alexa rank ini.

Untuk tahap yang kedua ini mungkin merupakan beberapa pilihan yang dapat Anda lakukan untuk meningkatkan peringkat di Alexa

1.        Meninggalkan link dan komentar

Meninggalkan link dan komentar pada blog atau situs kunjungan Anda adalah cara yang paling baik untuk meningkatkan peringkat Alexa. Contohnya seperti meninggalkan link dan komentar Anda pada buku tamu yang telah disediakan oleh para blogger serta memberikan komentar disetiap postingan yang telah Anda kunjungi.

2.        Berbagi link

Dengan berbagi link juga adalah cara yang cukup baik untuk meningkatkan peringkat Alexa. Situs Anda pasti akan lebih sering dikunjungi oleh orang yang telah bersedia berbagi link dengan Anda, karena orang tersebut pasti akan merasa tidak ingin dirugikan dengan sering berkunjung untuk memastikan linknya terus dipasang di situs Anda.

3.        Membuat postingan sebanyak-banyaknya

Cara ini tidak terlalu meningkatkan peringkat Alexa, karena walaupun postingannya cukup banyak tetapi tidak terlalu menarik pasti masih akan lebih sulit mendapatkan pengunjung. Walaupun cara ini tidak terlalu meningkatkan peringkat Alexa, tetapi cara ini masih ada keuntungannya yaitu postingan kita akan lebih sering terindeksi oleh situs pencarian seperti Google.

4.        Membuat postingan yang menarik

Mungkin cara ini agak sulit dilakukan, karena untuk membuat postingan yang menarik, kita perlu menyiapkan judul yang dapat membuat pengunjung sangat ingin membacanya dan isinya juga harus sesuai dengan judul yang telah Anda buat dan pastinya tidak mengecewakan pengunjung tersebut. Cara ini masih berkaitan dengan membuat postingan sebanyak-banyaknya. Jika Anda bisa menggabungkan kedua cara ini, pasti peringkat Alexa situs Anda akan lebih cepat naik.

5.        Memasang iklan

Untuk memasang iklan, cari saja tempat pemasangan iklan yang gratis dan buat judul iklan yang dapat membuat pengunjung tertarik untuk membacanya. Adapun tempat pemasangan iklan gratis bisa Anda kunjungi situs seperti . Cara ini juga lumayan dapat meningkatkan peringkat Alexa situs Anda, tetapi Anda harus bisa membuat judul iklan yang bisa membuat pengunjung tertarik untuk membacanya.

6.        Kirim situs

Kirim situs atau yang biasa kita kenal yaitu submit site merupakan cara yang dapat meningkatkan peringkat Alexa situs Anda, karena dengan mengirimkan situs Anda ke berbagai situs pencarian akan lebih mudah mengenalkan situs Anda di situs pencarian manapun yang tersebar di seluruh dunia. Jika Anda ingin mengirimkan situs Anda, bisa langsung klik disini.

7.        Membuat tautan di situs jejaring sosial

Membuat tautan di situs jejaring sosial lebih mudahnya di Facebook, atau yang biasanya kita kenal yaitu update status, karena teman-teman Anda pasti akan melihat tautan tersebut. Caranya sangat mudah, cukup memasuk link di kotak update status dan tuliskan sesuatu yang menarik tentang situs tersebut. Cara ini situs ada akan lebih di kenal oleh teman-teman Anda dan pastinya dapat meningkatan peringkat situs Anda di Alexa.

8.        Membuat forum diskusi

Membuat forum diskusi di blog adalah cara yang paling cepat meningkatkan peringkat Alexa, namun hampir sulit dilakukan. Karena Anda harus memiliki beberapa pengunjung setia blog Anda yang selalu aktif dan rajin mengisi forum di blog Anda tersebut.

9.        Membuat beberapa postingan tentang Alexa

Membuat beberapa postingan tentang Alexa seperti postingan ini adalah cara yang paling di cari-cari dan oleh para blogger dan webmaster. Jadi sering-seringlah membuat postingan tentang Alexa dengan judul yang lebih menarik.

Mungkin hanya itu saja dari saya, cara meningkatkan peringkat situs Anda di Alexa. Mudah-mudahan bermanfaat dan bisa berhasil serta merupakan cara yang mudah untuk dilakukan oleh Anda.

Tingkatkan terus peringkat situs Anda di Alexa, maju terus dan jangan pantang menyerah.

Link dengan teks dan gambar

Link merupakan sesuatu yang menghubungkan kita menuju tujuan tertentu. Link biasanya dibuat dengan menggunakan teks atau gambar. Adapun cara pembuatannya adalah sebagai berikut

1.        Link dengan teks

Link dengan teks atau biasanya disebut link text merupakan suatu tulisan yang menghubungkan kita menuju tujuan tertentu.

Cara pembuatanya adalah dengan menggunakan kode;

<a href="lokasi tujuan">nama tujuan</a>

2.        Link dengan gambar

Link dengan gambar atau biasanya disebut link image merupakan suatu gambar yang menghubungkan kita menuju tujuan tertentu.

Cara pembuatannya adalah dengan menggunakan kode;

<a href="lokasi tujuan"><img src="lokasi gambar" width="lebar gambar" height="tinggi gambar" border="tebal garis tepi" /></a>

Keterangan:

a.         Lokasi tujuan menunjukkan alamat url atau situs

b.        Nama tujuan menunjukkan tulisan yang akan di klik dan menghubungkan kita ke situs tertentu

c.         Lokasi gambar menunjukkan alamat url gambar yang akan diklik dan menghubungkan kita ke situs tertentu

d.        Lebar gambar mununjukkan ukuran lebar gambar dan biasanya ditulis dalam ukuran piksel

e.         Tinggi gambar menunjukkan ukuran tinggi gambar dan juga biasanya ditulis dalam ukuran piksel

f.         Tebal garis tepi menunjukkan ukuran garis tepi gambar dan jika anda tidak menginginkan adanya garis tepi maka anda bisa menghilangkan kode border=”tebal garis tepi’

Tambahan :

Kode link diatas akan menuju suatu alamat situs pada tab browser yang sama, jika anda ingin link diatas menuju suatu alamat situs pada tab browser yang baru maka anda tambahkan kode link diatas dengan kode target=”_blank”

Contoh penulisanya :

<a href="lokasi tujuan" target="_blank" > ... <a>

Berikut ini adalah contoh penggunaan kode link diatas.

a.         link dengan teks :

Klik <a href="http://azh-phy08.blogspot.com" target="_blank" > HOME <a> untuk menuju halaman utama situs ini

Atau

Klik <a href="lokasi tujuan" > refresh<a> untuk memuat ulang situs ini.

Contoh tampilannya :

Klik HOME untuk menuju halaman utama situs ini Atau Klik  refresh  untuk memuat ulang situs ini.

b.        Link dengan gambar

Dapatkan uang tambahan dari internet dengan klik gambar dibawah ini.

<center>

<a href="http://klikajadeh.com/?r=azhari"><img src="http://i1225.photobucket.com/albums/ee390/azhari57/klikajadeh.png" /></a>

</center>

Kemudian anda daftar disitus tersebut

Contoh tampilannya

Dapatkan uang tambahan dari internet dengan klik gambar dibawah ini. Kemudian anda daftar disitus tersebut

Text area dengan latar belakang bergambar dan tombol Block All

Text area akan kelihatan semakin menarik jika memiliki latar belakang gambar dan diatasnya terdapat tombol Block All yang berfungsi untuk memblok semua tulisan yang berada di dalam text area. Berikut ini adalah kode text area dengan latar belakang bergambar dan tombol Block All

<form name="copy">

<div align="center">

<input onclick="javascript:

this.form.txt.focus();this.form.txt.select();" type="button" value="Block All" /></div>

<div style="text-align: center;">

<textarea name="txt" style="background-image: url(&quot;http://i1128.photobucket.com/albums/m486/syamsudin1/boy_365-x-100.gif&quot;); background-repeat: no-repeat; height: 90px; padding: 5px; width: 360px;">

TULIS  TEKS YANG AKAN DITAMPILKAN DISINI

</textarea></div>

</form>

Contoh tampilannya:

TULIS TEKS YANG AKAN DITAMPILKAN DISINI

Keterangan :

a.         <div align="center">

Kata center menunjukan bahwa posisi tombol akan berada di tengah, jika anda ingin posisi tombol berada di tepi sebelah kiri, maka anda ganti dengan kata left. Dan jika anda ingin posisi tombol berada di tepi sebelah kanan, tinggal ganti dengan kata right.

b.        value="Block All"

Kata Block All adalah kata yang akan muncul di dalam tombol dan bisa anda ubah dengan kata yang anda inginkan.

c.         http://i1128.photobucket.com/albums/m486/syamsudin1/boy_365-x-100.gif

Url gambar latar belakang text area dan bisa anda ganti dengan url gambar yang lain

d.        height: 90px;

Angka 90 menunjukkan ukuran tinggi text area dan bisa anda ganti dengan ukuran yang lainnya

e.         width: 360px;

Angka 360 menunjukkan ukuran tinggi text area dan bisa anda ganti dengan ukuran yang lainnya

Text area dengan latar belakang bergambar

Latar belakang text area pada dasarnya berwarna putih dan bisa di ganti dengan gambar sesuai dengan keinginan anda. Berikut ini adalah kode text area dengan latar belakang bergambar.

<div style="background-attachment: scroll; background-color: #00FFFF; background-image: url(&quot;http://i1128.photobucket.com/albums/m486/syamsudin1/wasp_flying.gif&quot;); background-position: right bottom; background-repeat: no-repeat; border: 2px dashed rgb(153, 0, 255); height: 120px; overflow: auto; padding: 10px; text-align: left; width: 360px;">

TULIS  TEKS YANG AKAN DITAMPILKAN DISINI

</div>

Contoh tampilannya :

TULIS TEKS YANG AKAN DITAMPILKAN DISINI

Keterangan

a.         http://i1128.photobucket.com/albums/m486/syamsudin1/wasp_flying.gif

Url gambar latar belakang text area dan bisa anda ganti dengan url gambar yang lain

b.        height: 120px;

Angka 120 adalah ukuran tinggi text area dan bisa anda ganti dengan ukuran yang lainnya

c.         width: 360px;

Angka 360 adalah ukuran lebar text area dan bisa anda ganti dengan ukuran yang lainnya

d.        text-align: left;

Kata left adalah kata yang membuat tulisan pada text area menjadi rata kiri. Jika anda ingin membuat tulisannya menjadi rata tengah, maka ganti kata left dengan center. Dan jika anda ingin membuat tulisannya menjadi rata kanan, maka ganti kata left dengan kata right.

Text area dengan tombol Block All

Untuk membuat text area lebih menarik, anda bisa menambahkan sebuah tombol yang berfungsi untuk memblok semua tulisan yang berada di dalam text area tersebut yaitu dengan tombol Block All. Berikut ini adalah kode untuk membuat text area dengan tombol block all.

<div>

<form name="copy">

<div align="center">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Block All" /> </div>

<div align="center">

</div>

<div align="center">

<textarea cols="55" name="txt" rows="100" style="height: 70px; width: 250px;" wrap="VIRTUAL"> Ganti tulisan ini dengan tulisan atau kode HTML yang anda inginkan di sini, setelah itu tulisan anda akan tampil di dalam text area ini

</textarea></div>

</form>

</div>

Contoh tampilannya:

Ganti tulisan ini dengan tulisan atau kode HTML yang anda inginkan di sini, setelah itu tulisan anda akan tampil di dalam text area ini

Tambahan:

Keterangan dalam menggunakan Tombol Block All:

a.         <div align="center">

Kata center menunjukan bahwa posisi tombol akan berada di tengah, jika anda ingin posisi tombol berada di tepi sebelah kiri, maka anda ganti kata center dengan kata left. Dan jika anda ingin posisi tombol berada di tepi sebelah kanan, maka ganti kata center dengan kata right.

b.        <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">

Kode untuk membuat tombol block all yang berfungsi untuk memblok tulisan yang berada di dalam teks area, jadi anda tidak perlu merubah tulisan ini.

c.         Value="Block All"

Kata Block All adalah kata yang akan muncul di dalam tombol dan bisa anda ubah dengan kata yang anda inginkan.

Keterangan dalam menggunakan text area :

a.         <p align="center">

Kata center menunjukan bahwa posisi text area akan berada di tengah, jika anda ingin posisi text area berada di tepi sebelah kiri, maka anda ganti kata center dengan kata left. Dan jika anda ingin posisi text area berada di tepi sebelah kanan, maka ganti kata center dengan kata right.

b.        <textarea cols="55" name="txt" rows="100" style="height: 70px; width: 250px;" wrap="VIRTUAL">

Angka 70 menunjukan tinggi dari text area tersebut sebanyak 70 pixel dan angka 250 menunjukan lebar dari text area tersebut sebanyak 250 pixel. Anda bisa merubah ukurannya sesuai keinginan anda.

Text area

Text area merupakan area atau tempat seperti kotak yang didalamnya terdapat tulisan atau kode dan biasanya digunakan untuk meletakkan kode HTML. Berikut ini adalah kode untuk membuat text area.

<p align="center">

<textarea name="code" rows="5" cols="25">

Ganti tulisan ini dengan tulisan atau kode HTML yang anda inginkan di sini, setelah itu tulisan anda akan tampil di dalam text area ini

</textarea>

</p>

Contoh tampilannya:

Ganti tulisan ini dengan tulisan atau kode HTML yang anda inginkan di sini, setelah itu tulisan anda akan tampil di dalam text area ini

Tambahan:

• rows="5" adalah tinggi dari text area tersebut dan anda bisa merubah tingginya dengan mengganti angka 5 tersebut sesuai keinginan anda.  

• cols="25" adalah lebar dari text area tersebut dan anda bisa merubah tingginya dengan mengganti angka 25 tersebut sesuai keinginan anda.

Tombol show dan hide

Tombol show dan hide ini merupakan tombol yang berfungsi untuk menyembunyikan dan menampilkan tulisan, gambar maupun gadget. Berikut ini adalah kode untuk membuat tombol show dan hide tersebut.

<div>

<div style="margin: 0px;">

<div class="smallfont" style="margin-bottom: 10px;">

<input value="SHOW1" style="margin: 0px; padding: 0px; width: auto; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display

= ''; this.innerText = ''; this.value = 'HIDE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display

= 'none'; this.innerText = ''; this.value = 'SHOW2'; }" type="button"/>

</div>

<div class="alt2">

<div style="display: none;"><div style="background:#FFFFFF; text-align: left; padding:0px; ">

Disini adalah tulisan atau gambar yang akan muncul di kotak hide dan

show nantinya. Anda bisa ganti tulisan disini dengan gambar atau tulisan yang anda suka atau bisa juga anda ganti dengan kode gadget.

</div>

</div>

</div>

</div>

</div>

Contoh tampilannya :

Disini adalah tulisan atau gambar yang akan muncul di kotak hide dan
show nantinya. Anda bisa ganti tulisan disini dengan gambar atau tulisan yang anda suka atau bisa juga anda ganti dengan kode gadget.

Keterangan :

a.         SHOW1

Kata yang pertama kali muncul pada tombol dan jika diklik maka akan muncul sesuatu yang di sembunyikan.

b.        HIDE

Kata yang akan muncul ketika tombol SHOW1 atau SHOW2 telah diklik dan jika tombol HIDE diklik maka sesuatu yang muncul sebelumnya akan disembunyikan lagi.

c.         SHOW2

Kata yang akan muncul setelah tombol HIDE diklik dan jika tombol SHOW2 ini diklik maka akan memunculkan sesuatu yang sebelumnya telah disembunyikan.

d.        Kata SHOW1, SHOW2 dan HIDE bisa anda ganti dengan kata-kata yang lain

e.         margin-bottom: 10px

Angka 10 adalah jarak antara tombol dan sesuatu yang akan disembunyikan

f.         font-size: 12px;

Angka 12 adalah ukuran tulisan

g.        background:#FFFFFF;

Kode #FFFFFF adalah kode warna dibelakang sesuatu yang akan disembunyikan.

Teks bergerak (marquee)

Suatu teks bisa dibuat bergerak dengan menggunakan kode html. Kode html yang digunakan adalah marquee. Tag yang secara umum digunakan adalah sebagai berikut :

<marquee> teks </marquee>

Adapun pengaturan yang dapat digunakan dalam mengatur pergerakan teks adalah sebagai berikut ;

a.         Arah gerakan teks

Kode html yang digunakan adalah direction dan cara penulisannya adalah;

<marquee direction=”arah gerakan teks” > teks </marquee>

Arah gerakan yang dapat digunakan yaitu;

·                Dari kanan kekiri menggunakan kode “left”

teks

·                Dari kiri kekanan menggunakan kode “ right”

teks

·                Dari atas kebawah menggunakan kode “down”

teks

·                Dari bawah keatas menggunakan kode “up”

teks

b.        Warna teks

Kode html yang digunakan adalah color dan cara penulisannya adalah;

<marquee color=”warna yang digunakan” > teks </marquee>

Warna yang digunakan dapat ditulis dalam bahasa inggris dan bisa juga menggunakan kode warna html.

c.         Warna belakang teks

Kode html yang digunakan adalah bgcolor dan cara penulisannya adalah;

<marquee bgcolor=”warna yang digunakan”> teks </marquee>

d.        Perilaku gerakan teks

Kode html yang digunakan adalah behavior dan cara penulisannya adalah;

<marquee behavior=” perilaku teks” > teks </marquee>

Perilaku teks yang dapat digunakan yaitu;

·                Teks berputar dapat menggunakan kode “scroll”

·                Teks bergerak kekiri lalu kekanan (bolak balik) dapat menggunakan kode “alternate”

·                Teks bergerak sekali lalu berhenti menggunakan kode “slide”

e.         Pesan diatas teks

Pesan akan muncul pada saat mouse berada diatas teks. Kode html yang digunakan adalah title dan cara penulisannya adalah;

<marquee title=”pesan” > teks </marquee>

f.         Kecepatan gerakan teks

Kode yang digunakan adalah scrollamount dan cara penulisannya adalah;

<marquee scrollamount=”kecepatan gerakan” > teks </marquee>

Kecepatan gerakan yang digunakan adalah dalam pixel dan ditulis dalam angka, semakin besar angka yang digunakan maka semakin cepat gerakannya.

g.        Waktu tunda

Kode yang digunakan adalah scrolldelay dan cara penulisannya adalah;

<marquee scrolladelay=”waktu tunda” > teks </marquee>

Waktu tunda yang digunakan adalah dalam milidetik dan ditulis dalam angka, semakin besar angka yang digunakan maka semakin lama waktu tundanya.

h.        Jumlah putaran

Kode yang digunakan adalah loop dan cara penulisannya adalah;

<marquee loop=”banyaknya putaran” > teks </marquee>

Banyaknya putaran ditulis dalam angka, semakin besar angka yang digunakan maka semakin banyak putarannya. Jika banyaknya putaran yang anda inginkan tidak terbatas, maka kode yang ditulis untuk menggantikan angka tersebut adalah “infinite”.

i.          Lebar gerakan teks

Kode yang digunakan adalah width dan cara penulisanya adalah;

<marquee width=”lebar gerakan” > teks </marquee>

Lebar gerakan yang dapat digunakan adalah dalam pixel atau persen dan ditulis dalam angka.

j.          Tinggi gerakan teks

Kode yang digunakan adalah height dan cara penulisannya adalah

<marquee height=”tinggi gerakan” > teks </marquee>

Tinggi gerakan yang dapat digunakan adalah dalam pixel atau persen dan ditulis dalam angka.

k.        Gerakan teks terhadap mouse

Gerakan teks terhadap mouse dibagi menjadi dua yaitu;

·                Gerakan teks berhenti ketika berada dibawah mouse

Kode yang digunakan adalah onmouseover dan cara penulisannya adalah;

<marquee onmouseover=”this.stop()” > teks </marquee>

·                Teks bergerak ketika tidak dibawah mouse

Kode yang digunakan adalah onmouseout dan cara penulisannya adalah;

<marquee onmouseout=”this.start()” > teks </marquee>

Untuk penulisanya diharuskan menggunakan kedua kode diatas, karena teks akan berhenti ketika dibawah mouse dan akan bergerak kembali ketika tidak dibawah mouse. Jadi cara penulisan kedua kode tersebut adalah;

<marquee onmouseover=”this.stop()” onmouseout=”this.start()” > teks </marquee>

l.          Posisi teks

Kode yang digunakan adalah align dan cara penulisannya adalah

<marquee align=”posisi teks” > teks </marquee>

Posisi teks yang dapat digunakan yaitu;

·                Rata kanan menggunakan kode “right”

·                Rata kiri menggunakan kode “left”

·                Rata tengah menggunakan kode “center”

·                Rata kiri dan kanan menggunakan kode “justifi” (bisa digunakan untuk teks yang panjang)

Posisi teks ini digunakan untuk arah gerakan teks yang keatas atau kebawah.

Pengaturan teks diatas bisa digunakan secara bersama-sama dalam satu gerakan teks. Misalnya anda ingin membuat suatu gerakan teks dari kanan kekiri dengan warna teks merah dan warna belakang teks adalah kuning, maka cara penulisannya adalah;

<marquee direction=”left” color=”red” bgcolor=”yellow” > teks </marquee>

teks

Kode diatas bisa anda coba dengan pengaturan gerakan teks yang lain.