25/04/16

Cara membuat teks berjalan menggunakan HTML

Published : 19.11 Author :
Apa itu Marquee??, marquee adalah tulisan atau angka yang dibuat agar bisa berjalan contoh :

Selamat Datang di blog sufri YOGA

Namun jika sobat, bosan dengan marquee yang hanya itu-itu saja dapat juga lihat dbawah ini:

 Selain bentuk dasar di atas, ada juga kode-kode lainnya yang bisa diselipkan ke kode dasar diatas :

  • bgcolor="Kode HTML Warna" 
    untuk mengganti warna dari text marquee, adapun Kode HTML Warna diganti dengan kode HTML warna sesuka sobat, bisa diisi dengan dengan melihat dulu Kode HTMLnya  atau  bisa klik DISINI
    <marquee bgcolor="red">Tulisan Disini</marquee>

    Tulisan Disini
  • direction="left/right/up/down"
    untuk mengatur arah gerakan text/marquee
    <marquee direction="up">Tulisan Disini</marquee>

    Tulisan Disini
  • behavior="scroll/slide/alternate"
    Untuk mengatur  perilaku gerakan.
    • behavior="scroll"
      Kode untuk membuat text bergerak berputar.
      <marquee behavior="scroll">Tulisan Disini</marquee>

      Tulisan Disini
    • behavior="slide"
      Kode untuk membuat text bergerak sekali lalu berhenti.
      <marquee behavior="slide">Tulisan Disini</marquee>

      Tulisan Disini
    • behavior="alternate" 
      Kode untuk membuat text bergerak bolak-balik kekanan-kekiri.
      <marquee behavior="alternate">Tulisan Disini</marquee>

      Tulisan Disini
  • title="pesan"
    Untuk memberi teks saat mouse berada di atas text.
    <marquee title="Pesan">Tulisan Disini</marquee>

    Tulisan Disini
  • scrollamount="kecepatan"
    untuk mengatur kecepatan text/marquee
    contoh       :        scrollamount="3"
    <marquee scrollamount="3">Tulisan Disini</marquee>

    Tulisan Disini
  • scrolldelay="jumlah waktu tunda"
    untuk mengatur waktu tunda gerakan dalam mili detik
    contoh  : scrolldellay="2"


    
<marquee scrolldellay="2">Tulisan Disini</marquee>

    Tulisan Disini
  • loop="angka|-1|infinite" 
    Mengatur jumlah loop
    <marquee loop="infinite">Tulisan Disini</marquee>

    Tulisan Disini
  • width="jumlah angka lebar"Mengatur lebar blok teks dalam pixel atau persen
    <marquee width="3" >Tulisan Disini</marquee>
    Tulisan Disini
Dan juga bisa diketahui, bahwa kode-kode diatas adalah kode dasar dari efek-efek dari marquee itu sendiri. Dan, bisa dikombinasikan.
Dengan Susunan :

<marquee(spasi)kode efek1(spasi)kode efek2>Tulisan Disini</marquee>

Kode efek bisa banyak sekali.
1. Jika sobat mau  kalau marquee tsb. jika di sorot mouse akan berhenti maka tinggal menambahkan
    kode dibawah ini : 
onmouseover="this.stop()" onmouseout="this.start()"
 Dengan susunan

<marquee onmouseover="this.stop()" onmouseout="this.start()">Tulisan</marquee>

Jadinya :
Tulisan
2. Jika sobat mau Marquee dengan Link simak sob :
kode Dasar :


<marquee><a href="alamat Web">judul</a>
Dan jika ingin Link nya Banyak
bisa kok : 
Kode Dasar  :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> 
<a href="http://sufrigalung.blogspot.co.id/"> my blog</a><br/> 
<a href="http://sufrigalung.blogspot.co.id/2016/04/cara-membuat-biodata-diri-menggunakan.html">Membuat biodata diri menggunakan html </a><br/> 
<a href="http://sufrigalung.blogspot.co.id/2016/04/cara-membuat-jadwal-perkuliahan.html">cara membuat roster</a><br/> 
</marquee>
Jadinya  :
my blog
membuat biodata diri menggunakan html
cara membuat roster

Oke sekian dari saya Cara membuat Teks berjalan menggunakan HTML,
Semoga Bermanfaat
Read More ->>
| 0 komentar

