Tulisan : Menjadi Ikhlas

0 comments

Bila saja manusia seperti kita ini mengerti benar bahwa nanti di surga, kita akan hidup dalam paras yang lebih baik dan umur yang selalu muda. Itu pun bila kita masuk surga (aamiin). Niscaya kita tidak sibuk memilih manusia berdasar cantik tidaknya, tidak sibuk menilai ganteng tidaknya. Kita akan sibuk memilih hati mana yang baik, hati mana yang lurus, pikiran mana yang tenang, pikiran mana yang penuh amarah.Bila saja kita memahami semua itu dengan baik. Kita akan sibuk berbuat baik, karena kita tidak tahu mana dari kebaikan kita yang diterima-Nya. Kita tidak tahu mana dari ibadah kita yang diterima-Nya. Mungkin, ibadah kita tidak serajin ibadah orang lain, hafalan kita pun tidak sebanyak orang lain. Tidak perlu khawatir.Karena kita bisa melakukan kebaikan lainnya. Kebaikan-kebaikan kecil yang mungkin sering dilupakan karena orang lebih sibuk pergi ke pengajian dan mengingat hafalan, sibuk menyalehkan diri sendiri. Kita akan dan harus bisa menjadi saleh/salehah tidak hanya untuk diri sendiri tapi juga saleh/salehah secara sosial. Dengan bersedekah meski sedikit, dengan tersenyum pada orang yang kita temui, dengan memudahkan urusan orang lain, dengan menolong orang lain, dengan kebaikan-kebaikan lain yang bisa kita lakukan dengan leluasa.Karena, kita tidak pernah tahu mana diantara ibadah kita yang diterima. Bahkan shalat kita yang mungkin ribuan kali, apakah diterima semua? Kita hidup di dunia yang menjadi ujian, tugas kita adalah berbuat kebaikan. Apakah kita melakukannya karena kita takut masuk neraka? Bagaimana bila neraka itu tidak ada, apakah kita masih melakukan kebaikan-kebaikan itu?Pertanyaan sederhana superit itu mampu melemparkan diri kita pada sebuah hakikat bahwa kita itu pamrih, kita melakukan sesuatu karena ingin mendapat sesuatu. Hari ini, mari kita belajar ikhlas. Beribadah dengan ikhlas, berbuat kebaikan dengan ikhlas. Karena keikhlasan itulah yang menjadi ujian terberat bagi orang-orang yang melakukan kebaikan.Karena kebaikanya akan menadi sia-sia bila ada setitik kecil rasa bangga diri. Hari ini, kita akan belajar melakukan sesuatu karena ikhlas dan kita tidak akan pernah tahu sampai mana batasnya. Karena kita tidak lagi peduli itu bukan?
Menjadi apapun kita, profesi apapun yang kita miliki, tetaplah untuk menjadi orang baik :)

Rumah, 4 Maret 2015 | (C)kurniawagunadi

Cara Membuat Link dan Menyisipkan Gambar

0 comments

Cara Membuat Link

Untuk menyisipkan link, digunakan tag <a>. Susunan sederhananya adalah :

<a href="URL">Teks</a>

Contoh penulisannya :

<a href="http://tiararakhma.tumblr.com">Ini Link Menuju ke Tumblr Author</a>

Hasilnya, sebaris kata "Ini Link Menuju ke Tumblr Author" akan berubah menjadi objek link yang siap di-klik pengunjung.

Contoh Lainnya :

Belajar Tag Link</h1>
</body></html>
Hasil dari Tag Link :

<a href="http://www.amikom.ac.id/">www.amikom.ac.id</a>

Belajar Tag Link untuk blog
<a href="http://kumarianrr.blogspot.com//">http://keep the spirit/</a>

<a href="http://febrianrk.blogspot.com//">http://Febrian's Blog/</a>


Hasil :

www.amikom.ac.id

http://keep the spirit/

http://Febrian's Blog/



Cara Menyisipkan Gambar

Untuk menyisipkan gambar, digunakan tag <img>. Susunan sederhananya adalah :

<img src="URL GAMBAR" />

Contoh penulisannya :

<img src="http://data.tribunnews.com/foto/bank/images/20140129_074811_lee-yong-dae.jpg" />

Hasilnya :


Tutorial Gambar Bergerak

2 comments


Penggunaan marquee tak hanya pada teks, tapi bisa juga digunakan pada gambar agar tampilan blog menarik untuk dikunjungi, berikut saya script gambar bergerak menggunakan marquee :





Behavior "scroll"

Format :

