Membuat Tampilan Teks dan Gambar Berjalan dengan Marquee

Membuat Tampilan Teks dan Gambar Berjalan dengan Marquee, Anda sering melihat tampilan teks atau gambar yang berjalan, berputar, atau bergeser-geser menampilkan cuplikan teks atau gambar tertentu di halaman web? Teknik ini bisa dilakukan dengan mudah menggunakan kode HTML biasa, yaitu menggunakan tag <marquee>. Untuk meningkatkan efek tampilan, marquee juga bisa disisipi kode CSS dan JavaScript. Ingin mencobanya di website atau blog Anda?

Tag marquee sebenarnya bukan tag standar HTML, sehingga ada kemungkinan tidak berfungsi dengan baik di browser tertentu. Namun jangan terlalu khawatir, browser-browser populer bisa menjalankannya dengan baik.

.

Prinsipnya, kode dasar marquee (tanpa pengaturan tambahan) yang perlu Anda buat adalah sebagai berikut:

<marquee>Ini baris teks, kode link, atau kode gambar yang akan ditampilkan</marquee>

Penjelasan:

• Awali dengan tag pembuka <marquee> dan akhiri dengan tag penutup </marquee>.
• Tempatkan teks, kode HTML link, atau kode HTML gambar di antara tag pembuka dan penutup marquee.

Berikut contoh marquee sederhana berupa teks tanpa pengaturan apapun.

Kode: 

<marquee>Contoh teks berjalan</marquee>

Tampilan:

Contoh teks berjalan

Berikut contoh marquee sederhana berupa gambar. Anda cukup mengganti teks dengan kode HTML untuk penyisipan gambar.

Kode:

<marquee><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg31v8OSu0hPY_yDl9VaTW_4JT3byh5EEAliEA0zIxyQSyzQ84HFMbIGpu2VudJSLwVWf7lB7UJpaijIhHhy45OZFEJ55Jj-weNl-bk_DIj-7zFmdPqgWP9Lc4FouI0LoT1Dsgct9Yr2VI/s1600/kode-html.png" /></marquee>

Tampilan:

Berikut contoh marquee sederhana berupa teks link. Anda cukup memasang kode HTML untuk penyisipan link.

Kode:

<marquee><a href="http://www.komputeran.com">Komputeran</a></marquee>

Tampilan:

Komputeran

Selain contoh kode marquee dasar di atas, Anda dapat mengatur tampilan marquee sesuai dengan keinginan Anda. Caranya dengan menambahkan atribut tertentu di dalam tag marquee. Berikut ini susunan kodenya:

<marquee behavior="tindakan" direction="arah" scrollamount="angka">Ini baris teks, kode link, atau kode gambar yang akan ditampilkan</marquee>

Penjelasan:

• Gunakan behavior untuk melakukan tindakan tertentu, nilainya yaitu: scroll(terus berputar), slide (berputar sekali), alternate (bolak-balik)
• Gunakan direction untuk menentukan arah pergerakannya, nilainya yaitu:left (ke kiri), right (ke kanan), up (ke atas), down (ke bawah).
• Gunakan scrollamount untuk menetapkan kecepatannya, nilainya yaitu: angka, dalam hal ini angka 1 paling lambat. 

Berikut contoh penggunaan marquee dengan pengaturan tindakan, arah, dan kecepatannya:

Kode:

<marquee behavior="scroll" direction="right" scrollamount="1">Teks terus berputar ke kanan dengan kecepatan lambat</marquee>

Tampilan:

Teks terus berputar ke kanan dengan kecepatan lambat

Kode:

<marquee behavior="alternate" scrollamount="5">Teks bolak-balik ke kiri dan ke kanan dengan lebih cepat</marquee>

Tampilan: 

Teks bolak-balik ke kiri dan ke kanan dengan lebih cepat.

Kode:

<marquee behavior="slide" direction="up" scrollamount="1">Teks ini bergerak perlahan sampai ke atas, lalu berhenti.</marquee>

Tampilan: 

Teks ini bergerak perlahan sampai ke atas, lalu berhenti.

Selain menggunakan pengaturan via atribut behavior, direction, dan scrollamount, Anda juga bisa mencoba menambahkan atribut align (perataan margin), bgcolor (warna latar), width (lebar marquee), loop (membatasi jumlah perulangan), dan scrolldelay(mengatur waktu jeda). Selain itu, tag marquee juga bisa Anda sisipi style (CSS) untuk mempercantik tampilan. Bahkan, Anda bisa menambahkan kode JavaScript di dalamnya.