22/04/16

Cara Membuat Jadwal Perkuliahan Menggunakan HTML

Published : 10.18 Author :
Hallo teman-teman semua....
baru aja saya share kan tentang cara membuat biodata diri menggunakan HTML sekarang mncul lagi....ngapain ya,,,,
ok gk ada rahasia  krna smua dah jelas di judul  saya mau ngapain...ok tanpa basa basi saya akan langsung saja...

ok..langkah pertama adalah........
ya sediakan laptop,ok buka notepad ....tapi seperti biasa saya akan perlihat kan hasil nya dulu biar gk penasaran



ok uda liat....
seperti biasa masih menggunakan tabel dan diatas nya ada teks berjalan utk  mengetahui bagaimana itu bisa trjadi...langsung copas  coding nya ke notepad...yg dibawah ya,,, bukan yg diatas



<html>
<head>
<title>Perkuliahan ATA</title>
</head>
<body bgcolor="aqua">
<marquee>------------------------->Halaman Web Sederhana ini Merupakan <b>"Tugas 1"</b>... Mata Kuliah <b>"Pemrogaman HTML"</b><----------------------------- </marquee>
<p align="center"><b><font size="8">Jadwal Perkuliahan ATA</font></b></p>
<table align="center" width="50%" border="10" style="background:white">
        <tr>
            <td>NO</td>
            <td>KODE</td>
            <td>MATA KULIAH</td>
            <td>Dosen</td>
            <td>HARI</td>
            <td>JAM</td>
        </tr>
        <tr>
            <td>1</td>
            <td>KKTI4204</td>
            <td>Teknik Digital **</td>
            <td>M.Syahrizal,S.Kom,M.Kom</td>
            <td>Selasa</td>
            <td>10:00-11:30</td>
        </tr>
        <tr>
            <td>2</td>
            <td>KBTI4202</td>
            <td>Pemrograman HTML</td>
            <td>Fince Tinus Waruwu,S.Kom</td>
            <td>Kamis</td>
            <td>08:15-09:45</td>
        </tr>
        <tr>
            <td>3</td>
            <td>KKTI4206</td>
            <td>Mate-matika Diskrit</td>
            <td>Efori Buulolo,S.Kom,M.Kom</td>
            <td>Rabu</td>
            <td>08:15-09:45</td>
        </tr>
        <tr>
            <td>4</td>
            <td>KKTI4203</td>
            <td>Manajemen Umum</td>
            <td>A.M.Hatuaon Sihite,SE,MM</td>
            <td>Rabu</td>
            <td>10:00-11:30</td>
        </tr>
        <tr>
            <td>5</td>
            <td>KKTI4202</td>
            <td>Konsep Pemrograman *</td>
            <td>Mesran,M.Kom</td>
            <td>Senin</td>
            <td>10:45-13:00</td>
        </tr>
        <tr>
            <td>6</td>
            <td>KKTI4201</td>
            <td>Kalkulus #</td>
            <td>Diyah Sakinah,S.pd</td>
            <td>Kamis</td>
            <td>10:45-13:00</td>
        </tr>
        <tr>
            <td>7</td>
            <td>KBTI4201</td>
            <td>IMK(interaksi manusia dan komputer)</td>
            <td>Garuda Ginting,ST,M.Kom</td>
            <td>Senin</td>
            <td>08:15-10:30</td>
        </tr>
        <tr>
            <td>8</td>
            <td>PKTI4201</td>
            <td>Bahasa Inggris II</td>
            <td>Putri Ramadhani,M.Hum</td>
            <td>Kamis</td>
            <td>13:45-14:45</td>
        </tr>
        </table>
</body>
</html>



ok selesai copas langsung save mengunakan akhiran  .html
sekian  dulu gan informasi nya...klau ada yg lain lagi  akan sya share....
thnkz..


yg ingin mengetahui cara membuat biodata diri menggunakan html  KLIK disini.

Read More ->>
| 0 komentar

Cara membuat biodata diri menggunakan HTML

Published : 09.55 Author :
Hai...bro and sist ...
kali ini saya akn menbagikan tentang bagaimana cara membuat biodata dari html....
Sebnar nya bukan hnya sekedar membagikan saja tapi ini juga merupakan tugas saya memenuhi keinginan dosen.
tanpa perlu bnyak bacot saya akan langsung saja  ke pokok permasalahan....lets  gooo..oo



