Archive for Maret 2015

Menampilkan gambar di tag body pada doc html

08.38 2 Comments
Untuk menampilkan gambar, Anda bisa menggunakan kode :

<img src="Lokasi_gambar" alt="teks Alternatif" />
  1. Lokasi gambar bisa berupa lokasi di WWW (seperti www.lokasigambar.com/gambar.jpg> ataupun lokasi yang relatif dari halaman yang terbuka (seperti /gambar/gambarlogo.jpg)
  2. Teks alternatif ini berguna untuk alat penjelas gambar, dan bisa juga meningkatkan aspek SEO dari website yang bersangkutan.
Buat kode seperti berikut ini:

 <html>
 <head>
  <title> Menampilkan Gambar </title>
 </head>
 <body>
  <hr />
  <h1> Cyber Space, Blog yang dibuat untuk berbagi segalah hal - Freedom! </h1>
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHvR30q0MFGRNJTh5INyLNpTA4HzjgS7JSa5hDco7w3NOf5rvP3zh5qbJTh9gtulBRAoEIy-mUBVuqPsBhqiiVCSKtbJqvs5dBImGC4uARBN5gUJtXlXHDHRpk0wsx0FQAGr3tvTne0D_e/s1600/Cover+blog.png" alt="Logo Cyber Space INA" />
  <hr />
 </body>
</html> 
Jika disimpan dan dibuka di browser, tampilan seperti berikut ini:

Output dari doc menampilkan gambar

Sekian artikel kali ini :) & terima kasih sudah membaca artikel saya!

Membuat list di tag body pada doc html

08.35 Add Comment
List di HTML memiliki beberapa versi, 2 yang sering digunakan adalah list bernomor dan list tidak bernomor seperti:

  1. List bernomor (ordered list) dimulai dengna tag <ol> dan ditutup dengan tag </ol>. Tiap item list diapit dengan tag <li>.
  2. List bullet (unordered list) sama seperti sebelumnya, hanya saja diawali dengan tag <ul> dan ditutup dengan tag </ul>
 <html>
 <head>
  <title> Membuat list </title>
 </head>
 <body>
  <hr />
   <h1> Cara membuat Program </h1>
    <ol>
    <li> Tulis script kode </li>
    <li> Kompilasi </li>
    <li> Buat file executable </li>
    <ol>
  <hr />
   <h1> Komponen mobil </h1>
    <ul>
    <li> Mesin </li>
    <li> Kelistrikan </li>
    <li> Casis </li>
    </ul>
  <hr />
 </body>
</html>
Jadi dibuka di browser, hasilnya seperti berikut:

Pembuatan list


Sekian artikel kali ini :) & terima kasih sudah membaca artikel saya!

Menampilkan Link di tag body pada doc html

08.17 Add Comment
Sebuah halaman web bisa menavigasi ke halaman web lain dengan cara memberikan link. Di html, untuk membuat link digunakan tag <a href="URL"> Teks </a>. Link dapat dibedakan menjadi 2 ditinjau dari URL-nya, yaitu ke URL atau ke email.
  1. Untuk web, URL = www.namasitus.com
  2. Untuk Email, URL = mailto:nama@tujuan.com
Berikut ini contoh kode yang bisa digunakan untuk menerapkan alamat email:

 <html>
 <head>
  <title> Membuat link </title>
 </head>
 <body>
 <hr />
  <h1> Contoh pembuatan link ke halaman web </h1>
   <a href="http://www.twitter.com/dzawinnur_id"> Klik untuk menuju twitter admin Dzawin </a>
 <hr />
  <h1> Contoh pembuatan link ke email </h1>
   <a href="mailto:user_tertentu@gmail.com"> Klik untuk mengirim email </a>
 <hr />
 </body>
</html>
Simpan dan buka dibrowser, hasilnya terlihat seperti berikut ini:

Pembuatan link


Sekian, artikel yang saya bahas kali ini & terima kasih sudah membaca artikel saya

Menambahkan isi pada bagian body di dokumen HTML

19.13 Add Comment
Isi dalam dokumen HTML ditempatkan di antar bagian <BODY> sampai dengan </BODY>. Untuk menambahkan isi tersebut dapat dilakukan dengan cara berikut.

Contoh program:

 <html>
 <head>
  <title> Judul halaman </title>
 </head>
 <body>
  <h1> Potensi manusia </h1>
   Manusia memiliki potensi diri untuk meraih sukses yang didambakannya.
   Sukses sejati tidak hanya diukur melalui pencapaian materi, tetapi lebih pada seberapa besar peranan kita untuk manusia dalam alam ini.
 </body>
</html>

Dibagian <BODY> sampai dengan </BODY> diisi dengan Header. Halaman conthnya adalah "Potensi Manusia". Cara membuatnya menggunakan <H1> sampai dengan </H1>. Perintah H1 digunakan untuk membuat HEADER atau Kepala berita. Setelah itu ditambahkan caption atau penjelasan singkat mengenai isi halaman tersebut. Selanjutnya simpan dokumen dengan nama file latihan2.html

Output tampilan latihan2.html
Sekian,semoga bermanfaat :) dan terima kasih sudah membaca artikel saya kali ini.

Struktur dasar doc HTML