Contoh marquee dengan atribut lainnya:

Kode:

<marquee behavior="alternate" scrollamount="5" bgcolor="orange" width="50px">Teks berlatar oranye dengan lebar 50 piksel.</marquee>

Tampilan:

Teks berlatar oranye dengan lebar 50 piksel. 

Contoh marquee dengan kode CSS:

Kode:

<marquee behavior="alternate" scrollamount="5" style="border:1px solid #eee;font-size:16px;color:#6699cc">Teks warna biru dan diberi garis batas abu-abu.</marquee>

Tampilan:

Teks warna biru dan diberi garis batas abu-abu.

Contoh marquee dengan kode JavaScript:

Kode:

<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">Tahan teks ini dengan mouse untuk menghentikannya.</marquee>

Tampilan:

Tahan teks ini dengan mouse untuk menghentikannya.

Anda bisa mengkombinasikan berbagai teknik di atas untuk mendapatkan hasil marquee yang lebih menawan. 

Demikian artikel Membuat Tampilan Teks dan Gambar Berjalan dengan Marquee selamat mencoba dan berkreasi, semoga bermanfaat, dan lihat juga artikel lainnya.

Sumber : http://www.komputeran.com/2012/10/membuat-tampilan-teks-dan-gambar.html

Read More

Mengatasi Error Instagram di BlueStacks App Player

Mengatasi Error Instagram di BlueStacks App Player, Instagram adalah salah satu software photo editor di Android dan iOS. Instagram mampu memberikan hasil kreasi foto yang indah dengan bermacam-macam filternya, serta dapat membagikan foto tersebut ke teman-teman kalian. 

gambar instagram

Di postingan saya tentang BlueStacks App Player, tampaknya ada beberapa pengunjung yang mengalami masalah dengan Instagram miliknya saat installasi di BlueStacks atau tidak bisa upload foto. Saya sendiri tidak tahu mengapa Instagram mengalami error di versi yang terbaru. Contohnya adalah error Instagram dibawah ini saat saya ingin menginstall versi 6.

Nah dipostingan kali ini saya akan memberikan sedikit tips bagaimana cara mengatasi error pada Instagram. Bisa untuk upload foto tanpa error ( sudah saya coba sendiri ), bahkan import foto pun juga bisa.

1. Download aplikasi BlueStacks Tweaker disini & Instagram versi 5.07 disini
2. Sekarang kalian buka BlueStacks Tweaker dan ubah pengaturan GLRenderMode menjadi 1.

3. Sekarang kalian import dan install file Instagram kalian.

4. Done ! sekarang kalian bisa menggunakan instagram di BlueStacks App Player.

Namun ada hal yang perlu kalian catat dibawah ini :

• Kalian harus memiliki akun instagram terlebih dahulu dan tidak menggunakan fitur Sign Up atau daftar Instagram melalui BlueStacks, kalian akan mendapatkan error seperti gambar dibawah ini. 

• Untuk mengatasi tidak bisa daftar akun Instagram lewat BlueStacks, kalian daftar lewat Smartphone Android kalian atau bisa install & daftar Instagram lewat emulator lain seperti Droid4x.

Demikian tutorial Mengatasi Error Instagram di BlueStacks App Player, semoga bermanfaat untuk anda semua, jangan lupa lihat tutorial - tutorial lainnya dan share ya :)

Read More

Cara Mengecek Versi BIOS di PC

Cara Mengecek Versi BIOS di PC

Cara Mengecek Versi BIOS di PC

BIOS, satu kata yang pastinya pernah kalian dengar. Disini saya tidak akan menjelaskan secara detail pengertian BIOS. Diman kalian bisa melihat sendiri apa itu BIOS dan macam-macam BIOS melalui wikipedia.

Sebenarnya kita tidak harus meng-update BIOS yang ada di PC kita. Saya mempunyai prinsip "Jika tidak ada yang rusak, buat apa diperbaiki ?", jadi menurut saya, jika PC kalian sedang berjalan dengan normal dan tidak ada masalah, memperbaharui BIOS bukanlah suatu kewajiban. Namun lain ceritanya apabila PC kalian bermasalah & salah satu permasalahanya berhubungan dengan BIOS.

Cara Mengecek Versi BIOS

Versi BIOS sendiri sebenarnya sudah bisa kalian lihat saat pertama kali menyalakan komputer. Namun, akan sedikit merepotkan apabila kita harus me-restart PC kita hanya untuk melihat versi BIOS. Berikut akan saya beritahu cara melihat BIOS di Windows.

