Kamis, 29 April 2010

memasang shoutbox tersembunyi

shoutbox tersembunyi
Shoutbox adalah suatu  widget yang penting ada di  blog kita,Dengan widget seperti ini membolehkan kita   berinteraksi dengan pengunjung blog kita. Dengan wujudnya interaksi ini akan menjalinkan hubungan  antara pemilik blog dan pengunjung blog dan akhirnya widget ini juga akan mendatangkan traffic untuk blog kita. 
Mungkin anda ingin menjimatkan ruang semasa memasang Shoutbox pada blog.Tip ini akan membantu anda untuk menampilkan shoutbox di halaman tanpa  memakan space/tempat, kerana widget ini  disembunyikan di samping Body blog.

Ikuti langkah berikut

1.Klick pada Design dan Pilih Add Gadget
2.kemudian pilih html/javascript dan Copy dan Paste kod di bawah ini


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i219.photobucket.com/albums/cc282/garam63/SHOUT.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

Letakkan kod ShoutBox anda disini

<div style="text-align:right">
<a href="http://jendela-id.blogspot.com/2010/04/shoutbox-adalah-suatu-widget-yang.html"><font size="1"">get this </font></a><a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


3.Tingginya  boleh diubah dengan menukar nilai 50px, sesuaikan dengan kehendak anda, dan gantikan perkataan yang berwarna  merah dengan script/kod shoutbox,bahagian teks hijau boleh ditukarkan dengan imej yg dikehendakki
4.kemudian klik save.

Minggu, 25 April 2010

keyword melalui imej

Memang satu perkara tidak boleh dipisahkan semasa membuat laman web atau  pun blog, kita memasukkan gambar didalamnya.Kebanyakan search engine seperti Google, dan Yahoo, memberi pilihan untuk membolehkan kita mencari hanya gambar sahaja. Dengan adanya gambar sesuatu halaman blog itu akan lebih menarik  dan tidak hanya mengandungi teks sahaja. Tetapi perkara utama yang perlu kita ingat ialah jangan terlalu teruja untuk memasukkan halaman dengan gambar, kerana  ini akan membuatkan  masa  loading menjadi lambat. Perkara utama yang perlu kita ambil kira adalah masalah teknik SEO (search engine optimization), ingatlah  bahawa search engine masih belum mampu mengindeks sebuah gambar kerana ia  hanya mengindeks sebuah halaman blog berdasarkan kepada keyword dari teks dan bukan nya gambar. Oleh itu sesebuah halaman blog yang berisi  dengan teks akan lebih mudah terindeks daripada yang penuh dengan imej.

Bagaimanapun, search engine juga dapat mengenali keyword dari gambar berpandukan nama gambar dan attribut Alt. Sebagai contoh, kita  membuat keyword dari gambar produk jaket kulit. Supaya gambar itu juga menjadi keyword yang menyokong teknik SEO maka berilah nama "Jaket-kulit" atau "Jaket Kulit". Secara umumnya para blogger atau webmaster tidak menyedari  akan hal ini dan meletakkan saja  namanya, seperti image01, gambar01 dan sebagainya. Seeloknya  pakailah tanda '-' atau '_' jangan gunakan spacing(ruang kosong), kerana search engine  akan menganggap karakter itu adalah pengganti spacing.

Setelah pemberian nama yang mengarah kepada keyword, manfaatkan attrtibut Alt, misalnya "Jaket kulit kualiti eksport". Oleh itu secara lengkapnya adalah  Jaket kulit kualiti eksport . Perhatikan bahawa antara nama fail gambar dan attribut Alt masih memiliki persamaan dan jangan berbeza sama sekali. Contoh yang salah . Pemberian nama fail hendaklah ringkas (jangan lebih 5 perkataan), jelas dan menggambarkan imej. Penggunaan attribut Alt maksima adalah 10 perkataan, kerana jika lebih dari 10 perkataan  akan di anggap sebagai spam oleh search engine. Pemberian nama fail dan attribut Alt juga perlu  menggambarkan kandungan halaman dan keyword yang kita hajati.
dibawah ini adalah contoh bagaimana hendak meletakkan attribut alt pada imej.Dalam mode edit html cari kod image yang dimasukkan:
dan ditambah menjadi begini:

Dengan memanfaatkan keyword dari gambar, maka harapan untuk mendatangkan pengunjung lebih banyak akan berhasil.

masaalah komputer lembab

Adakah komputer anda beroperasi dengan lambat? Adakah anda ingin menyelesaikan masaalah "komputer lembab ini"? Bekerja dengan komputer seperti ini memang membosankan.Anda tidak perlu mengeluarkan  wang dengan menghantar ke kedai . Pilihan terbaik untuk anda adalah ,bahawa anda boleh menangani masalah komputer sendiri dengan mudah . Yang perlu anda lakukan hanya mengikuti beberapa tips di bawah.

1.Mungkin anda berfikir bahawa komputer anda sudah outdated? Jadi ia slow? Mungkin  komputer anda mempunyai memori yang rendah. Ada banyak cara yang boleh anda gunakan agar komputer  prestasi dapat ditingkatkan. Komputer memiliki banyak komponen bekerja sama dengan sistem operasi Windows.Tentunya  memerlukan banyak memori virtual untuk menyokong menjalankan operasi sesuatu komputer. Bukan kos-efektif bagi anda untuk membeli RAM tambahan. Tapi, anda boleh mengoptimumkan penggunaan RAM pada komputer anda dengan perisian  Registry yang  dapat meningkatkan prestasi PC anda dan membuatnya berjalan lebih cepat.

2. Adakah anda mendapati bahawa masa yang lama diperlukan komputer anda  untuk melakukan sesuatu? Terdapat beberapa masalah perisian yang boleh menyebabkan komputer anda berjalan lambat. Adware, Virus dan Trojan adalah punca paling umum yang mengurangkan kelajuan PC anda  dan menginfeksi keseluruhan prestasi komputer. Sangatlah penting bagi anda untuk memasang unggul dan Antivirus terkini supaya anda boleh memadam program ancaman ini, yang dapat meningkatkan prestasi PC anda dan komputer anda akan berjalan secepat yang baru.

3. Adakah anda melihat bahawa komputer anda 'hang' dari masa ke masa? CPU anda mungkin terlalu panas. Setiap hari, anda menggunakan komputer anda untuk melakukan banyak kerja. Dan CPU menghasilkan kepanasan selama ia beroperasi. Dalam hal ini, sistem operasi Windows menjadi lambat. Untuk mempercepat komputer anda, anda boleh menyemak kipas PC anda. Dan kemudian anda boleh membersihkan debu yang menghentikan pc anda dari berjalan lancar. Atau anda boleh meng-upgrade kipas anda dan peranti lain yang boleh mendinginkan suhu CPU anda.

4. Adakah anda akan selalu mendapat mesej error pop-up? Adakah komputer berjalan lambat setiap saat selepas anda membersihkan virus di komputer? Registry pada sistem Windows menyimpan semua maklumat program dan tatacara sistem. Mungkin ia rosak jika anda memasang atau membuang aplikasi pada komputer anda. Ada banyak sisa fail  pada registry  PC apabila anda melakukan proses tersebut. Dalam hal ini, komputer anda menjadi berjalan lambat. Hal ini dapat diperbaiki oleh membersihkan registry sekali-sekala. Download salah satu perisian dari internet untuk membolehkan anda untuk membersihkan registry. Dan anda boleh menghentikan komputer anda dari berjalan lambat.

Jika anda tidak mahu menghabiskan banyak masa memasang semula sistem operasi anda, ini adalah penyelesaian terbaik bagi anda untuk selesaikan masaalah  komputer berjalan lambat. Klik di sini.

