Sabtu, 03 Desember 2011

Tutorial HTML part 2

Belajar HTML

Sebelumnya saya telah memposting tentang Pengenalan HTML untuk pemula dan pada malam minggu yang selalu suram kali ini kita akan praktek membuatnya. So yang harus di persiapkan adalah sebuah komputer dan secangkir kopi :D

Tutor kali ini spesial pakek telor buat anggota KIR sekolah yang cupu yang ingin belajar html dari saya. Dan kali ini kita akan praktek membuat file html dengan tag dasar.


Langkah



1. Hidupkan komputer
2. Klik start
3. All programs
4. Buka Accssories, pilih notepad
5. Lalu ketikan

<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<i>menggunakan tag italic</i>
<b>ini pakai tag bold</b>
<strike>ini pakai tanda coet</strike>
<u>ini pakai underline</u>
<blink>ini pakai efek kedip</blink>
</body>
</html>



Klik untuk memperbesar


6. kalau sudah maka save dengan ekstensi / akhiran .html


7. Cek dengan menggunakan browser (bisa mozila, Google chrome, deelel)

tarraaaaa, inilah hasilnya



sampai jumpa di tutor lainnya ...

Minggu, 27 November 2011

Blogging Bukan Sekedar Ngenet

Blogging Bukan Sekedar Ngenet
mozila internet

Assalamualaikum ....
Kembali lagi dengan saya si anak blogger yang tampan imut di blog jelek yang sederhana ini. Kali ini saya akan sedikit memberikan motivasi untuk para sahabat saya dan para pelajar seusia saya yang sudah berkecimpung di dunia blogging. Sebenarnya posting kali ini didasari oleh katakanlah seminar yang diadakan oleh sekolah saya (SMAN 2 Kabupaten Tangerang).


Lalu untuk apa postingan kali ini saya buat ?

Postingan ini saya buat untuk menjawab pertanyaan – pertanyaan dari teman saya yang iri ga punya blog yang mengatakan bahwa ngenet itu ga ada gunanya. Kata siapa ga ada gunanya biasalah wong deso orang banyak koq manfaatnya, asalkan kita tahu porsi, dan tahu aturan, buakn untuk yang macem – macem.

Jadi apa untungnya ngenet itu ?

Pertama, internet atau blog itu adalah tempat untuk bebas berekspresi. Loh koq, gini aja deh permisalannya, misal blog anda adalah sebuah buku diare diary maka anda akan berusaha untuk mempercantiknya dan mengisinya sesuka hati anda. Dengan syarat tidak melanggar etika ngenet. So, itulah yang di anggap berekspresi.

Kedua, internet atau blog adalah salah satu media untuk berinter aksi dengan alien manusia di seluruh dunia. Bisa mulai dari kirim – kiriman e-mail, chating, hingga sampai main di jejaring sosial seperti facebook, twitter, google plus, friendster, dan lain – lain.

Ketiga, kita bisa memanfaatkan internet untuk berbisnis bisa dengan membuat website atau blog. Dengan internet kita bisa promosi atau jualan barang secara gratis, bebas (asal sopan, wokeh) dan tidak terbatas hanya di wilayah atau dalam negri. Dan yang paling membuat saya kagum adalah seorang tukang becak yang mainannya facebook, dan kerjanya sebagai tour guide bagi bule – bule.

Keempat, kita bisa belajar, mencari materi pembelajaran, cari kisi – kisi Ujian Akhir Sekolah, hingga bimbel secara online, wow. Dan beberapa di antaranya adalah milik depdiknas dan gratis loh ....

Kelima, Internet adalah tempat untuk berbagi informasi, dokumen, musik, video, dan lain – lain. Selain itu pula, internet bisa membuat seseorang terkenal, mendapat keberuntungan, mendapat jodoh, tanya jawab di forum – forum, hingga menjadikan seseorang menjadi artis, yah seperti saya ini lah. Sebenarnya banyak manfaatnya hingga tidak akan selesai jika di tulis dalam satu postingan.

Jadi sampai jumpa di posting yang selanjutnya ...

Sabtu, 26 November 2011

Membuat Efek Gambar Membesar

ngeblog

Sebenarnya cara ini terinspirasi dari blognya om Gabby, tapi bukan berarti saya langsung ngambil kodenya tanpa ijin dulu alias plagiat. Oh tidak, saya dapat cara ini dari hasil berkeliling di mesin pencari google. Hingga akhirnya saya bisa mempraktekkannya dan ilmu itu langsung saya tulis / post di blog ini. Kurang baek apa coba ?

hehe, dari pada bonyok kelamaan basa basi mending langsung kasih tau cara buatnya.

Caranya:
  1. masuk ke blog orang anda
  2. klik tab Design
  3. Pilih menu Edit HTML
  4. Cari Kode ]]></b:skin>
  5. masukan kode berikut


Lalu Tekan CTRL + C




Terakhir Simpan deh ....
Coba lihat hasilnya

Cara Membuat Widget Yang Muncul Hanya Di Homepage / Depan

Sudah lama saya tidak memposting tentang blogging (aktivitas nge-blog) karena harus membenahi template yang rusak karena read more otomatisnya tiba tiba membuat widget jadi pindah ke bawah, jadi terpaksa homepage blog ini hanya di isi widget tanpa posting.

Heem, ngomong - ngomong soal widget dan homepage, saya jadi ingat tentang widget yang hanya muncul di halaman depan saja (bisa di lihat di Blog ini). Cara ini berguna untuk iklan contohnya, atau widget apapun yang sekiranya cukup di tampilkan di halaman awal tanpa ada di setiap halaman. Oke kita langsung praktekin aja tanpa basa basi lagi.


Langkahnya:
  1. Masuk ke blog sobat
  2. Klik tab design >> Edit HTML >> ceklis
  3. cari widget atau gadget yang ingin di tampilkan hanya di homepage
Untuk mempermudah mencari widget yang di inginkan, sobat bisa menggunakan CTRL + F. Dan widget itu di awali <b:widget
Contohnya
<b:widget id='Label1' locked='false' title='Title' type='Label''>

dan widget html terlihat sebagai berikut:

<b:widget id='HTML1' locked='false' title='' type='HTML'>


sedangkan daftar list akan tampil seperti berikut:

<b:widget id="LinkList2" locked="false" title="Title" type="LinkList">



Tepat di bawah widget id, anda dapat melihat tag b:includable seperti berikut..
<b:includable id='main'>

Pada titik ini, sebagian besar tugas kita sudah selesai, kita hanya perlu menambahkan sedikit kode di bawah tag b:includable tersebut, kodenya adalah :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
dan terakhir, kita harus menutup tag b:if . Cukup tambahkan kode berikut sebelum penutup tag b:includable.

Seperti ini:
</b:if>

</b:includable>
Jadi hasilnya akan seperti ini

Mohon maaf bila tidak jelas, jadi jangan ragu untuk berkomentar

Rabu, 16 November 2011

Cara Membuat Spoiler

Spoiler biasanya di gunakan dalam sebuah forum atau di gunakan untuk menghemat tempat: dalam postingan.

Ini contohnya:


Spoiler:











Letakkan kode script, HTML dan teks anda disini

Kamu juga dapat menambahkan konten lain, misalnya adalah gambar
Seperti ini hanya dengan menyisipkan kode HTMLnya














Ini di kode nya



Dan juga kalau mau kamu bisa mengedit - edit elemen yang ada di dalamnya
Semoga ber manfaat