1. Buka CMD / Command Prompt.

2. Ketik perintah dibawah ini kedalam CMD kalian dan klik enter :

wmic bios get smbiosbiosversion

3. Done !, kalian akan melihat versi BIOS kalian.

Selain cara diatas, ada juga cara lain untuk mengecek versi BIOS, namun dengan tampilan GUI. Pada Windows 7, kalian bisa melihat versi BIOS melalui System Information. Sedangkan pada Windows 8/8.1, System Information ini letaknya sedikit "tersembunyi". Untuk membukanya silakan lihat caranya dibawah ini :

Cara Membuka System Information di Windows 8 / Windows 8.1

1. Klik lambang Windows + R pada keyboard.

2. Ketik perintah dibawah ini & tekan Enter :

msinfo32

3. Done ! kalian bisa melihat versi BIOS kalian dengan lengkap.

Bagaimana ? Mudah bukan ?

Demikian artikel Cara Mengecek Versi BIOS di PC, semoga bermanfaat untuk anda semua.

Read more: http://www.software182.com/2014/10/cara-mengecek-versi-bios-windows.html#ixzz3dNmE9Aig 

Read More

Cara Membuat Tulisan Bergerak di Samping Favicon

Cara Membuat Tulisan Bergerak di Samping Favicon

oke kali ini kita akan membahas cara membuat tulisan di Favicon berjalan... :)

agan pasti tau kan apa itu Favicon pada blogger?

Favicon pada blogger ialah berupa gambar dengan logo huruf B dengan background warna orange...

oke langsung saja ke permasalahan, simak bahasan dibawah ini yha... :)

pertama loginkan dulu akun blogger agan

kedua pilih template > edit HTML

kemudia cari tulisan </head> dengan menggunakan ( ctrl+f ) dan pastekan kode berikut dibawah kode tersebut...

<script type="text/javascript">

//<![CDATA[

msg = "WELLCOME TO MY BLOG";+ msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",150);

}

scrollMSG();

//]]>

</script>

ganti tulisan berwarna merah dengan tulisan yang agan mau

oke kemudian klik save

selamat mencoba artikel Cara Membuat Tulisan Bergerak di Samping Favicon semoga bermanfaat :)

Read More

Tutorial Cara Masuk Setting BIOS Dengan Mudah

Tutorial Cara Masuk Setting BIOS Dengan Mudah - Bagaimana yang anda ketahui tentang bios? baik kali ini saya ingin menjelaskan sedikit pengertian tentang BIOS. BIOS adalah singkatan dari Basic Input Output System, yaitu kumpulan perangkat lunak dalam komputer yang mengatur seluruh konfigurasu dalam komputer seperti melakukan instalasi, menjalankan dan memuat sistem opererasi dan memudahkan kerja komputer agar lebih maksimal.

Nah kembali kepada topik pembahasan mengenai cara masuk BIOS. Memang jarang sekali kita masuk pada setting BIOS dan tidak semua orang faham dengan ini. Kita bisa memakai setting BIOS untuk mengatur semua perangkat pada motherboard kita, ingin kit disable dan unable terserah anda, dan biasanya kita memakai bios hanya untuk install ulang windows ( kebanyakan orang ). nah langsung saja berikut ini adalah langkah-langkah untuk masuk setting BIOS :

1. hidupkan komputer/laptop anda jika dalam keadaan mati. Nah jika keadaan hidup silahkan restart saja.

2. Setelah anda tekan power tunggu sebentar akan muncul "Entering set-up". Biasanya tipa komputer/laptop berbeda, dan jika tidak sala tunggu ketika keluar merk laptop, merk motherboard muncul di monitor. Untuk memasuki BIOS memang sangat berbeda-beda setiap perangkat silahkan coba tekan tombol F1,F2,F3,F5,F10. Tapi ada juga yang harus tekan Delete,Escape, atau Insert.

di bawah adalah beberapa contoh masuk setting BIOS :

3. Memang sangat bermacam-macam cara memasuki bios dan itu semua di tentukan oleh pabrik. nah untuk engatasi masalah gagal masuk bios anda juga bisa mencoba tekan tombol seperti Control + Escape, Alt + Ecape, Control + Alt + Escape, Control + Alt + Enter. Itu beberapa tombol yang sering di gunakan untuk masuk bios.