Sabtu, 24 April 2010

Design blog anda sendiri

Blogspot memberikan kemudahan kepada pengguna bagi mereka bentuk sendiri design bagi blog.Kemudahan ini amat lah berfaedah kepada mereka yang tidak mahir kod CSS.Kalau dulu kita mungkin tercari cari tutorial dalam internet bagaimana untuk mengubah suai blog kita.Kini dengan adanya kemudahan yang disediakan oleh Blogspot ini, kita boleh mengubahnya hanya dengan menekan tetikus sahaja.

Pertama sekali anda perlu masuk ke Blogger
Kemudian pilih Design

Kemudian pilih customise.
Kemudian muncul paparan Template Designer.

 
Dibahagian ini anda akan dapat mengubahsuai blog anda dengan begitu mudah sekali.apa yang perlu anda lakukan ialah menyusun kedudukan nya mengikut kemahuan anda tanpa menghilangkan widget,bloglist dan aplikasi yang ada.Berdasarkan gambar di atas, Blogger Template Designer ini menyediakan empat aplikasi untuk kita merekabentuk blog iaitu Templates, Background, Layout dan Advanced. 

Pada bahagian Templates, kita boleh memilih jenis-jenis Templates yang disediakan. Ada empat pilihan utama dan setiap pilihan utama ada subpilihan lain. Semuanya berjumlah lebih kurang 10-16 Templates untuk dipilih.

Pada bahagian background kita boleh menukar warna latar belakang blog, atau warna tema.Anda boleh mengekalkan template yang ada,anda boleh menukar gambar latar belakang anda disini.
Selepas menukar background anda boleh pergi kebahagian Layout.Disini kita boleh menyusun atur kedudukan sidebar,column kepada 2 atau 3 column.Kita juga boleh mengubah saiz template.
selamat mencuba.
update  13oct 2012

Jumat, 23 April 2010

Masuk gambar pada background blog


Mungkin anda ingin supaya background blog anda lebih menarik dengan memasukkan imej kedalamnya,tetapi belum tahu bagaimana hendak membuatnya.Berikut adalah cara untuk membuatnya:
Login ke blogger, klikDesign, setelah masuk ke halaman template, klik sub menu Edit HTML, kemudian cari kod/tag CSS body { }, biasanya seperti dibawah ini:


body {
font: $bodyFont;
color: $textColor;
background: $bgColor;
}

kemudian  tambahkan kod untuk background dengan gambar seperti ini:


body {
font: $bodyFont;
color: $textColor;
background: $bgColor;
background-image: url(http://www.domain.com/gambar.jpg);
}

Gantikan http://www.domain.com/gambar.jpg dengan url dimana anda upload gambar/imej untuk background . Untuk upload gambar, anda boleh  boleh gunakan imageshack atau di Tinypic

update:

Jika kod diatas tiada atau tidak berfungsi letakkan pada bahagian kod ini:


.main-outer {
  border-top: $(main.border.width) solid $(body.rule.color);
background-image: url(http://www.domain.com/gambar.jpg);
}

Kamis, 22 April 2010

membuat "read more" pada posting

Membuat "read more" atau baca seterusnya pada blog

Caranya:

* Login ke blogger.com, klik pada Design  kemudian masuk ke Edit HTML

read more








* Untuk mengedit template secara keseluruhan, anda harus tandakan /aktifkan Expand Widget Templates




* Masukkan kod berikut sebelum tag </head> atau tepat sesudah kod
} ]]></b:skin>seperti ini:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Seterusnya supaya posting terpotong, cari kod <p><data:post.body/></p> dalam template anda dan tambahkan kod berikut tepat dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

supaya terpotong, setiap kali anda posting, klik pada bahagian teks pada posting dimana anda ingin tulisan Read More.. muncul, dan taip<span class="fullpost">baki posting sampai penghujung dan taip </span>.

