Blog Tutorial

Membuat Teks Berjalan DI Web dan Blog Part 2

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgGPUukzvDN35NE67iturkPOIl_VHX-alfvo0S86O9HiNTpDID6DmsEPO3XU8dx6KagzEqWXblatUI5FXRFLiURsEetwo9e3OqQo4RZrnJEjCe33LCf0CzrkrjclLyKRJhp_tzAnNn69G/s1600/Marquee+Code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Teks Berjalan DI Web dan Blog Part 2" border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgGPUukzvDN35NE67iturkPOIl_VHX-alfvo0S86O9HiNTpDID6DmsEPO3XU8dx6KagzEqWXblatUI5FXRFLiURsEetwo9e3OqQo4RZrnJEjCe33LCf0CzrkrjclLyKRJhp_tzAnNn69G/s1600/Marquee+Code.jpg" title="Membuat Teks Berjalan DI Web dan Blog Part 2" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<b><span style="font-size: large;">Assalamualaikum</span></b></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Hai sobat semua... sudah lama nih nggak update nih blog , maaf karena baru ada waktu luang buat ngeblog karena sibuk kuliah -_- , langsung saja ya... ini adalah kelanjutan dari postingan sebelumnya yaitu <b>Membuat Teks Berjalan DI Web dan Blog Part 2  ^_^</b></div>
<div style="text-align: left;">
<b><br /></b></div>
<div style="text-align: left;">
<b>Ini adalah marquee keatas </b></div>
<div style="text-align: left;">
<b><br /></b></div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="font-family: Courier New, Courier, monospace;"><marquee direction="up">marquee direction="up"</marquee></span></blockquote>
<br />
Hasilnya..<br />
<br />
<marquee direction="up">marquee direction="up"</marquee>
<br />
<br />
<b>Ini adalah marquee kekanan</b><br />
<b><br /></b>
<br />
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><marquee direction="right">marquee direction="right"</marquee></span></blockquote>
<br />
Hasilnya...<br />
<marquee direction="right">marquee direction="right"</marquee>
<br />
<br />
<br />
<b>Ini adalah marquee untuk kebawah</b><br />
<b><br /></b>
<br />
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><marquee direction="down">marquee direction="down"</marquee></span></blockquote>
<br />
Hasilnya...<br />
<marquee direction="down">marquee direction="down"</marquee>
<br />
<br />
<b>Ini adalah marquee untuk kekiri</b><br />
<b><br /></b>
<br />
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><marquee direction="left">marquee direction="left"</marquee></span></blockquote>
<br />
Hasilnya..<br />
<br />
<marquee direction="left">marquee direction="left"</marquee><br />
<br />
Sekian dulu ya dari mimin.. ^_^ besok kalau ada waktu luang mimin mau share lagi... sampai jumpa...<br />
<br />
<b><span style="font-size: large;">Wassalamualaikum</span></b><br />
<br />
<br />
<div style="text-align: left;">
</div>

Membuat Teks Berjalan DI Web dan Blog Part 2

Assalamualaikum Hai sobat semua... sudah lama nih nggak update nih blog , maaf karena baru ada waktu luang buat ngeblog karena sibu...

+ Read more »