4. Jika anda masih gagal juga untuk memasuki BIOS jangan panik dahulu. Semua perangkat baru dari pabrik akan di sertai buku panduan penggunaan perangkat. Nah saran saya silahkan membaca panduan tersebut jika masih gagal saja, karena semua perangkat tidak selalu sama salah satunya cara masuk setting BIOS.

Bagaimana tutorial di atas, sangat mudah memang jika kita memiliki setting bios dan cara masuk BIOS yang umumnya di pakai seperti yang telah saya jelaskan. Nah saran saya jika anda tidak ingin merepotkan diri, jika membeli laptop, PC, dan lainnya silahkan simpan buku panduan perangkat karena suatu saat anda bisa juga menggunakannya. Nah terimakasih banyak atas kunjungan anda telah membaca artikel Tutorial Cara Masuk Setting BIOS Dengan Mudah dan semoga sukses selalu.

Read More

Cara Mudah Mengatasi Android Mode Headset Terus

Cara Mudah Mengatasi Android Mode Headset Terus

Ane mau share nih kebetulan ane juga kejadian yang kaya gini. mungkin ada yang nasib sama yang kaya ane. akibat stuck headset yaitu gabisa dengerin music, game. jadinya kalo mau ada suaranya musti pake headset. jadi gaasik. nah disini ane mau ngajarin cara perbaikin lubang headset yang

bermasalah di max c. disini cara fixnya ada 2. secara hardware dan software. ya sekalian berbagi pengalaman

secara hardware 

pertama yang harus dibutuhkan adalah jarum jahit (kalo ga mau bongkar si max) stelah itu coba congkel pada bagian kuningannya. harus hati hati ya? kalo seumpama masih tetep. berarti max c harus dibongkar. coba ente test copot konektornya (pake solder) headsetnya ato congkel" pake jarum pake cara yang pertama. kalo masih ga bisa walaupun dicongkel". dan kalo tetep gabisa walau konektor dilepas berarti jalur headsetnya ada yang masalah di pcbnya. kalo istilah konter sih kena CPUnya pas ane tanya :'v harus dibawah ke konter hp dong? tenang masih ada cara yang lebih murah dan gratis. nah sekarang lanjut baca ke perbaikan secara software

DWYOR (Do With Your Own Risk) 

secara software

nah apabila hh masih mode headset alias stuck headset trus walaupun udah coba cara diatas. sekarang yang dibtuhkan buat fix adalah sebagai berikut :

1. toggle headset : Google Play

2. gorengan. biar fixnya woles

caranya yaitu :

1. Install toggleheadset2

2. kalo udah masuk widget. pilih toggleheadset. tambahkan ke HomeScreen3. nah ada pilihan tuh. centang aja dua duanya4. trus di widgetnya kan posisi ON. ganti ke OFF. trus coba dengerin musik, dan tara... anda gaperlu galau lagi gara" si max

NB : kenapa tulisan headset terpasang gabisa ilang? emang gitu soalnya toggleheadset gunanya buat maksa suara headset bisa pindah ke speaker. kalo ngerasa risih tulisannya ente bisa ganti di frameworknya. dan cari string. ganti tulisan headset terpasang dengan tulisan kesukaan anda.

Demikian Artikel Cara Mudah Mengatasi Android Mode Headset Terus, semoga bermanfaat untuk anda. terima kasih

Read More

Tutorial Belajar MySQL dan Index Artikel MySQL

Tutorial Belajar MySQL dan Index Artikel MySQL

MySQL merupakan aplikasi Relationship Database Management System (RDBMS) paling poluper di dunia. Menguasai MySQL, merupakan sebuah hal yang wajib bagi programmer saat ini, apalagi jika dikaitkan dengan web programming yang (hampir) semuanya menggunakan MySQL sebagai aplikasi database.

Duniailkom mencoba menyediakan tutorial bagi rekan-rekan yang ingin menguasai aplikasi Database yang kini berada di bawah perusahaan Oracle ini. Mulai pengertian Database, pengertian RDMS, cara instalasi MySQL, cara membuat tabel MySQL, dan tutorial tentang cara menggunakan query MySQL.

Tutorial MySQL akan dibagi menjadi beberapa bagian, yaitu Tutorial MySQL Dasar, Tutorial MySQL Lanjutan, dan Artikel seputar perkembangan serta tips menggunakan MySQL.

Semoga tutorial dan artikel MySQL di duniailkom ini bisa bermanfaat.

TUTORIAL MYSQL DASAR MYSQL LANJUTAN ARTIKEL MYSQL 

Read More