Untuk menambahkan kod ini, ketika posting anda mestilah dalam mod Edit HTML bukan Compose

posting







dan paparan teks seperti ini:

letak read more





*Perkataan read more ini boleh kita ubah menjadi perkataan lain hanya edit  perkataan read more pada kod tadi

Senin, 19 April 2010

menukar warna pada photo

Menukar warna pada imej dengan perisian Adobe Photoshop

Mula sekali kita kena buka imej yang hendak ditukar warna
Dari menu File pilih Open
Atau double klik kat ruang kosong ditengah paparan untuk open.
Pada my document pilih folder my pictures dan klik pada waterlilies

Pada tool bar pilih Rectangular Marquee Tool
tukar warna
 

kemudian buat selection ,klik dan seret pada bunga yang terdapat dalam gambar.
buat selection pada imej


kemudian klik pada menu image >adjusments>replace colour

replace color


Pada bahagian atas terdapat tiga eyedropper gunakan yang bertanda +.
kemudian klik pada selection(gambar bunga) hingga bunga tadi kelihatan bertukar jadi warna putih.
jika terlebih atau tersasar guna eyedropper yang bertanda -,dan kemudian yang bertanda +
Pada bahagian bawah terdapat Replacement dan slider Hue,saturation dan lightness
laraskan slider tersebut untuk menukar warna.

Hue-untuk warna
Saturation-kepekatan warna
Lightness -untuk kecerahan
kemudian klik ok dan tekan butang CTRL + D untuk deselect
Hasil nya:
tukar warna imej



Sabtu, 17 April 2010

Mengatasi masaalah error windows xp

Pernah komputer anda tidak boleh masuk ke windows yang disebabkan oleh komputer tidak di shutdown dengan betul.Bila terjadi masaalah ini akan menyebabkan terjadinya error pada hard disk dan menyebabkan ia tidak boleh masuk ke windows dan restart semula.Jika terjadi seperti ini jangan lah install semula windows dulu,cuba cara yang saya berikan dibawah ini.

Bootkan komputer dengan  cd installer windows xp,tunggu hingga paparan Welcome to Setup

masaalah komputer restart














Kemudian pilih repair dengan menekan huruf R pada keyboard dan tunggu hingga muncul paparan Microsoft Windows Recovery Console.Kemudian ada pilihan bagi bagi lokasi directory windows ,biasanya pilih 1 dan masukkan passsword windows Administrator



recovery console








check disk



Kemudian taipkan arahan chkdsk /p dan tekan butang Enter, tunggu hingga proses checkdisk selesai.Taip exit untuk keluar dan seterusnya restart komputer anda.

Minggu, 11 April 2010

Menukar nama search engine

Mengganti nama search engine google dengan nama sendiri ini sudah banyak diperkatakan padai blog blog lain, Ia kelihatan amat menarik jadi blog ini tertarik untuk membuat posting yang sama . Google seperti menyedari bahawa paparan search engine nya begitu sederhana (tapi amat powerfull ) tidak seperti penampilan seach engine yang lain yang begitu banyak animasi, contohnya seperti bing. Dengan itu google memperkenalkan kaedah supaya search engine tersebut lebih bersahaja dengan membolehkan penggunanya mengganti nama google dengan nama sendiri.
Caranya cukup mudah, kebiasaanya anda melihat paparan search engine google adalah seperti gambar di bawah ini

Google memberikan alternatif untuk mengganti dengan nama google dengan nama yang anda inginkan, caranya masuk ke www.007google.com  kemudian anda akan melihat menu seperti gambar di bawah ini.


Tuliskan nama pada ruangan yang telah disediakan. Seterusnya anda boleh memilih mencari alternatif logo lain selain logo yang mirip dengan google. Kemudian klik “create my search engine” Hasilnya adalah seperti contoh gambar di bawah ini


