M Dermawan Susanto Blog's: Tips and Tricks

Kode HTML Membuat Tulisan Berjalan (Marquee)

Marquee adalah suatu perintah dalam HTML untuk membuat teks bisa bergerak atau berjalan. Kalau pada kehidupan sehari-hari dapat kita lihat pada papan LED Running Text yang umum ada di Counter HP berisi Tulisan informasi yang bergerak statis secara beraturan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikNONaS0bO3OO-ChLwJruLlosMG_4dLSIiwygvI7-ijw0LBpSn-umoP2pUEka29oCNO_aKbV4pCCqjrhSgA99_o5ClyvfFuhJLMHpxofl5wZgV1X6ZXAwquNl0uL5lrZ5Hq-aO7-sCqQOwcQwggBRhKzwUIwXhe8MXcn5Luo9ytwL5qX5EbLxrNmZc/s800/Running%20Text.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="473" data-original-width="800" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikNONaS0bO3OO-ChLwJruLlosMG_4dLSIiwygvI7-ijw0LBpSn-umoP2pUEka29oCNO_aKbV4pCCqjrhSgA99_o5ClyvfFuhJLMHpxofl5wZgV1X6ZXAwquNl0uL5lrZ5Hq-aO7-sCqQOwcQwggBRhKzwUIwXhe8MXcn5Luo9ytwL5qX5EbLxrNmZc/w400-h236/Running%20Text.jpg" width="400" /></a></div><br /><div style="text-align: center;"><br /></div>
Berikut beberapa jenis Marquee atau Running Text yang dapat diaplikasikan pada laman postingan atau sebagai Widget pada blog :<br />
<br />
1. Marquee ini tipe Standar, dimana hanya berisikan tulisan yang berjalan statis secara berkala.<br />
<br />
<marquee>TULISAN BERJALAN</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee>TULISAN BERJALAN</marquee> </div>
<br />
2. Marquee jenis ini berbeda sedikit dengan yang pertama, dimana setelah 2 kali tampilan maka tulisan akan tidak muncul lagi. Hitungan dapat diubah dengan menggantikan angka 2 pada <b>"loop="2"</b> dengan angka yang diinginkan.<br />
<br />
<marquee loop="2">MARQUEE AKAN BERPUTAR 2 KALI LALU MENGHILANG</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee loop="2">MARQUEE AKAN BERPUTAR 2 KALI LALU MENGHILANG</marquee> </div>
<br />
3.Jika teks bergerak terlalu cepat, marquee jenis ini yang sesuai dengan keinginan kita. Marquee ini diatur untuk teks dapat berjalan lebih lambat dari semestinya dengan mengubah nilai <b>"scrolldelay"</b> dengan angka yang diingikan. Satuannya dalam mili detik sehingga semakin besar angkanya maka akan semakin lambat teks nya berjalan.<br />
<br />
<marquee scrolldelay="1000">TEKS BERJALAN DAN DELAY SELAMA 1 DET</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee scrolldelay="1000">TEKS BERJALAN DAN DELAY SELAMA 1 DET</marquee> </div>
<br />
4. Marquee ini merupakan marquee jenis standar dengan tambahan latar belakang berwarna dijalur teks berjalan. Warna nya dapat disesuaikan dengan mengganti <b>"bgcolor"</b> dengan warna yang diinginkan.<br />
<br />
<marquee bgcolor="yellow">TEXT DENGAN BACKGROUND KUNING</marquee> <br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee bgcolor="yellow">TEXT DENGAN BACKGROUND KUNING</marquee> </div>
<br />
5. Marquee ini kebalikan dengan jenis yang ketiga, jika sebelumnya diperlambat, maka disini dapat diatur menjadi lebih cepat dari semestinya, dengan mengubah angka <b>"scrollamount"</b> dengan angka yang diingikan. Dimana semakin besar angka nya, maka teks bergerak menjadi lebih cepat.<br />
<br />
<marquee scrollamount="100">Kecepatan Tulisan berjalan 100</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee scrollamount="100">Kecepatan Tulisan berjalan 100</marquee></div>
<br />
6. Marquee ini kebalikan dari marquee jenis standar dimana perbedaan terletak pada arah pergerakan tulisannya. Jika pada tipe standar bergerak dari kanan ke kiri. Maka dengan penambahan kode "Direction" ke kanan, tulisan menjadi bergerak dari kiri ke kanan.<br />
<br />
<marquee direction="right">TEKS BERJALAN KE KANAN</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee direction="right">TEKS BERJALAN KE KANAN</marquee> </div>
<br />
7. Masih hampir sama dengan marquee yang sebelumnya, dengan menggantikan arah menjadi <b>"UP"</b> maka tulisan berubah gerakannya menjadi dari bawah ke atas.<br />
<br />
<marquee direction="up">TEKS BERJALAN KE ATAS</marquee> <br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee direction="up">TEKS BERJALAN KE ATAS</marquee> </div>
<br />
8. Marquee jenis ini merupakan marquee standar yang luas pergerakannya dibatasi menjadi 50% dari luas halaman yang tersedia. Luas nya dapat diubah dengan menggantikan angka 50% pada <b>"Width"</b> dengan angka yang diinginkan.<br />
<br />
<marquee width="50%">LEBAR MEDIA 50 %</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee width="50%">LEBAR MEDIA 50 %</marquee> </div>
<br />
9. Marquee ini sedikit modifikasi dari marquee standar dimana dapat disematkan pesan pada tulisan yang bergerak. Pesan dapat dimunculkan dengan mengarahkan kursor pada tulisan yang bergerak tersebut.<br />
<br />
<marquee title="M Dermawan S Blog | Semangat !!!">MARQUEE berisi pesan tertentu</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee title="M Dermawan S Blog | Semangat !!!">MARQUEE berisi pesan tertentu</marquee> </div>
<br />
10. Marquee ini diatur agar pergerakannya dapat memantul atau berpindah statis dari kiri ke kanan dan sebaliknya ketika sampai pada sisi kanan dan kiri batas. Tidak menghilang dan muncul seperti jenis standarnya.<br />
<br />
<marquee behavior="alternate">MARQUEE MEMANTUL</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee behavior="alternate">MARQUEE MEMANTUL</marquee> </div>
<br />
11. Marquee jenis ini modifikasi dari MARQUEE MEMANTUL dimana dengan penambahan <b>"onmouseover="this.stop()" onmouseout="this.start()"</b> maka tulisan akan berhenti ketika kursor mengenai tulisan yang bergerak tersebut dan bergerak kembali ketika kursor dipindahkan dari tulisan.<br />
<br />
<marquee behavior="alternate" onmouseout="this.start()" onmouseover="this.stop()">TULISAN BOLAK BALIK</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK BALIK</marquee> </div>
<br />
12. Marquee ini modifikasi dari marquee sebelumnya dengan penambahan tautan link. Dimana link laman tujuan dapat disesuaikan dengan mengisi <b>"href=""</b> dengan link yang diinginkan.<br />
<br />
<marquee behavior="alternate" onmouseout="this.start()" onmouseover="this.stop()"><a href="https://muhammaddermawansusanto.blogspot.com/">TEST LINK DENGAN KLIK DISINI</a></marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="https://muhammaddermawansusanto.blogspot.com/">TEST LINK DENGAN KLIK DISINI</a></marquee> </div>
<br />
13. Marquee jenis ini adalah tipe yang agak kompleks, dimana kita dapat menyesuaikan warna latar belakang, jenis huruf, ukuran huruf, serta warna huruf sesuai dengan yang diinginkan.<br />
<br />
<marquee bgcolor="blue" style="color: white; font-family: arial; font-size: 20px;">TEKS BERJALAN WARNA LATAR BIRU</marquee><br />
<br />
<div style="background-color: #82cafa; border: 0px; padding: 10px; text-align: left;">
<marquee bgcolor="blue" style="font-family:arial; font-size:20px; color:#ffffff;">TEKS BERJALAN WARNA LATAR BIRU</marquee> </div>
<br />
Masih banyak lagi jenis Marquee yang dapat dibuat dengan menyatukan beberapa bagian dari jenis-jenis marquee yang sudah ada diatas, karena pada dasarkan Marquee adalah perintah HTML yang tiap kode berfungsi untuk tugasnya masing-masing maka dengan kombinasi kode yang sesuai akan kita temukan jenis marquee lainnya.<br />
<br />
Selamat Mencoba !!!<br />
<br />