<a href="http://www.google.co.id/imgres?imgurl=https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg&amp;imgrefurl=https://annisaanggiana.wordpress.com/2012/01/15/sunset-bersama-rosie-by-tere-liye/&amp;h=475&amp;w=316&amp;tbnid=ZPGnDStp70UG0M:&amp;zoom=1&amp;docid=ZTlPnHGBhabfgM&amp;ei=9YULVfrCOoKjugSbj4DICg&amp;tbm=isch" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><marquee behavior="scroll" direction="right" width="250"><img border="30" height="150" src="https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg" width="100" /></marquee><marquee behavior="scroll" direction="left" width="250"><img border="30" height="150" src="https://detaapritantia.files.wordpress.com/2012/04/8343444.jpg" width="100" /></marquee></a>

Hasil :



Behavior "slide"

Format :

<a href="http://www.google.co.id/imgres?imgurl=https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg&amp;imgrefurl=https://annisaanggiana.wordpress.com/2012/01/15/sunset-bersama-rosie-by-tere-liye/&amp;h=475&amp;w=316&amp;tbnid=ZPGnDStp70UG0M:&amp;zoom=1&amp;docid=ZTlPnHGBhabfgM&amp;ei=9YULVfrCOoKjugSbj4DICg&amp;tbm=isch" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><marquee behavior="slide" direction="right" width="250"><img border="30" height="150" src="https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg" width="100" /></marquee><marquee behavior="slide" direction="left" width="250"><img border="30" height="150" src="https://detaapritantia.files.wordpress.com/2012/04/8343444.jpg" width="100" /></marquee></a>

Hasil :


Behavior "alternate"

Format:


<a href="http://www.google.co.id/imgres?imgurl=https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg&amp;imgrefurl=https://annisaanggiana.wordpress.com/2012/01/15/sunset-bersama-rosie-by-tere-liye/&amp;h=475&amp;w=316&amp;tbnid=ZPGnDStp70UG0M:&amp;zoom=1&amp;docid=ZTlPnHGBhabfgM&amp;ei=9YULVfrCOoKjugSbj4DICg&amp;tbm=isch" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><marquee behavior="alternate" direction="right" width="2500"><img border="30" height="150" src="https://annisaanggiana.files.wordpress.com/2012/01/5652131.jpg" width="100" /></marquee><marquee behavior="alternate" direction="left" width="250"><img border="30" height="150" src="https://detaapritantia.files.wordpress.com/2012/04/8343444.jpg" width="100" /></marquee></a>

Hasil :





Catatan : Format bisa diatur sesuai kebutuhan dan URL gambar bisa diganti sesuai keinginan anda.


Nb: (gak terlalu penting sih) Saya punya buku-buku diatas, bagi yang mau pinjam silahkan hubungi saya, semoga bisa bermanfaat btw pinjemnya gratis kok hehehe :D

Tutorial Teks Berjalan

0 comments


Marquee adalah code untuk membuat teks berjalan, marque bergua untuk mempercantik tampilan blog sehigga pengunjung lebih suka pada blog anda.
Contoh penggunaan marquee:

Text Berjalan Kekiri
<marquee bgcolor="#3597F2" loop="10">Assalamu'alaykum</marquee>
Hasil :
Assalamu'alaykum

Text Berjalan
Text Berjalan Kiri Kanan
<marquee behavior="alternate" bgcolor="#35F297" scrollamount="5" loop="10">Apa Kabar?</marquee>
Hasil :
Apa Kabar?

Kiri Kanan
Text Berjalan ke kanan
<marquee behavior="scroll" direction="right" bgcolor="#F2DE35" scrollamount="5" loop="15">Wassalamu'alaykum</marquee>
Hasil :
Wassalamu'alaykum

Text Berjalan kekanan
Text Berjalan Turun/Naik
<marquee behavior="scroll" direction="down" bgcolor="#F235A4" loop="-2">Apa kabar hari ini?<br/>Semoga harimu menyenangkan,<br/> sampai jumpa dilain kesempatan.</marquee>
Untuk text berjalan naik, ganti kata 'down' menjadi 'up'.
Hasil :


Apa kabar hari ini?
Semoga harimu menyenangkan,
sampai jumpa dilain kesempatan.
Apa kabar hari ini?
Semoga harimu menyenangkan,
sampai jumpa dilain kesempatan.


Format Teks pada HTML

0 comments





Contoh: 
Teks ini ditebalkan
 
Teks ini adalah italic
 
Ini adalah superscript
HTML Format Elemen. HTML juga mendefinisikan elemen khusus, untuk mendefinisikan teks dengan makna khusus. HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring.
 
Elemen format yang dirancang untuk menampilkan jenis khusus dari teks:
 