Membuat Teks Berjalan DI Web dan Blog Part 1

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLSl2oJH6US7c_bixL1CCI7VkjWVneBRLTdPzkWiHUv3unJ8YMcTHTi0ypj0KZyF4vFhCd1WSnY7bukMYxdrX4lbjywmfykahf4TKB3Jh2Th99dtB74AV6ZLPp8Kn2zm2seSI3X7F0Ir3s/s1600/teks+berjalan.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Membuat Teks Berjalan DI Web dan Blog" border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLSl2oJH6US7c_bixL1CCI7VkjWVneBRLTdPzkWiHUv3unJ8YMcTHTi0ypj0KZyF4vFhCd1WSnY7bukMYxdrX4lbjywmfykahf4TKB3Jh2Th99dtB74AV6ZLPp8Kn2zm2seSI3X7F0Ir3s/s1600/teks+berjalan.jpg" title="Membuat Teks Berjalan DI Web dan Blog" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Membuat Teks Berjalan DI Web dan Blog part 1</td></tr>
</tbody></table>
<div style="text-align: left;">
<b><span style="font-size: large;">Assalamualaikum..... ^_^</span></b></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
   Sudah lama nih kayaknya mimin nggk update hehe , tapi tenang pada kali ini mau bagi ilmu lagi nih.... sip kan.. :D yaitu bagaimana <b>Cara Membuat Teks Berjalan di Blog atau Web </b>, bagaimanakah caranya... yaitu dengan cara menambahkan kode marquee di teksnya... , masih bingung ya.. ?? yasudah langsung praktek saja ya .. hehe ^_^</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Ini adalah kode dasar untuk membuat teks berjalan</div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="font-family: Courier New, Courier, monospace;"><span style="color: red;"><marquee></span>TEKS YANG BERJALAN<span style="color: red;"></marquee> </span></span></blockquote>
Maka hasil dari kodenya akan menjadi seperti ini....<br />
<br />
<marquee>TEKS YANG BERJALAN</marquee> 
<br />
<br />
   Ingat ya... hehe tu hanya kode dasar untuk membuat teks berjalan di web atau blog, dengan kode itu kalian bisa memodifikasinya dengan kode yang lain...<br />
