Cara Membuat Tombol Show Hidden

Berikut langkahnya:
Kopi paste saja kode berikut, letakkan di tempat yang anda inginkan.

<div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

disini anda meletakkan artikel / gambar atau terserah anda.

</div></div></div>


Maka Hasilnya Akan Seperti ini :

Klik Untuk melihat

" src="http://i817.photobucket.com/albums/zz100/GHOZALI_NOOR/Shufi11.jpg"

Source : http://gobelan.blogspot.com/2010/04/cara-membuat-tombol-show-hidden.html

[ + Baca ]

Menyembuyikan Label Postingan Blogger

Bagi yang suka membuat suatu label postingan dengan banyak kalimat, kayaknya kurang sedap dipandang. Untuk itu adabaiknya tulisan label yang biasanya ada dibawah postingan kita sembunyikan.

Berikut langkah-langkahnya:

1. Login blog --> Setting --> Edit HTML
2. Centang Expand Template Widget
3. Kemudian cari kode di bawah ini :

<span class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,
</b:if></b:loop></b:if>
</span>

4. Setelah ketemu hapus saja kode tersebut.

Bagi yang anda yang tidak mau menghapus kode tersebut, tambahin saja kode Hingga kode lengkapnya akan seperti ini.

<!--<span class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,
</b:if></b:loop></b:if>
</span>-->

Terakhir, simpan template anda.

ALHAMDULILLAH...

Source : http://gobelan.blogspot.com/2010/03/menyembuyikan-label-postingan-blogger.html

[ + Baca ]

6 Tiang Bendera Tertinggi di Dunia ( + Pic )

1. Tiang Bendera Panmunjeom (Korea Utara)- 160 m

Tiang Bendera paling tinggi di dunia, setinggi 160 meter berada di Kijong-dong, Korea Utara, Kedua belah pihak Korea, (korut dan Korsel) terlibat perang bendera "flagpole war", dimana satu sama lain saling bersaing untuk mendirikan tiang bendera teringgi dan bendera paling besar di perbatasannya, untuk menunjukkan yang paling hebat, Akhirnya pihak Korsel membiarkan pihak Korut memenangkan perang bendera ini, dengan membuat tiang setinggi 160 meter dan bendera seberat 270kg untuk dikibarkan diatasnya

2. Tiang Bendera Ashgabat (Turkmenistan) -133 m

Tiang Bendera ini dinobatkan sebagai Tiang Bendera tertinggi di dunia saat ini versi Guinness Book of World Records. Tiang bendera setinggi 133 meter ini terletak di depan gedung Kepresidenan Turkmenistan.

3. Tiang Bendera Raghadan (Jordania)- 126.8 m

Raja Abdullah II membuat Tiang Bendera paling tertinggi di Timur Tengah setinggi 126.8 meter (416 kaki) untuk memperingati hari kemerdekaan di Istana Raghadan.

4. Tiang Bendera Uni Emirate Arab (UEA)- 123 m

Tiang Bendera di UEA ini berdiri setinggi 123 meter (403.5-kaki). Tiang Bendera ini terletak di kota Abu Dhabi. dan dapat dilihat secara langsung dari lepas pantai teluk arab sejauh 60km

5. Tiang Bendera Brazil- 100 m

Tiang Bendera di Brazil ini memiliki ketinggian 100 meter, (sebenarnya Kurang jelas juga, entah benar atau Hoax, soalnya ada statement sendiri dari orang brazilnya, kalau tiang bendera ini paling tinggi di dunia) Ane udah Riset nyari artikel" yang mendukung, tampaknya sedikit Hoax, tapi tetap ane masukkan karena ketinggian tiang bendera ini, mencapai 100 meter.


6. Tiang Bendera Lapangan Merdeka (Malingshit)- 100 m

Tiang Bendera Malishit Gan..., Tiang Bendera ini Memiliki tinggi 100 meter, dan ditempatkan pada Dataran Merdeka atau Lapangan Merdeka yang juga dinamakan Sempena yaitu lokasi untuk memperingati hari kemerdekaan Malaysia (yang dikasih sama Inggris) ,Tempat ini adalah tujuan yang paling sesuai untuk menyingkap sejarah negeri Malingshit.


Begitulah Agan-agan... Tiang-tiang bendera yang tertinggi di Dunia, Tapi tetep Gan, Ane cinta sama Tiang Bendera dan Bendera yang satu Ini,

sumber :
1. http://www.kaskus.us/showthread.php?t=3590714
2. http://unic77.blogspot.com/2010/05/6-tiang-bendera-tertinggi-di-dunia.html