Setelah selesai kemudian copy url yang telah di buat dengan logo sendiri browser anda, untuk:

Mozilla firefox

Klik Tool
Klik Options
Masuk tab general
Isi homepage dengan url yang telah anda buat

Google Chrome

Klik Customize (Kanan Atas)
Klik Options
Masuk tab basic
Isi homepage dengan url yang anda buat

Opera Browser

Klik Customize ( kiri Atas)
Klik Setting
Klik Preference
Masuk tab general
Isi dengan url yang telah anda buat

Sabtu, 10 April 2010

Menjimatkan bandwidth internet

jimatkan bandwith
Anda menggunakan internet dengan sistem pembayaran volume based? Jadi tentu anda ingin menjimatkan menjimatkan bandwidth internet agar anda jimat menggunakan quota dan tidak over quota yang menyebabkan bil internet anda meningkat. Tips menjimatkan bandwidth ini sangat sesuai untuk volume based seperti celcom,maxis,digi dan sbgnya. Selain dapat menjimatkan bandwidth juga dapat mempercepatkan proses melayari internet anda.Berikut adalah tips bagi menjimatkan bandwitdh internet anda:
1. Mematikan fungsi untuk load images dan sound.
Jika anda melayari ke suatu web dan hanya memerlukan penerangan text sahaja .maka anda boleh mematikan fungsi untuk load images dan sound,
Cara untuk membuang fungsi load images dan sound untuk Firefox dan Internet Explorer.
Untuk Firefox : Tools -> Options -> Content
Untuk IE : Tools -> Internet Options -> Advanced
Mematikan setting update automatik pada windows, antivirus maupun software yang lain dan tukar ke setting ke manual update. Kerana ada beberapa program yang kita install melakukan download update secara automatik .Jika update automatik maka bandwidth yang digunakan banyak sekali, kerana update seperti itu menggunakan bandwidth yang besar
3. Install Add-ons Adblock Plus.
Plugin ini berfungsi untuk menutup iklan-iklan yang muncul di suatu web kalau kita membuka web tersebut tersebut.
Untuk firefox anda boleh menginstall add-ons Adblock plus (https://addons.mozilla.org/en-US/firefox/addon/1865).
add-ons firefox ini mampu mematikan iklan gambar dan iklan flash.
4. Menggunakan program mampatan images seperti toolnel.
Dengan program ini, maka data akan dimampatkan terlebih dahulu sebelum masuk ke komputer kita.
Anda boleh mendownload di http://www.toonel.net/downloads.html
5. Menggunakan Web mail yang support AJAX
Gunakan email yang menyokong AJAX dimana bekerja lebih cekap sehingga data yang kita download lebih kecil. Web mail yang menyokong AJAX antara lain adalah seperti GMail dan Yahoo Mail dengan versi barunya.
6. Gunakan satu browser saja.
Gunakan satu browser saja, misalnya kalau Firefox gunakanlah Firefox terus, Kalau Internet Explorer gunakanlah Internet Explorer saja, jangan bertukar tukar.Ini adalah
kerana setiap browser memiliki cache sendiri, sehingga jika Anda membuka web yang sudah pernah anda kunjungi, maka browser tersebut tidak akan mendownload seluruh data lagi, kerana sudah tersimpan di browser komputer anda berupa cache.
Firefox memiliki keunggulan iaitu downloadnya lebih kecil jika di bandingkan dengan browser lainnya, jadi lebih cepat dan dan menjimatkan. selain itu Firefox memiliki banyak add on yang dapat digunakan untuk mempertingkatkan prestasi semasa melayari internet .

Jumat, 09 April 2010

MEMASANG GOOGLE TRANSLATOR

Pemasangan widget Translator atau"Penterjemah" pada blog amat perlu. Translator ini berguna apabila blog kita dikunjungi secara tidak sengaja dari oleh pengunjung dari negara lain yang melihat blog kita dan tidak tahu bahasa kita ,maka mereka boleh menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan.Berikut adalah cara untuk memasukkan translator pada laman blog

1. Login ke Blogger kemudian pilih menu Layout
2. Kemudian klik pada Add Gadget
3. pilih HTML/Javascript
4. Kemudian masukkan script berikut ini kedalamnya.



<div id="google_translate_element"></div><script>

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'ms',

includedLanguages: 'ar,zh-CN,zh-TW,nl,en,tl,fr,de,hi,id,it,ms,ru,es,th,vi'

}, 'google_translate_element');

}