Kode HTML Membuat Tulisan Berjalan (Marquee)

Marquee adalah suatu perintah dalam HTML untuk membuat teks bisa bergerak atau berjalan. Kalau pada kehidupan sehari-hari dapat kita lihat p...

Baca Selengkapnya ...

Kode HTML Membuat Box di Blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYSorcxN1CROV0kZlxjzUa07a-DhN84oMfOif-IwrETrm8r8aw4DT5ZNS3hGwyirJ2HaSdxStAFP09jd1c2zlJFJUUnhFKlW2PeaUjgdcYBBjolwVXLr41MO7vfO50VqAKgDGnoZvl8QA/s1600/Sourced+Box.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="401" data-original-width="600" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYSorcxN1CROV0kZlxjzUa07a-DhN84oMfOif-IwrETrm8r8aw4DT5ZNS3hGwyirJ2HaSdxStAFP09jd1c2zlJFJUUnhFKlW2PeaUjgdcYBBjolwVXLr41MO7vfO50VqAKgDGnoZvl8QA/s400/Sourced+Box.jpg" width="400" /></a></div>
<br />
<div style="text-align: justify;">
Kali ini mau berbagi code untuk membuat kotak di blog, adapun kode-kode nya tertera dibawah ini yang pada dasarnya : <b>Border</b> untuk mengatur tebal bingkai, dengan <b>#</b> untuk mengatur warna garis, <b>Background-color</b> untuk mengatur warna latar belakang, <b>Padding</b> untuk jenis border dan <b>Text-align</b> untuk mengatur baris kalimat yang ingin diletakkan didalam kotak.</div>
<br />
Berikut jenis-jenis kotak yang dapat diterapkan didalam blog :<br />
<br />
<b>1. KOTAK SIMPLE</b><br />
<br />
<div style="background-color: #82cafa; border: 0; padding: 10px; text-align: left;">
Silahkan masukan kode script/tulisan anda disini </div>
<br />
<div style="text-align: left;">
<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Silahkan masukan kode script/tulisan anda disini </div></div>
<b><br />
</b> <b>2. KOTAK SIMPLE DENGAN BORDER</b><br />
<br />
<div style="background-color: #d9da81; border: 2px #5f200e solid; padding: 10px; text-align: left;">
Silahkan masukan kode script/tulisan anda disini </div>
<br />
<div style="text-align: left;">
<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Silahkan masukan kode script/tulisan anda disini </div></div>
<br />
<b>3. KOTAK DENGAN 1 JENIS GARIS</b><br />
<br />
<div style="background-color: #d9da81; border: 3px #5f200e outset; padding: 10px; text-align: left;">
Silahkan masukan kode script/tulisan anda disini</div>
<br />
<div style="text-align: left;">
<div style="border: 3px #5f200e outset; padding: 10px; background-color: #d9da81; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div></div>
<br />
<b>4. KOTAK DENGAN 2 JENIS GARIS</b><br />
<br />
<div style="background-color: #d5839f; border: 2px #006400 inset; padding: 10px; text-align: left;">
Silahkan masukan kode script/tulisan anda disini</div>
<br />
<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div> <br />
<br />
<b>5. KOTAK DENGAN GARIS LUAR</b><br />
<br />
<div style="background-color: #c2c2c2; border: 2px #006400 ridge; padding: 10px; text-align: left;">
Silahkan masukan kode script/tulisan anda disini</div>
<br />
<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div><br />
<br />
<b>6. KOTAK DENGAN GARIS DOUBLE</b><br />
<br />
<div style="background-color: #82cafa; border: 3px #5f200e double; padding: 10px; text-align: left;">
Silahkan masukan kode script/tulisan anda disini</div>
<br />
<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div><br />
<br />
<b>7. KOTAK DENGAN GARIS PUTUS-PUTUS</b><br />
<br />
<div style="background-color: #57aa52; border: 2px #610b38 dashed; padding: 10px; text-align: left;">
Silahkan masukan kode script/tulisan anda disini</div>
<br />
<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div><br />
<br />
<b>8. KOTAK DENGAN TITIK-TITIK</b><br />
<br />
<div style="background-color: #c2c2c2; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;">
Silahkan masukan kode script/tulisan anda disini</div>
<br />
<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div><br />
<br />
<b>9. KOTAK DENGAN SCROLL</b><br />
<br />
<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 400px;">
Silahkan masukan kode script/tulisan anda disini, Silahkan masukan kode script/tulisan anda disini, Silahkan masukan kode script/tulisan anda disini, Silahkan masukan kode script/tulisan anda disini, Silahkan masukan kode script/tulisan anda disini</div>
<br />
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 400px; text-align: left;"> Silahkan masukan kode script/tulisan anda disini </div><br />
<br />
Keterangan : 400px : adalah lebar kotak, 50px : adalah tinggi kotak<br />
<br />
Selamat mencoba ...