[ + Baca ]

Cara Membuat / Memodifikasi Arsip Blog dengan Model Scroll

Arsip Blog jika menggunakan model Hirarki akan banyak memakan tempat di halaman depan blog anda. Untuk mensiasatinya kita bisa membuatkan srcoll pada kolom Arsip Blog tersebut. Dan tentunya ini akan membuat blog kita makin Bagus ja.

Berikut langkah-langkahnya:

Pertama anda harus membuat widget arsip blog dulu dengan model Hirarki
(Login Blogger - Layout / Tata letak - add widget)
Simpan dengan nama (Arsip Blog)

 

Langkah berikutnya, kita menuju Edit HTML jangan lupa centang Expand Template Widget
Cari Arsip Blog dalam HTML anda. (untuk mempermudah tekan tombol Ctrl + F, paste kata yang ingin dicari)
untuk selengkapnya yang harus amati adalah kode berikut:

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

<b:includable id='main'>

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

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

</b:if>

<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:150px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

<b:include name='quickedit'/>

Kode yang Berwarna merah adalah kode yang harus anda Tambahkan...

Save setelah semuanya BERES . . .

Ket : (height : 150 px) Tingginya dapat anda atur sendiri..

Source : http://gobelan.blogspot.com/2010/03/arsip-blog-model-scroll.html

[ + Baca ]

Memasang Widget Daftar Isi Blog

Salah satu cara untuk menampilkan semua daftar postingan adalah dengan cara membuat daftar isi. Dengan adanya daftar isi tentu akan memudahkan pengunjung (visitor) blog untuk mencari artikel di blog kita berdasarkan judul postingan selain menggunakan page number dan tombol search. Banyak cara dan plugin yang digunakan untuk menampilkan daftar isi blog.

 

Berikut ini langkah-langkahnya :

* Login di blogger, lalu masuk ke page element.

* Klik add page element (Terserah anda mau disimpan dimana. Baik di sidebar atau di bagian footer)

* Pilih html / javascript .

*Selanjutnya, copy paste kode di bawah :

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://www.echabintangtimur.co.cc/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script></div>

Silahkan ganti text yang berwarna merah dengan nama blog anda.


Catatan,
Widget tersebut, akan hanya akan menampilkan judul blog nya saja. Jika anda ingin memodifikasinya, silahkan ganti kata false dengan true atau sebaliknya. lihat text berikut :

var numposts = 1000;
var showpostdate = false; / untuk menampilkan tanggal postingan
var showpostsummary = false; / untuk menampilkan ringkasan postingan
var numchars = 100;
var standardstyling = true;


Selamat mencoba, semoga bermanfaat dan jangan lupa berikan komentar.

Source : http://echabintangtimur.blogspot.com/2009/07/memasang-widget-daftar-isi-blog.html

Atau Pakek Code di bawah ini:

<div style="overflow:auto; border: 1px solid #F4F4F4; margin: auto; padding: 3px; width: 95%; height: 250px; background-color: none; text-align: left;"><script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://azizah05.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Source : http://azizah05.blogspot.com/

[ + Baca ]

10 Komputer tercepat di dunia

Superkomputer tercepat di dunia sekarang berada di Amerika, dibuat oleh perusahaan IBM, dan dinamakan ”Roadrunner”. Kecepatannya telah menembus 1 Petaflop pada 25 Mei 2008.

1 Teraflops = 1 trilyun kalkulasi per detik
1 Petaflops = 1.000 trilyun operasi per detik

Komputer Roadrunner ini lebih cepat 60.000 kali dibanding komputer pribadi tercepat saat ini. Harganya sekitar US$ 133 Juta. Satu fakta menarik, superkomputer ini memiliki struktur sel yang nyaris sama dengan mainan komputer anak-anak, Playstation 3. Roadrunner menggunakan prosesor Cell Broadband Engine™, atau Cell B.E. yang diciptakan IBM, Sony, dan Toshiba yang juga digunakan untuk Playstation, walaupun tentu saja dengan ”sedikit” modifikasi baru.

Inilah daftar dari komputer-komputer tercepat yang ada di dunia. Minimal yang bisa diketahui oleh publik. Banyak orang yakin, ada komputer-komputer rahasia yang dimiliki pemerintah Amerika yang keberadaannya tidak diketahui umum, dan kecepatannya bahkan jauh lebih cepat dari Roadrunner..

10 Komputer Tercepat di Dunia :