18.59 Add Comment
Element HTML dimulai dengan tag awal, yang diikuti dengan isi elemen dan tag akhir. Tag berakhir termasuk simbol / diikuti oleh tipe elemen, misalnya </HEAD>. Sebuah elemen HTML dapat bersarang di dalam elemen lainnya. Sebuah dokumen HTML standar terlihat seperti ini :

 <html>
 <head>
  <title> Ini judul dokumen HTML </title>
 </head>
 <body>
          Teks ini adalah teks yang muncul di Body dari dokumen
 </body>
</html>
Kode diatas penulis beri indetasi untuk membuat program bisa terbaca lebih jelas, tapi HTML sebenarnya mengabaikan indentasi ini (sering juga disebut spasi atau whitespace). Jadi tidak wajib untuk anda membuat indentasi di kode Anda sendiri.

Dokumen HTML terdiri dari usur HTML, ditandai dengan tag <html> awal dan diakhiri dengan tag html penutup berupa </html>. Dokumen HTML biasanya memiliki HEAD dan elemen BODY. HEAD ini di dalamnye berisi judul atau <title>. Judul nantinya muncul di bagian title bar dari browser.

Anda bisa mengetikkan kode HTML di atas menggunakan sembarang editor teks. Yang paling mudah adalah menggunakan Notepad yang merupakan aplikasi bawaan dari MS Windows.

Setelah mengetikkan, Anda bisa langsung menyimpan teks menjadi kode HTML menggunakan cara berikut:


  1. Buka editor teks yang anda pakai, kemudian pastikan kode yang anda semuanya sudah benar. Di tutorial ini, penulis menggunakan editor teks Notepad++ karena memiliki fasilitas syntax highlight yang memudahkan pemrograman.
    Pengetikan kode HTML di Notepad++
  2. Klik CTRL + S atau file > Save untuk menyimpan.
    Save as type
  3. Muncul jendela save as, pilih All files di combobox save as type.
  4. Isikan nama file HTML di file name.
  5. Untuk melihat hasilnya di browser, anda bisa klik dua kali pada file HTML, hasilnya, tampilan akan menjadi seperti berikut ini.
Tampilan akan terlihat seperti berikut ini
Sekian,semoga bermanfaat & terima kasih sudah membaca artikel saya kali ini :)

Cara Membuat / Memasang Burung Twitter Terbang di Blog

15.16 1 Comment
Cara Membuat Burung Twitter Terbang di Blog - Lebih suka mana?? ngetweet

Cara revoke apps twitter di hp

15.10 Add Comment
Assalamualaikum Wr.Wb.

     Apa kabar sob? Revoke Apps Twitter/ Cabut Aplikasi Twitter adalah Cara kalian untuk berhenti dari Aplikasi Twitter yang nyediain Fitur buat Twitter. Apps Twitter itu disedian sama Twitter,Ingat Apps Twitter yang asli itu di Linknya ada ' api.twitter.com ' kalau kalian disuruh masukin id pw kalian di link nya ga jelas mending jangan,karena itu phising dan nanti akun kalian akan hilang ... Contoh fitur yang dibuat di Twitter itu seperti :

Unfollow semua yang difollow

15.08 2 Comments
Assalammualaikum Wr.Wb
Sudah lama ga nge post lagi nih :) Apa kabar? Udah Move on? Udah dapet Pacar baru? :) GG :v

Kali ini gua @DzawinNur_ID *//Sekalian Follow,hadeh malah promosi :)
Ok serius,kali ini gua mau share cara unfollow semua orang yang di follow,

Kok Lu share trik beginian?
Because, banyak akun twitter temen temen gua nge follow orang lain sendiri (Kayanya dia masuk Database Auto follow salah satu penyedia layanan begiutan*anjer bahasanya, GG) *Asli asli itu serius gua!

Kok bisa kaya gitu? lu apain tuh akun temen - temen lu?
Wanjer,kok ke gua coeg? mana gua tau. Mungkin dia tuh liat link auto follow atau sejenis yang dishare di twitter,trus dia login ke situ(Itu kan Fack login auto follow,sebenernya itu menjerumuskan elu ke hal hal yang merugikan akun lu sendiri) *Kamfret bahasanya garis keras banget(Sorry sorry)

Sebelum

Langsung praktek aja ok!
  1. Masuk ke  https://twitter.com/following
  2. Klik kanan Pilih tools INSPECT ELEMENTS
  3. Pilih menu CONSOLE, Lalu masukan script ini didalamnya lalu tekan enter (Lihat gambar)
setInterval(function(){t=$(".following button:eq(-1)");if(!t[0])window.scrollTo(0,$(document).height());else t.trigger("click")},100)


 4. Jika sudah tunggu beberapa menit, untuk otomatis unfollow ;)

Hasilnya :)

Good luck! :) Inget jangan asal pasang aplikasi atau buka link yang dishare di twitter,kadang itu Jebakan buat kamu sendiri!

Semoga bermanfaat,terima kasih :)

Obati jerawat dengan cara yang manis

18.30 5 Comments

Jerawat tuh emang jadi musuh semua orang dan gak sedikit yang ngeluarin banyak biaya buat ngilangin dan ngempesin jerawat. Tapi, sebenernya kamu bisa ngilangin jerawat dengan bahan- bahan yang ada di rumah
Langganan: Postingan (Atom)