0 Cara Mengedit Text pada HTML

Buat kamu yang baru belajar HTML, mungkin penasaran bagaimana cara mengubah huruf atau teks HTML menjadi tebal atau membuatnya menjadi miring. Tampilan huruf seperti ini sangat penting untuk dilakukan, misalnya pada saat kita perlu memberikan penekanan pada kata-kata tertentu yang kita anggap penting, pada umumnya kita menggunakan huruf tebal, atau pada saat menggunakan istilah asing, maka kita perlu membuatnya menjadi miring (atau istilah lainnya italic). Jika iya, maka tutorial HTML kali ini pas banget buat kamu. Gampang kok untuk mengubah tampilan huruf seperti itu.

Seperti yang sudah kamu ketahui dari tutorial elemen HTML ini, kamu pastinya udah tahu kalau HTML menggunakan tag untuk semua perintah yang dilakukannya. Nah, untuk mengubah tampilan dan format teks, HTML juga menggunakan tag-tag seperti <b> (untuk menebalkan huruf) dan <i> (untuk menampilkan huruf miring) untuk menampilkan teks atau huruf sesuai dengan kebutuhan kita.

Berikut beberapa tag untuk mengubah tampilan huruf yang sering digunakan:

Tag	Deskripsi
<b>	Menebalkan huruf
<i>	Menampilkan huruf miring
<big>	Menampilkan huruf dalam ukuran besar
<small>	Menampilkan huruf dalam ukuran kecil
<strong>	Mirip dengan <b>, menampilkan dengan tebal
<sub>	Subscript (Tulisan kecil di bawah, misalnya untuk menulis rumus kimia)
<sup>	Superscript (Yang ini kecil di atas, misalnya menulis kuadrat)
<u>	Menulis huruf bergaris bawah.

Bagaimana contoh pemakaiannya? Berikut ini contoh untuk menampilkan tulisan tebal dan miring:

1	<b><i>Tulisan ini tebal dan miring</i></b>

Mudah bukan? Selamat mencoba.

Detail: Cara Mengedit Text pada HTML

0 Membuat Efek 3D pada Lingkaran dengan Photoshop

Berikut ini saya mau berbagi beberapa teknik dalam photoshop untuk mengubah lingkaran 2D menjadi berkesan 3D, Langkah-langkahnya adalah sebagai berikut:

1.Buat file baru pada photoshop, tekan Alt+Backspace untuk menjadikan background berwarna hitam. Buat layer baru dengan klik ikon   Create a new layer dibawah panel layer.

2.Klik Elliptical marquee tool  pada  toolbar, Buat lingkaran pada kanvas sambil menekan tombol shift keyboard (supaya benar-benar lingkaran, bukan lonjong).
3.Klik warna hitam pada foreground  pada toolbar, ganti dengan warna pilihan anda, disini yang saya pakai adalah warna biru. Tekan tombol Alt+Backspace pada keyboard, maka lingkaran otomatis menjadi berwarna sesuai warna foreground yang kita pilih tadi.
4.Buat layer baru seperti pada langkah 1
5.Gunakan airbrush untuk memberi efek bayangan, caranya klik brush tool  pada toolbar. Tepat di bawah main menu akan muncul properti dari airbrush. Seting properti airbrush sesuai gambar di bawah ini.

6.Tekan tombol D pada keyboard agar warna foreground menjadi hitam. Gunakan paint brush  untuk membuat bayangan hitam seperti pada gambar berikut.

7.Buat layer baru, tekan tombaol x pada keyboard untuk merubah warna foreground menjadi putih. Gunakan paint brush tool (dengan setingan properti sama dengan langkah sebelumnya) untuk membuat efek pantulan cahaya seperti gambar berikut.

Detail: Membuat Efek 3D pada Lingkaran dengan Photoshop

0 Upin Ipin Emotion Pada Kotak Komentar

Kembali lagi dengan postingan saya tentang Tutorial Blog. Kali ini saya akan memberikan tips ringan cara memasang Upin & upin emotions pada kotak komentar.
kali ini sedikit agak berbeda karena emotions yang digunakan adalah salah satu serial Animasi yang banyak disukai oleh anak - anak (Upin & Ipin)

Dan tampilan yang didapat akan seperti ini :

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j:

Langkah awal masuk blogger -> Rancangan --> Edit HTML kemudian ikuti langkah dibawah ini!

1. Cari kode </body> lalu letaknya code dibawah ini, tepat diatas </body>

<script src=http://aditx.fileave.com/upin-emoticons.js type=text/javascript/>

2. Selanjutya cari kode <b:if cond=data:post.embedCommentForm>

Jika sudah ketemu, simpan code berikut diatasnya :

<b><img height=50 src=http://lh3.ggpht.com/_UEOySJCSmVg/TC1_y45CSbI/AAAAAAAAA78/QsXnQdLYu7A/s800/ehsan01.gif width=50/>
:a:
<img height=50 src=http://lh4.ggpht.com/_UEOySJCSmVg/TC1_zL6GKxI/AAAAAAAAA8A/hhFDtKzpMJo/s800/ehsan02.gif width=50/>
:b:
<img height=50 src=http://lh3.ggpht.com/_UEOySJCSmVg/TC1_zFOpRNI/AAAAAAAAA8E/IgAjo0-WC3k/s800/fizi01.gif width=50/>
:c:
<img height=50 src=http://lh6.ggpht.com/_UEOySJCSmVg/TC1_zAkM1fI/AAAAAAAAA8I/WbE7K08g2zU/s800/ipin01.gif width=50/>
:d:
<img height=50 src=http://lh5.ggpht.com/_UEOySJCSmVg/TC1_zSnurLI/AAAAAAAAA8M/SE6ijbGGRgY/s800/ipin02.gif width=50/>
:e:
<img height=50 src=http://lh4.ggpht.com/_UEOySJCSmVg/TC2ACEPepaI/AAAAAAAAA8Q/Mr3O2IY_PwY/s800/kakros01.gif width=50/>
:f:
<img height=50 src=http://lh4.ggpht.com/_UEOySJCSmVg/TC2ACUO5MxI/AAAAAAAAA8U/lOZem_1eYzA/s800/kakros02.gif width=50/>
:g:
<img height=50 src=http://lh6.ggpht.com/_UEOySJCSmVg/TC2ACWDn6NI/AAAAAAAAA8Y/BdPtc9HGzbc/s800/mail01.gif width=50/>
:h:
<img height=50 src=http://lh6.ggpht.com/_UEOySJCSmVg/TC2ACXXjJ6I/AAAAAAAAA8c/afGmF42wKNk/s800/upin01.gif width=50/>
:i:
<img height=50 src=http://lh3.ggpht.com/_UEOySJCSmVg/TC2ACt_jfiI/AAAAAAAAA8g/b0tn4s4TpUU/s800/upin02.gif width=50/>
:j:
</b>

3. Simpan dan lihat hasilnya

Detail: Upin Ipin Emotion Pada Kotak Komentar