1. ROADRUNNER
BladeCenter QS22/LS21 Cluster, PowerXCell 8i 3.2 Ghz / Opteron DC 1.8 GHz , Voltaire Infiniband. Los Alamos National Laboratory, Amerika.

Spoiler for Roadrunner:

2. JAGUAR
Cray XT5 QC 2.3 GHz. Oak Ridge National Laboratory, Amerika.

Spoiler for Jaguar:

3. PLEIADES
SGI Altix ICE 8200EX, Xeon QC 3.0/2.8 GHz. NASA/Ames Research Center, Amerika.

4. BLUEGENE/L
eServer Blue Gene Solution. Lawrence Livermore National Laboratory, Amerika.

Spoiler for Bluegene:

5. INTREPID
Blue Gene/P Solution. Argonne National Laboratory, Amerika.

6. RANGER
SunBlade x6420, Opteron QC 2.3 Ghz, Infiniband. Texas Advanced Computing Center, Amerika.

7. FRANKLIN
Cray XT4 QuadCore 2.3 GHz. NERSC/LBNL, Amerika.

8. JAGUAR
Cray XT4 QuadCore 2.1 GHz. Oak Ridge National Laboratory, Amerika.

9. RED STORM
Sandia/ Cray Red Storm, XT3/4, 2.4/2.2 GHz dual/quad core. NNSA/Sandia National Laboratories, Amerika.

10. DAWNING 5000A
Dawning 5000A, QC Opteron 1.9 Ghz, Infiniband, Windows HPC 2008. Shanghai Supercomputer Center, China.

Spoiler for Dawning:

sumber :http://www.kaskus.us/showthread.php?t=2861066

[ + Baca ]

Ganti Kursor Blog

Buat Shobat Shufi yang pengen ganti Tampilan kursor blognya, biar lbih asyik dikit. Ikuti ja Tutorial dibawah ini :

1. Buka ID BloggerAnda=>> Rancangan =>> Elemen Laman
2. Klik Tambah Gadget =>> HTML/Javascript
3. Masukkan kode yang dibawah ini:

<style type="text/css">body {cursor:url("http://baykun.byethost15.com/cursorbiru.ico"),default}</style>

4. Simpan and Lihat Hasilnya....

NB : Ganti Warna Merah dengan Kode Image Kursor SHOBAT..

buat Shobat Shufi yang bingung nyari kursor buat Blog sobat, Klik aja DISINI

Good Luck, Don't forget for COMMENT...

[ + Baca ]

Pasang Bendera Translate di Blog

Langsung Ja ...
1. Log in Blog Lhu
2. Tata Letak
3. Edit Laman
4. Tambah gatget ---> HTML Java Scrgipt
5. Lhu COPAS ja KOde di Bawah Ini :