</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


5.Kemudian save.

Minggu, 04 April 2010

Membuat text area

Text area adalah ruangan bagi kita memasukkan kod html,javascript dan lain lain teks agar mudah bagi pengunjung menyalin dan nampak lebih kemas dan tersusun posting kita Untuk   membuat text area copy text dibawah ini:

Text area biasa:

<p align="center"><textarea name="code" rows="6" cols="20"> masukan kod kod yang anda inginkan di sini, tulisan anda akan tampil di dalam text area </textarea></p>

Hasilnya:


Cols="20" bermaksud lebar ruangan
Rows="6" bermaksud tinggi text area
untuk mengubah saiz nombor tadi perlu lah diedit mengikut kemahuan kita.

Kotak text area dengan butang Highlight all.


Untuk text area begini pengunjung cuma perlu tekan butang Hightlight all dan copy untuk menyalin kod dalam text area tadi .

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="10">masukkan kod atau tulisan anda di sini,text atau kod yang anda tulis akan muncul di sini boleh di copy oleh para pengunjung</textarea></p></div></form>

Hasilnya:

Sabtu, 03 April 2010

Mengetahui jumlah pengunjung

Bagi yang mempunyai blog atau website tentunya ingin mengetahui jumah pengunjung yang sedang online. Ada beberapa tools tambahan (widget) yang boleh kita gunakan.
Berikut adalah beberapa website yang menyediakan widget khusus untuk memaparkan jumlah “user online” dengan berbagai bentuk yang menarik .


statistik blog











Kelebihan bagi widget ini adalah paparan pengunjung yang online secara real time dan juga dapat melihat apakah artikel yang sedang dilihat pengunjung serta negara asal web kita.Tidak memerlukan pendaftaran cuma salin kod yang disediakan pada blog atau web kita.
 

radar

Widget ini lebih kurang sama dengan Whos.among.us, Widget adalah setara dengan Whos. Among. US Cubalah dengan mendaftar di radarurl.com kemudian copy dan paste code html yang ada di halaman depan tersebut.



whosread

Widget ini amat mudah karena tidak perlu menyalin kod javascript di web kita.Tapi kekurangan widget ini ialah tidak realtime, perlu di refresh untuk melihat pengunjung yang baru datang.

Kamis, 01 April 2010

Membuat Kotak Shout Box

Kotak shoutbox adalah suatu kotak yang berfungsi untuk memasukkan pesanan, namun boleh juga berfungsi sebagai tempat sembang (chatting). Biasanya Shoutbox dimasukkan kedalam halaman web/blog dengan bahasa java Script. Kita boleh mendapatkan shoutbox dari Cbox . Caranya adalah sebagai berikut :
shoutbox

1. Buka web Cbox  dan daftar di web tersebut,
2. Isikan ruang kosong pada form yang disediakan

    Cbox name : nama cbox anda
    Email Address : Isikan email yang masih aktif  
    Password: Masukan password untuk log in
    Confirm Password : Ulang semula kemasukkan password
    Website : Isikan dengan URL?alamat Blog anda
    Language : Bahasa untuk Cbox
    Style : Stail cbox yang yang inginkan
3. Tandakan pada ruang terms and conditions of service
4. Kemudian klik pada create my cbox


    Sekarang anda telah telah pun selesai mendaftar dan mempunyai
    akaun cbox


