Tag Sederhana

Kode yang dimasukkan untuk membuat marquee berjalan ke kanan atau ke kiri yaitu

<marquee>Selamat Datang di Blog Khoiri Nugraheni</marquee>

dan TADAAAAAAAA!  Ini dia hasil jadinya

Selamat Datang di Blog Khoiri Nugraheni


untuk mengganti arah di tambah beberapa kode yaitu;

direction="left" untuk arah ke kiri

direction="right" untuk arah ke kanan

direction="up" untuk ke atas

direction="down" untuk ke arah bawah

Contoh ke kiri

Selamat Datang di Blog Khoiri Nugraheni

Contoh ke kanan

Selamat Datang di Blog Khoiri Nugraheni

Contoh ke atas

Selamat Datang di Blog Khoiri Nugraheni

Contoh ke bawah

Selamat Datang di Blog Khoiri Nugraheni


Tadi itu beberapa contoh marquee text ke bawah, ke atas, ke kiri atau ke kanan. kodenya yaitu

<marquee direction="up">Selamat Datang di Blog Khoiri Nugraheni</marquee>

ganti aja directionnya jadi "down", "left" atau "right" buat ganti arah.

Kedua untuk mengganti warna dalam kita masukkan kode

<span style="color: blue;">tulis data di sini </span>

Jadi fontnya bakalan berubah jadi seperti ini Selamat Datang di Blog Khoiri Nugraheni

dan untuk membuat font menjadi tebal menggunakan <b>tulis data di sini</b>

dan tada berubah menjadi seperti ini Selamat Datang di Blog Khoiri Nugraheni

Untuk mengatur ukuran font, kita bisa masukan data ini

<span style="font-size: x-large;">tulis data di sini&nbsp;</span> 

Kalian bisa mengganti bagian "font-size:x-large;" dengan berbagai ukuran misalnya "font-size:large;" atau sejenisnya.

Jika ingin memberi ukuran, coba masukkan kode ini "font-size:10;" dan berubah menjadi seperti ini

Selamat Datang di Blog Khoiri Nugraheni

Berbeda dengan ukuran yang lain bukan ?

untuk tulisan lain yang lebih bagus, bisa ubah jadi seperti ini 

<span style="font-family:SMChangmin;">tulis data di sini </span><br />

Dan hasilnya TADA !

Selamat Datang di Blog Khoiri Nugraheni

Catatan : Ini tergantung sama font yang ada di laptop atau komputer kamu. 

Untuk underline atau memberi garis bawah kodenya <u>tulis data di sini<u> jadi hasinya seperti ini

Selamat Datang di Blog Khoiri Nugraheni

Untuk Marquee bergerak dan ada warna bisa masukin kode ini

<marquee scrollamount="5" direction="up" width="100%" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://www.google.co.id/"> <span style="font-size:100%;color:blue;"> google </span>

google

Kemudian untuk memasukkan kode gambar, kita bisa masukkan kode seperti ini;

<img src="http://i.imgur.com/lAvbA.jpg" style="height: 621px; width: 640px;" />

dan hasilnya TADA!

Trus kalo video ? tenang coba masukin kode ini

<object width="640" height="360"><param name="movie" value="http://www.youtube-nocookie.com/v/1jL2_l-j6LU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/1jL2_l-j6LU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Biasanya agak susuah masukkin nih link ke blogger but, kita coba ya






Tapi agak repot klo mau masukin video pake HTML, ada cara mudahnya sih



Tunggu sebentar, Klik EMBED, akan muncul KODE yang akan kita copy ke postingan blog.



copy kode yang muncul, Kembali ke blogger saat membuat artikel Masuk ke menu HTML (Klik HTML samping compose)

Kembali ke menu Compose, Klik compose.

Tampilannya akan kelihatan hitam seperti dibawah, Proses menyematkan atau embed video youtube selesai

Seperti itu cara mudahnya. 

Dan akhirnya, setelah ngutak atik rumus tag gabungan, ketemu juga rumus ya;

ok masukkan rumus ini 

<marquee scrollamount="5" direction="up" width="100%" onmouseover="this.stop()" onmouseout="this.start()"><br /><a href="http://www.google.co.id/"> <span style="font-size:100%;color:blue;"> google </span><br /> </a><a href="http://www.twitter.com/"> <span style="font-size:100%;color:blue;"> twitter </span></a><br /><a href="http://www.4shared.com/"> <span style="font-size:100%;color:blue;"> 4shared </span><br/> </a> <a href="http://www.tumblr.com"> <span style="font-size:100%;color:blue;"> Tumblr  </span><br /> </a> <a href="http://www.blogger.com/youtube.com"> <span style="font-size:100%;color:blue;"> Youtube </span> </a></marquee> 

dan hasilnya, TADAAAAAAAA

google
twitter
4shared
Tumblr
Youtube