<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
text-align:center">
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div style="text-align:center">
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJeL1L0OYnFTBUn6jmDWBLM1LNot_Z28uIRWl0CO1L_PnmIl77Z_m0Qcp4WTnT3hBBYFvQ7tZdpuTbO1Ke9dzu2ERRqOYH-bWeSeki2jqVanhjH3nbzTqepvqiECSdv1gloI8bVQiu9I/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX8_-SIz8EzbPEjwiDJ0SmyJSO8VWSB1Ud87cg6b0RRS7ffqZpLRWhtP6DdgfW1YWtx0Uo5hzPrVRmrXAXt-mX8fuLzJ73SK_CVOhwAh0ae5y9YlFfVU_MfeGtBkFnsueR-RJbzJ4V-0w/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcfoLxyxl8Yobq4A7qXZ37g5p_FdqprO8ES7I23QLj9GlJK7E9T-1UQFdMO6GEtM-lTvkmxF0fv4BMyB6T6omsC6zl1q3VJilk4qILs9ZCWfzmb8ORLaV54pmygQt_ztpiQiJSFHO-W7Dd/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEqSBFn0P6srwTXolxjQBJuWpfeNRgipbZZnjVRtNLWHLRKfaTz8xoRTdzQCkMFCH7Gpa5tTyn_6fqDHZI4qn2ZYMCbCOE46pgE2okBYjRexesKh7syZOeWTrUhyuOLvKwNyckthgrQ39S/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJV154ezjIKo3mxgbaxxDckUK28ucqtIK63iY6zvh_ox2q4sVGRk9G-scaTd0WkUgpgJs8iqPoTjSKjU9BXXt7ArEga518jZp-iZGsc33VzRw-0uMiqmZqOI8g2WeLn2SLvbA7VO1CSHg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKcG0sPpzhUQpcwtWKYZPPCiI3GDwYoNj92OaXfjcvIZb9DxQ0pqBeQb9vw6ayL3PRf0sODRogJgaenv75VQALdkhKjlwbCFgL3xYY5Ln4LmtDALmEd4GITFGUAB3k2oDB9sYE6ae85U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<br /><br />

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhch-8vHMedt6LoPdY1PXYF5NsX9SWsAXozHyIWaIXXcJrTQAXJ1oBA3vHTtT9A0FPrU2Kp4d8LVC55pc3eflE5N4ATRjSe1cGJtQK2I4vGWyBQOYizaqAiXs1whkIy_S-5QjprD2RNYBI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRVzaurUffy7wq3urfmV4C6ozlrZ74MFKbB4-K6ydcYVwD7o0v5owkVgr5bsaIWvK3LY_lCvZX1-o4O5SR2bAvankUP-onVY9lyk-ge7gLGvilMucAzug1QmNosmv6uI7Df8gpOWVIdv4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh15epEKju3fEnYmw0yENlM_hCTULqAcvWTRLovxPxG0T5l1uADWT__gxEeo_73BRwA1H3MEd22ddOEZfCOH4KMTGGHEcKkzQTuUf74qnMXqvQrzPEvlI_ynZWk4VsI1nfntWglz-PDWgKT/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEievoT48ePyWyJRJdYdofvAViasGusBb1I1m_J3hqVN0knabrglRFjUIjwO5lKMDYSp4pU1YMJSZmx0t1ymhVi6LGxohZuOIkMoGqNmJMSEQOYzbBfeOpYfNoRuXV9s3max5XEY6mKIVno/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD1yN-WvcGwdGTdl4gD9FTEAdvDzdWAtiuxJ2jf3ohUGzGcwEPFRINaBk6bYSC76a0st0l4eiTBmhiDt5r9foGGnfnhonJgY7sBLlZclUtSqDOluHThbunhjjgx9qH-3AgW0FGt8nhCFs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG4uRjLVDx3fvF4sIZbwGOt88tzKHI6NyXqHreAPsrjluN0zau79p5cf41-eAlDkhN42EPecaCZbZd6xDJZ8klTxrK7FEGESKhEca9bDQv9_O6CPlf002oAajCdEH8GdZVZMtakw-v_Qs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
</div> <div 0px 0px” style="”font-size:10px;margin:8px" 3px>
<a href="http://www.blogspottutorial.com"/></a>
</div>




6. Simpan Dech....

[ + Baca ]

Teks Berjalan Di Blog

Langsung saja kita mulai tips membuat marquee.

TEKS BERJALAN KE KANAN

Ketik atau copy paste code di bawah ini.

<marquee direction=right>Teks ini akan berjalan ke kanan</marquee>


hasilnya dapat dilihat seperti di bawah ini.

Teks ini akan berjalan ke kanan




TEKS BERJALAN KE KIRI

Ketik atau copy paste code di bawah ini.

<marquee direction=left>Teks ini akan berjalan ke kiri </marquee>


hasilnya dapat dilihat seperti di bawah ini.

Teks ini akan berjalan ke kiri

TEKS BERJALAN KE BAWAH

Ketik atau copy paste code di bawah ini.

<marquee direction=down>Teks ini akan berjalan ke bawah </marquee>

Hasil :
Teks ini akan berjalan ke bawah



TEKS BERJALAN KE ATAS

Ketik atau copy paste code di bawah ini.


<marquee direction=up>Teks ini akan berjalan ke atas</marquee>

Hasilnya :

Teks ini akan berjalan ke atas



TEKS AKAN BERHENTI JIKA DIDEKATKAN MOUSE

Ketik atau copy paste code di bawah ini.

Agar teks yang berjalan berhenti saat mouse didekatkan maka harus ditambahi kode seperti berikut onmouseover="this.stop()" onmouseout="this.start()"


<marquee direction=down onmouseover="this.stop()" onmouseout="this.start()">Teks berjalan ke bawah</marquee>

Hasilnya:

Teks berjalan ke bawah

Source : http://tips-trik-blog.blogspot.com/2008/03/sebelumnya-tips-dan-trik-blog-mohon.html

[ + Baca ]

Cara Posting Kode HTML Di Blog

Lhu tinggal COPAS ja kodenya di bawah ini :

Source : http://savalia2001.blogspot.com/2010/02/memasang-html-encode-pada-blogger.html

[ + Baca ]