Kode HTML Membuat Box di Blog

Kali ini mau berbagi code untuk membuat kotak di blog, adapun kode-kode nya tertera dibawah ini yang pada dasarnya : Border untuk menga...

Baca Selengkapnya ...

Driver Bluetooth CSR 4.0 Harmony

<div style="text-align: justify;">
Bluetooth Dongle merupakan perangkat tambahan yang dapat digunakan pada perangkat PC, Laptop, Notebook dan sejenisnya. Fungsi perangkat ini sama seperti didalam handphone yaitu itu menghubungkan satu perangkat dengan perangkat lain dengan konektivitas bluetooh seperti kirim data, penerimaan data, maupun kirim dan terima voice dalam bentuk headset atau speaker bluetooth.<br />
<br />
USB Bluetooth Dongle sendiri terbagi atas dua yaitu tipe V 2.0 dan V 4.0, dimana yang membedakannya hanya dari segi Supporting Device nya pada tipe masing-masing, dimana V 4.0 lebih lengkap supportingnnya dibanding V 2.0 namun sebanding dengan harga device ini. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCA4qlH4NxujpdYrU70B-kaGt7QnfA9qUmhpD3_Llb9W6DqajaFB1eBVxd2rKAISIKkdOeTNXUiN5Q4s3b6YLh7W-zhXFBxdRWQfpjg-8FHZnXj8pnJTDH0qag5NCEDsU2HqqjuNw9TdE/s1600/Setup.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="243" data-original-width="448" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCA4qlH4NxujpdYrU70B-kaGt7QnfA9qUmhpD3_Llb9W6DqajaFB1eBVxd2rKAISIKkdOeTNXUiN5Q4s3b6YLh7W-zhXFBxdRWQfpjg-8FHZnXj8pnJTDH0qag5NCEDsU2HqqjuNw9TdE/s400/Setup.bmp" width="400" /></a></div>
<br />
USB Bluetooth Dongle<br />
<br />
Specification :<br />
1. Bluetooth specification V 4.0 Compliant<br />
2. Supporting profiles (Networking, Dial Up, Fax, LAN Acces, and Headset)<br />
3. Operating system (Windows 98, 98se, Me, 2000, XP, Vista, Windows 7)<br />
4. Inteface : USB Compliance<br />
5. Symbol rate : 3 Mbps<br />
6. Receiving / Sending range : 20 m - 50 m<br />
<br />
Key Features :<br />
1. Bluetooth low energy Radio USB Dongle<br />
2. Dual - mode Bluetooth Transfer<br />
3. Low - power selectable 1.2 to 3.6 VI/O<br />
4. Supporting Bluetooth voice data<br />
5. Supporting Multi languages<br />
6. WLAN coexistence interface<br />
7. Plug and Play<br />
<br />
Untuk Driver beserta Aplikasinya, dapat diunduh pada link dibawah ini :<br />
<br />
<span style="font-size: large;"><a href="http://adfoc.us/4852001" target="_blank">Driver Bluetooth CSR 4.0 Harmony</a></span><br />
<br />
Semoga bermanfaat ...