<br />
Eh sebelum berlanjut ke fariasi marquee kita bahas terlebih dulu tentang cara memasangnya ya, di dalam artikel ataupun didalam widget blog, begini caranya......<br />
<br />
<span style="font-size: large;">1. Cara memasang didalam artikel</span><br />
<span style="font-size: large;"><br /></span>
<br />
<ul>
<li>Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML</li>
</ul>
<br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCaaSoY7RCGeZXs4asO4ZWn8eoUQEO6Nf6vuo1Dqr4XK0BE3kzaKaZDNXnkqtG-HJeJkGWayreiCtQnJWtL5KIfN38VKlq2IVGdooIkO6mnU9KifFkNjS3gWfy8mBc_qB20CrNAopYp8wz/s1600/compose.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCaaSoY7RCGeZXs4asO4ZWn8eoUQEO6Nf6vuo1Dqr4XK0BE3kzaKaZDNXnkqtG-HJeJkGWayreiCtQnJWtL5KIfN38VKlq2IVGdooIkO6mnU9KifFkNjS3gWfy8mBc_qB20CrNAopYp8wz/s1600/compose.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Silahkan agan masukkan kode Marquee di mode HTML</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHX66hsGP0K7mgqUj1T5yIHg_dQpuYMQLMjzxc-yDDeUGpYerKFthxxFwV5eV4WSVt6hJfGfnraY_lxTWV9c7125fJJYlKmOWrggugPbC3C6urW1F3o0RXrAgKuoYUFnHGbsxbb9J6Knr3/s1600/mar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHX66hsGP0K7mgqUj1T5yIHg_dQpuYMQLMjzxc-yDDeUGpYerKFthxxFwV5eV4WSVt6hJfGfnraY_lxTWV9c7125fJJYlKmOWrggugPbC3C6urW1F3o0RXrAgKuoYUFnHGbsxbb9J6Knr3/s1600/mar.jpg" width="400" /></a></div>
<br />
<ul>
<li>Untuk mengecek hasilnya klik Preview ya... ^_^</li>
</ul>
<div>
<span style="font-size: large;">2. Cara memasang didalam widget</span></div>
<div>
<ul>
<li>Masuk ke menu Layout / Tata Letak</li>
<li>Klik add widget</li>
<li>Pilih yang html/Javascript ya gan... </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOh_jzmm-Rm_-t0ZE2bUItwrTVWENfd4c9k1R-rXKXbJda8Qdv9SgNiMrhM9-3iC7gesZKAQgDeDJNcfeuNAiAxRddLLlE2iuYDMhzn2C1d-SB6Kxg08_9qz5ByzSvprCXwWXRSIXBQugh/s1600/java.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOh_jzmm-Rm_-t0ZE2bUItwrTVWENfd4c9k1R-rXKXbJda8Qdv9SgNiMrhM9-3iC7gesZKAQgDeDJNcfeuNAiAxRddLLlE2iuYDMhzn2C1d-SB6Kxg08_9qz5ByzSvprCXwWXRSIXBQugh/s1600/java.png" width="348" /></a></div>
<div>
<ul>
<li>Lalu ketik kan kode yang tadi kedalamnya... kalau bingung liat gambar dibawah...</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMEOD2gaY3veuvnwG-qQ23lvSVTVkcWnTrbpFk9Ee5WZU6c3r5apvHUTXSM4452nB8YMB20f-FO-CwRIPDgYSsj7Gyl0oUjKO7o-039MiUqijlQARxW8FMOH6hHsKEDkM1BVRCb5N4IaO4/s1600/kode.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMEOD2gaY3veuvnwG-qQ23lvSVTVkcWnTrbpFk9Ee5WZU6c3r5apvHUTXSM4452nB8YMB20f-FO-CwRIPDgYSsj7Gyl0oUjKO7o-039MiUqijlQARxW8FMOH6hHsKEDkM1BVRCb5N4IaO4/s1600/kode.png" width="348" /></a></div>
<div>
<ul>
<li>Klik save , selesai ^_^</li>
</ul>
<div>
<br /></div>
</div>
</div>
</div>
<div>
Sekarang kita membahas fariasi-fariasi yang bisa dibuat menggunakan kode marquee ya gan...<br />
<br />
<b>Kode marquee ini untuk mengganti background, mengatur besar huruf dan mengatur warna teks</b><br />
<br />
misal mimin mau pakai html ini<br />
<br />
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><marquee bgcolor="<span style="color: lime;">green</span>" style="font-family: <span style="color: red;">Arial</span>; font-size:<span style="color: cyan;">30px</span>; color:<span style="color: magenta;">#ffffff</span>;">Kira Kira Seperti Ini</marquee></span></blockquote>
<br />
NB :<br />
bgcolor : untuk mengganti warna background marqueenya<br />
size : untuk mengatur besar huruf<br />
color : untuk mengatur warna teks<br />
<br />
Dan hasilnya akan seperti ini<br />
<br />
<marquee bgcolor="green" style="color: white; font-family: Arial; font-size: 30px;">Kira Kira Seperti Ini</marquee><br />
<div style="text-align: left;">
<b><br /></b>
<b><br /></b>
<b>Kode Marquee ini untuk mengatur lebar teks
</b><br />
<br />
misal mimin mau pakai html ini<br />
<br />
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><marquee <span style="color: red;">width="50%"</span>>TEKS BERJALAN HANYA SETENGAH BIDANG</marquee> </span></blockquote>
maka hasilnya akan tampil setengah saja seperti contoh dibawah :D<br />
<br />
<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee> <br />
<br />
NB : 50% bisa diganti sesuka kalian..<br />
<br />
<b><br /></b>
<b><br /></b>
<b>Kode marquee ini agar teks bisa berhenti jika disorot mouse dan bergerak lagi jika tidak disorot..</b><br />
<b><br /></b>
misal mimin mau pakai html ini<br />
<br />
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><marquee <span style="color: red;">direction="left" onmouseover="this.stop()" onmouseout="this.start()"</span> >CARA MEMBUAT KODE MARQUEE BERHENTI JIKA DISOROT MOUSE</marquee></span></blockquote>
<br />
Maka akan jadi seperti ini, teks akan berhenti jika pointer mouse di sorotkan ke teks tersebut...<br />
<br />
<marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()">CARA MEMBUAT KODE MARQUEE BERHENTI JIKA DISOROT MOUSE</marquee><br />
<br />
Bersambung sampai sini dulu ya... mimin capek banget -_- ... padahal masih banyak banget yang mimin mau share ke agan-agan semuanya... :( , akan berlanjut kok santai saja ya... yaitu di  <b>Membuat Teks Berjalan DI Web dan Blog Part 2 ^_^</b><br />
<b><br /></b>
<b><span style="font-size: large;">Assalamualaikum... ^_^</span></b><br />
<b><span style="font-size: large;"><br /></span></b>
<b><span style="font-size: large;"><br /></span></b></div>
</div>

Membuat Teks Berjalan DI Web dan Blog Part 1

Membuat Teks Berjalan DI Web dan Blog part 1 Assalamualaikum..... ^_^ Sudah lama nih kayaknya mimin nggk update hehe , tapi tena...

+ Read more »

Cara Membuat Teks Rata Kiri, Kanan, Tengah DI Web

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOB_C15yiK3p-EXKmYFWOttJu7bDiZWzCXI9x8z8-YNwwcpdNdcH6Y9b4jjEPtP46zWkuOtCZkgahfbUYbGwsJG4GUYrUkt3OPr10y6rQxmTyg5fLdzXw-YgQmAaBXBNLIT_y0N73V6XVx/s1600/rata.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOB_C15yiK3p-EXKmYFWOttJu7bDiZWzCXI9x8z8-YNwwcpdNdcH6Y9b4jjEPtP46zWkuOtCZkgahfbUYbGwsJG4GUYrUkt3OPr10y6rQxmTyg5fLdzXw-YgQmAaBXBNLIT_y0N73V6XVx/s1600/rata.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: inherit; font-size: large;">Assalamualaikum,</span></div>
<div style="text-align: left;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">Hey kawan-kawan gimana kabarnya ... muga-moga baik hehehe ^_^ kali ini mimin mau ngasih tau nih gimana caranya agar teks bisa rata kanan, bisa rata kiri, atau juga bisa rata tengah hehe... langsung saja ya... ^_^</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><b>Ini adalah html untuk membuat teks rata kiri</b></span></div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="font-family: Courier New, Courier, monospace;"><p style="text-align:left"><span style="color: red;">Teks rata kiri</span></p></span></blockquote>
<b>Ini adalah html untuk membuat teks rata tengah</b><br />
<br />
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><p style="text-align:center"><span style="color: red;">Teks rata tengah</span></p></span></blockquote>
 <b>Ini adalah html untuk membuat teks rata kanan</b><br />
<b><br /></b>
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><p style="text-align:right"><span style="color: red;">Teks rata kanan</span></p></span></blockquote>
pastekan html tersebut diantara <span style="font-family: Courier New, Courier, monospace;"><body></span> dan <span style="font-family: Courier New, Courier, monospace;"></body></span><br />
<br />
NB : warna merah bisa diganti sesuka kalian...<br />
<br />
jika belum jelas kalian bisa lihat Screenshot dibawah ini...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMQoYbYP8NrfshFNr7X0ZJwWvK45KBJx6cLojH0girum2ma0frbkhcv-oi78YDttYROS_FRPBdU2u1EBYbUJsKU_hh-arsM9wwj6HHke-VV4jhHyF8At31yUHcplww-NHC6ub1cOwgjSKc/s1600/kur+jel.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="409" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMQoYbYP8NrfshFNr7X0ZJwWvK45KBJx6cLojH0girum2ma0frbkhcv-oi78YDttYROS_FRPBdU2u1EBYbUJsKU_hh-arsM9wwj6HHke-VV4jhHyF8At31yUHcplww-NHC6ub1cOwgjSKc/s1600/kur+jel.png" width="640" /></a></div>
<br />
Setelah itu save dengan format .html , misal ratakanankiri.html ^_^ dan lihat hasilnya... jeng jeng...<br />
<br />
Sekian dulu Tutor dari <b>Blog Tutorial</b>, jika kurang jelas atau mau tanya-tanya bisa langsung di koment aja ya ^_^ , trimakasih..<br />
<br />
<b><span style="font-size: large;">Assalamualaikum.</span></b><br />
<br />
<br />