Teks tebal
Teks penting
Teks miring
Teks Ditekankan
Teks Ditandai
Teks kecil
Teks Dihapus
Teks dimasukkan
Subskrip
Superscripts
 
§  HTML Bold dan Kuat Memformat
HTML <b> mendefinisikan teks tebal, tanpa kepentingan tambahan.
 
Contoh
 
<P> Teks ini adalah normal. </ P>
 
<P> <b> Teks ini ditebalkan </ b> </ p>.
 
§  HTML <strong> mendefinisikan teks yang kuat, dengan menambahkan semantik "kuat" penting.
 
Contoh
 
<P> Teks ini adalah normal. </ P>
 
<P> <strong> Teks ini kuat </ strong> </ p>.
 
§  HTML format miring
HTML <i> mendefinisikan teks miring, tanpa kepentingan tambahan.
 
Contoh
 
<P> Teks ini adalah normal. </ P>
 
<P> <i> Teks ini miring </ i> </ p>.
 
HTML <em> elemen mendefinisikan menekankan teks, dengan menambahkan semantik penting.
 
Contoh
 
<P> Teks ini adalah normal. </ P>
 
<P> <em> Teks ini ditekankan </ em>. </ P>
 
Catatan! Browser display <strong> sebagai <b>, dan <em> sebagai <i>.
 
Namun, ada perbedaan dalam arti tag ini: <b> dan <i> mendefinisikan teks tebal dan miring, tetapi <strong> dan <em> berarti bahwa teks adalah "penting".
§  HTML Format Kecil
HTML <small> elemen mendefinisikan teks kecil:
 
Contoh
 
<H2> HTML <small> Kecil </ small> Memformat </ h2>

Format Style HTML

0 comments



 
§  HTML Styling
Setiap elemen HTML memiliki style default (warna latar belakang putih dan warna teks hitam). Mengubah style default elemen HTML, dapat dilakukan dengan atribut style.
Contoh ini akan mengubah warna latar belakang standar dari putih ke lightgrey:
Contoh:
<Style body = "background-color: lightgrey">
  <H1> Ini adalah heading </ h1>
  <P> Ini adalah sebuah paragraf. </ P>
</ Body>
 
Catatan! bgcolor atribut, didukung dalam versi HTML, tidak berlaku di HTML5.
§  Atribut style HTML 
Gaya HTML atribut memiliki sintaks berikut:
style = "property: value"
Properti adalah properti CSS. Nilai adalah nilai CSS.
 
§  Warna teks HTML 
Properti color mendefinisikan warna teks yang akan digunakan untuk elemen HTML:
Contoh:
<Body>
  <H1 style = "color: blue"> Ini adalah heading </ h1>
  <P style = "color: red">. Ini adalah sebuah paragraf </ p>
</ Body>
 
§  Font HTML 
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
Contoh:
<Body>
  <Style h1 = "font-family: Verdana"> Ini adalah heading </ h1>
  <P style = "font-family: courier">. Ini adalah sebuah paragraf </ p>
</ Body>
 
Catatan! <font> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
 
§  Text Size HTML 
Properti font-size mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML:
Contoh:
<Body>
  <Style h1 = "font-size: 300%"> Ini adalah heading </ h1>
  <P style = "font-size: 160%">. Ini adalah sebuah paragraf </ p>
</ Body>
 
§  Teks keselarasan HTML 
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
Contoh:
<Body>
  <Style h1 = "text-align: center"> Centered Pos </ h1>
  <P> Ini adalah sebuah paragraf. </ P>
</ Body>
 
Catatan! <center> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
 
Bab Ringkasan:
ü  Gunakan atribut style untuk elemen styling HTML
ü  Menggunakan background warna untuk warna latar belakang
ü  Menggunakan warna untuk warna teks
ü  Menggunakan font-family font teks
ü  Menggunakan font-size untuk ukuran teks
ü  Gunakan text-align untuk perataan teks
 

Macam-macam Elemen pada HTML dan Fungsinya

0 comments


Elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan isi di antara: <Tagname> konten </ tagname>. Elemen HTML adalah segalanya dari tag awal sampai tag akhir: <P> My first HTML paragraf. </ P>
Mulai tag Elemen konten tag End <H1> My Pos Pertama </ h1> <P> paragraf pertama saya. </ P>

Catatan!  Beberapa elemen HTML tidak memiliki tag akhir. Bersarang HTML Elemen. Elemen HTML dapat bersarang (elemen dapat berisi elemen). Semua dokumen HTML terdiri dari elemen HTML bersarang.