langkah pertama yang dibutuhkan adalah........
ya tentu saja laptop atau computer,ok kita langsung liat hasil nya dulu biar gk penasaran

 gimana....lumayan kan..
meski sangt sederhana tapi masih bergunakan...apa lagi buat tugas..
kebanyakan di gambar adalh tabel..utuk tahu cara membuat nya langsung copas yang di bawah...diketik pun gk papa  tapi sesuai dengan saran dokter aja "jangan diketik   capek!!!!"  he ...he..he


<html>
<head>
<title>SUFRI YOGA</title>
</head>
<body>
<marquee>------------------------->Halaman Web Sederhana ini Merupakan <b>"Tugas 1"</b>... Mata Kuliah <b>"Pemrogaman HTML"</b><----------------------------- </marquee>
<table width="520" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="#339900" bgcolor="violet">
  <tr bgcolor="silver">
    <th colspan="3" height="65">
    <p>DATA BIODATA SAYA</p>
    </th>
  </tr>
  <tr>
    <td width="153"><b>NAMA</b></td>
    <td width="23"><div align="center" >:</div></td>
    <td width="326"> Sufri Yono Hutagalung </td>
  </tr>
  <tr>
    <td><b>NPM</b></td>
    <td><div align="center" >:</div></td>
    <td> 15110142</td>
  </tr>
  <tr>
    <td><b>Kelas</b></td>
    <td><div align="center" >:</div></td>
    <td>  TI-P 1502</td>
  </tr>
  <tr>
    <td><b>TTL</b></td>
    <td><div align="center" >:</div></td>
    <td> Adiankoting,23-09-1997</td>
  </tr>
  <tr>
    <td><b>ALAMAT</b></td>
    <td><div align="center" >:</div></td>
    <td> Jl Sakti Lubis gg pegawai no95</td>
  </tr>
  <tr>
    <td height="175"><b>RIWAYAT PENDIDIKAN </b></td>
    <td><div align="center" >:</div></td>
    <td><p> A.PENDIDIKAN FORMAL </p>
      <table width="284" align="center" bordercolor="#000000">
      <tr>
        <td > i  . SD/MI </td>
        <td >:</td>
        <td > SDN 2 Adiankoting </td>
      </tr>
      <tr>
        <td > ii  . SMP/MTS </td>
        <td >:</td>
        <td > SMPN 2 Adiankoting </td>
      </tr>
      <tr>
        <td > iii . SMA/SMK </td>
        <td >:</td>
        <td > SMAN 1 Adiankoting</td>
      </tr>
    </table>
    <p > B. NON FORMAL : Anggota BPC</p>
  </td>
  </tr>
  <tr>
    <td><b>EMAIL</b></td>
    <td><div align="center" >:</div></td>
    <td>sufrigalung@gmail.com</td>
  </tr>
  <tr>
    <td><b>HOMEPAGE/BLOG</b></td>
    <td><div align="center" >:</div></td>
    <td> http://www.sufrigalung.blogspot.co.id</td>
  </tr>
  <tr>
    <td><b>HOBBY</b></td>
    <td><div align="center" >:</div></td>
    <td> Jalan-Jalan Di Rumah Maya
         ,Olah raga dll</td>
  </tr>
  <tr bgcolor="silver">
    <td height="23" colspan="3"><p><hr></p>
    </td>
  </tr>
  <tr>
    <td><b>DESKRIPSI PRIBADI</b></td>
    <td align="center">:</td>
    <td> Simple, Nice, Kindly</td>
  </tr>
  <tr>
    <td><b>FOTO PROFIL </b></td>
    <td align="center">:</td>
    <td><div align="center"><img src="sufri yoga.jpg" alt="Sufri Yono hutagalung" width="250" height="200"></div></td>
  </tr>
</table>
</body>
</html>



jika sudah save aja ...seperti biasa belakang nya  .html
jika sudah disave buka menggunakan  browser..terserah mozilla,chrome,IE,dlll

slamat mencoba

Read More ->>
| 0 komentar
Langganan: Postingan (Atom)
Sufri YOGA. Diberdayakan oleh Blogger.

Daftar blog

Followers