Cara memasang Cbox

1. Log in ke akaun cbox anda
2. klik pada publish
3. salin kod yang disediakan
4. Login ke blogger.com(blog anda) dan pilih Design kemudian Add Page Elements
5. Tambahkan element HTML/Javascript.
6. Salin kod yang telah anda copy dari shoutbox.com tadi di kotak "Content" dan simpan.untuk melihat hasilnya

membuat teks berjalan(marquee)

Sebelum ini saya ada memuatkan artikel bagaimana membuat teks berkelip.Kali ini saya akan tunjukkan pula cara bagaimana hendak membuat teks berjalan atau pun marquee text pada blog.

Berikut adalah kod yang kita gunakan:

<marquee>Teks bergerak</marquee>

teks bergerak


Marquee yang biasa(standard) bergerak dari kanan ke kiri,kita boleh mengubahnya kepada beberapa bentuk gerakan dan keadaan dengan tambahan kod seperti dibawah:

bgcolor=warna latar belakang
direction=arah gerakan (left,right,up.down)
behavior=karekter pergerakan (scroll,slide,alternate)
scroll(teks berputar)
slide(teks bergerak sekali dan berhenti)
alternate(teks bergerak dari kiri ke kanan dan berpatah balik)
Title=perkataan muncul semasa mouse berada di atas teks
Scrollamount=meletak kecepatan gerakan
Scrolldelay=mengatur tempoh masa
Loop=mengatur jumlah



Dari arah kiri ke kanan

<marquee direction="right" >dari kiri ke kanan</marquee>

dari kiri ke kanan

Arah kiri dan kekanan kemudian berpatah balik


<marquee behavior="alternate" >Arah kiri dan kekanan kemudian berpatah balik</marquee>

Arah kiri dan kekanan kemudian berpatah balik


Dari kiri ke kanan dengan tempoh masa "10"

<marquee direction="right" scrollamount="10" >dari kiri ke kanan dengan tempoh masa 10</marquee>

dari kanan ke kiri jarak masa 10



Halakan pointer mouse pada teks dan ia berhenti

<marquee behavior="alternate" onmouseover="this.start()" onmouseout="this.stop()">arahkankan mouse pada teks,berhenti</marquee>

arahkankan mouse pada teks,berhenti




Jika ingin buat turun atau naik gantikan direction="down" atau "up"

<marquee bgcolor="yellow" direction="down" height="100" width="70%">dari atas ke bawah</marquee>


dari atas ke bawah


Teks dengan latar belakang warna


<marquee width="70%" bgcolor="green">dari kanan ke kiri</marquee>

dari kanan ke kiri

untuk meletakkan marquee contohnya pada sidebar:
Masuk kedesign-pilih Page Elements
Add A gadget--Javascript
masukkan kod yang salin padanya dan save.

Membuat teks berkelip/blink

tulisan berkelip
Tulisan yang berkelip pada blog banyak digunakan bagi menarik minat pengunjung untuk melihat dan klik link pada tulisan tersebut.Cara nya amat mudah cuma letakkan kod blink pada depan dan belakang teks yang hendak
contohnya:

Jika hendak melatak blink pada teks cuma tambahkan kod blink didepan dan belakang seperti contoh dibawah:
<blink> TULISAN BERKELIP</blink>
kod mesti rapat,Jika ada ruang kosong antara tanda < > dengan blink  ia tidak berfungsi
HASILNYA:

TULISAN BERKELIP





Untuk meletakkan blink teks pada link
:
<blink><a href="http://jendela-id.blogspot.com/2010/04/membuat-teks-berkelipblink.html"target="_blank">MEMBUAT LINK PADA TEKS</a></blink>
HASILNYA:

Nota:Hanya sesuai untuk browser tertentu sahaja:Netscape(sesetengah version sahaja)dan Mozilla Firefox .Internet Explorer tidak support tags ini.