Driver Bluetooth CSR 4.0 Harmony

Bluetooth Dongle merupakan perangkat tambahan yang dapat digunakan pada perangkat PC, Laptop, Notebook dan sejenisnya. Fungsi perangkat ini...

Baca Selengkapnya ...

Cara Membuat USB Debuging di Sony Z1 Compact

<div style="text-align: justify;">
USB Debuging merupakan opsi yang digunakan untuk digunakan khusus pengembang atau yang ingin merubah isi program didalam handphone melalui kabel USB yang dikoneksikan ke perangkat komputer. Adapun tujuan USB Debuging pada umumnya untuk mengroot dan flashing handphone Sony Z1 Compact, karena tanpa diubah kedalam opsi USB Debuging maka handphone akan hanya aktif pada posisi penyimpanan data.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Adapun cara membuat USB Debuging adalah sebagai berikut :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Pada layar awal geser bagian atas kearah bawah dua kali, lalu pilih "Setelan"</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2. Geser paling bawah lalu pilih "Tentang Ponsel"</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3. Temukan opsi "Buat Nomor / Nomor Pembuatan" lalu klik / sentuh berulang sebanyak 7 kali sampai muncul notifikasi anda telah menjadi pengembang.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW5U02WMOV368zK_G0Js1YQN2xH231wIEGAycaVno2Xggwc2Kcl1bZwpBtj8xg9B6OqobttrLH7mwzxzrqOLYHgE5G-4GyCacKrM5CUQ9VUDXf6qZE7eNQMCsBIGs_H-Ixwbh5fU_R1rU/s1600/Screenshot_2017-06-01-19-29-12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1280" data-original-width="720" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW5U02WMOV368zK_G0Js1YQN2xH231wIEGAycaVno2Xggwc2Kcl1bZwpBtj8xg9B6OqobttrLH7mwzxzrqOLYHgE5G-4GyCacKrM5CUQ9VUDXf6qZE7eNQMCsBIGs_H-Ixwbh5fU_R1rU/s400/Screenshot_2017-06-01-19-29-12.png" width="225" /></a></div>
<br />
<div style="text-align: justify;">
4. Setelah itu, kita telah resmi menjadi pengembang untuk dapat merubah atau menyesuaikan handphone kita sesuai kemauan kita tanpa terbatas oleh kebijakan awal aturan handphone yang terbatas oleh kebijakan perusahaan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5. Pada opsi pengembang, terdapat berbagai pilihan salah satu nya "Debug USB" yang apabila diaktifkan berfungsi untuk Root / Program Ulang / Flashing handphone Sony dengan menghubungkan ke Komputer melalui kabel USB.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMKfKL14d8R7zpLkU7NIrdO4_eQ0Jl7CXICS8hExplxKdq9sfMY8sPGxENPPAWQpe4BTC3q72EAGUNBWzrnQtwwq8rhYMd8zVnpahTodMs9P8h6GUkLhr6sggqbgyM4XOTn6oOpwiwYvI/s1600/Screenshot_2017-06-01-19-29-23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1280" data-original-width="720" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMKfKL14d8R7zpLkU7NIrdO4_eQ0Jl7CXICS8hExplxKdq9sfMY8sPGxENPPAWQpe4BTC3q72EAGUNBWzrnQtwwq8rhYMd8zVnpahTodMs9P8h6GUkLhr6sggqbgyM4XOTn6oOpwiwYvI/s400/Screenshot_2017-06-01-19-29-23.png" width="225" /></a></div>
<br />
<div style="text-align: justify;">
Catatan : Harap berhati-hati apabila handphone sudah berada pada opsi pengembang, karena lebih rentan virus, malware, maupun penyadapan. Terlebih apabila salah dalam pengembangan dapat menyebabkan malfungsi baik kinerja maupun kondisi handphone.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selamat Mencoba ...</div>