ü  Contoh ini berisi 4 elemen HTML:

Contoh:

<! DOCTYPE html>
<Html>

<Body>
  <H1> Pos Pertamaku </ h1>
  <P> paragraf pertama saya. </ P>
</ Body>

</ Html>

·           <Html> elemen mendefinisikan seluruh dokumen. Ini memiliki tag awal <html> dan tag akhir </ html>. Isi elemen adalah elemen HTML lain (<body> elemen).

Contoh:

<Html>

<Body>
  <H1> My Pos Pertama </ h1>
  <P> paragraf pertama saya. </ P>
</ Body>

</ Html>

·           <Body> mendefinisikan tubuh dokumen. Ini memiliki tag awal <body> dan tag akhir </ body>. Isi elemen adalah dua elemen HTML lainnya (<h1> dan <p>).

Contoh :

<Body>
  <H1> My Pos Pertama </ h1>
  <P> paragraf pertama saya. </ P>
</ Body>

·           <H1> mendefinisikan heading. Ini memiliki tag awal <h1> dan tag akhir </ h1>. Isi elemen adalah: My Pos Pertama.

Contoh :

<H1> My Pos Pertama </ h1>.

·           Tag <p> mendefinisikan sebuah paragraf. Ini memiliki tag awal <p> dan tag akhir </ p>.

Contoh:

Isi elemen adalah: paragraf pertama saya.

<P> paragraf pertama saya. </ P>
Jangan Lupakan Tag Akhir.
Beberapa elemen HTML akan muncul dengan benar, bahkan jika Anda lupa tag akhir:

Contoh

<Html>

<Body>
  <P> Ini adalah sebuah paragraf
  <P> Ini adalah sebuah paragraf
</ Body>

</ Html>

Jangan bergantung pada ini. Ini bisa menghasilkan hasil yang tidak diharapkan dan / atau kesalahan jika Anda lupa tag akhir.

ü  Elemen kosong HTML.
Elemen HTML tanpa konten yang disebut elemen kosong. Situs adalah elemen kosong tanpa tag penutup (Jejaring tag mendefinisikan satu baris). Elemen kosong bisa "tertutup" dalam tag pembuka seperti ini: <br />. Elemen kosong pada HTML tidak memerlukan harus ditutup. Tetapi jika Anda ingin validasi ketat, atau Anda perlu membuat dokumen Anda dibaca oleh parser XML, Anda harus menutup semua elemen HTML.

Hyper Text Markup Language (HTML)

0 comments


·      Pengertian HTML
HTML digunakan untuk membangun suatu halaman web, banyak orang mengira bahwa HTML adalah salah satu bahasa pemrograman tapi merupakan bahasa markup (penandaan) terhadap sebuah dokumen teks (ekstensi).
File HTML merupakan file teks biasa yang mengandung tag-tag HTML, oleh karena itu teks HTML dapat dibuat dengan menggunakan teks editor yang sederhana misalnya notepad atau menggunakan HTML editor yang bersifat WYISWYG (What You See Is What You Get) misalnya Dreamwaver. Untuk menandai bahwa file tersebut merupakan sebuah file HTML bisa dilihat pada ekstensi filenya yaitu .htm atau .html .

Semua dokumen HTML harus di awali dengan tipe deklarasi : <!DOCTYPE html>. Dokumen HTML sendiri dimulai dengan tag <html> dan diakhiri tag</html>. Isi dari sebuah dokumen ditulis diantara tag <body> dan </body>.
Contoh :


<!DOCTYPE html>
<html>
<body>

<h1>Halaman pertamaku.</h1>

<p>Paragraf pertamaku</p>

</body>
</html>
·      Elemen & Tag HTML
Elemen HTML adalah komponen terkecil penyusun sebuah dokumen HTML, elemen dapat berupa teks murni, atau bukan teks, atau keduanya. Sedangkan Tag HTML berfungsi untuk menandai sebuah elemen dalam suatu dokumen HTML. Tag terdiri dari simbol kurang dari (<) dan simbol lebih dari (>).
       
Suatu elemen biasanya ditandai dengan pasangan tag, ada beberapa nama elemen yang ditandai dengan satu tag tanpa harus berpasangan.

Contoh tag yang berpasangan :         
§  untuk membuat sebuah paragraf menggunakan tag <p> dan diakhiri menggunakan tag </p>.
§  untuk menambahkan bullets maka menggunakan tag <ul> dan diakhiri menggunakan tag </ul>.

Contoh tag yang tak berpasangan :
§  jika ingin ganti baris maka menggunakan tag <br/>
§  menambahkan gambar maka menggunakan tag <img/>