Cara Membuat USB Debuging di Sony Z1 Compact

USB Debuging merupakan opsi yang digunakan untuk digunakan khusus pengembang atau yang ingin merubah isi program didalam handphone melalui ...

Baca Selengkapnya ...

Memilih dan Merubah Warna di Blog

<div style="text-align: justify;">
Kali ini ingin berbagi cerita cara untuk merubah warna pada tampilan blog atau pada gadget maupun widget sesuai dengan warna yang kita inginkan.</div>
<br />
Cara nya sebagai berikut :<br />
<br />
<div style="text-align: justify;">
1. Pada dasarnya warna pada tampilan blog di tentukan dengan kode # diikuti dengan 6 kombinasi angka atau huruf yang mewakili warna dari masing - masing. Jadi untuk cara lebih mudahnya, saya gunakan "Color Picker" yang terdapat didalam aplikasi Adobe Photoshop. Pada color picker ini terdapat kode warna seperti yang ditunjukkan pada gambar dibawah ini.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgGaGJToBa8FytToTjzNrmlFPuSGlbs0VDGYy1Gh2M01YVhAAvlozx4nK3Y-YTsmAb-4b_3WK3jlQuM2qstEsWQqFUlzooQbUDec_ScerEydh6h9XoR0W0OXkYfFWdrVPagZEcjJ537s/s1600/Pick+Color.psd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="351" data-original-width="496" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgGaGJToBa8FytToTjzNrmlFPuSGlbs0VDGYy1Gh2M01YVhAAvlozx4nK3Y-YTsmAb-4b_3WK3jlQuM2qstEsWQqFUlzooQbUDec_ScerEydh6h9XoR0W0OXkYfFWdrVPagZEcjJ537s/s1600/Pick+Color.psd.jpg" /></a></div>
<br />
<div style="text-align: justify;">
2. Setelah menemukan warna yang diinginkan, Copy kode tersebut lalu Paste kan pada kode warna yang ingin dirubah seperti gambar dibawah ini. Maka warna akan berubah seperti yang kita inginkan.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV1DV6ZnEZmsmLreJbq9fB0xJOG9UqtTT7Bs3ttBZmbXZHSHSUxxXTJ4dxPUF835xM1JYyLYsjGUywrcGGbJP_xeQBUN1Ytfp-ZBURnlR0V-Zvl1FwQ-K9eE1jxw_FuXMBEX3LMJVl3rI/s1600/pick+color+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="329" data-original-width="782" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV1DV6ZnEZmsmLreJbq9fB0xJOG9UqtTT7Bs3ttBZmbXZHSHSUxxXTJ4dxPUF835xM1JYyLYsjGUywrcGGbJP_xeQBUN1Ytfp-ZBURnlR0V-Zvl1FwQ-K9eE1jxw_FuXMBEX3LMJVl3rI/s1600/pick+color+2.jpg" /></a></div>
<br />
<div style="text-align: justify;">
Cara ini juga dapat digunakan sebaliknya, untuk mengetahui warna yang terdapat pada kode di HTML blog dengan meng test kode tersebut di Color Picker.</div>
<br />
Selamat Mencoba .....

Memilih dan Merubah Warna di Blog

Kali ini ingin berbagi cerita cara untuk merubah warna pada tampilan blog atau pada gadget maupun widget sesuai dengan warna yang kita ingi...

Baca Selengkapnya ...

M Dermawan Susanto Blog's

Ad Home

Kode HTML Membuat Tulisan Berjalan (Marquee)

Kode HTML Membuat Box di Blog

Driver Bluetooth CSR 4.0 Harmony

Cara Membuat USB Debuging di Sony Z1 Compact

Memilih dan Merubah Warna di Blog

Popular

Komentar

Blog Archive