Editor HTML

Posted by Menuju Yang Terbaik |

Bagi anda yang suka otak atik bahasa HTML ada baiknya bila anda pakai editor seperti di bawah ini :


Nama Tool : HTML EDITOR 1.0
Design By : Azis Lamayuda
Fungsi : Untuk EDIT Kode dan Melihat Tampilannya

Kode CSS dan HTML

Hasil Tampilan

** CARA PENGGUNAAN

• Tulis kode CSS dan HTML pada Kolom Atas
• Penulisan CSS harus diawali dengan tag <style> dan Diakhiri dengan Tag </style>
• Tulis Kode HTML dibawah Kode CSS tadi
• Klik Lihat Tampilan pada kolom bawah Jika Sudah Selesai
• Klik Hapus Kode Untuk Membersihkan Kolom

Tools ini dibuat bagi kalian yang mau mengutak atik kode. Salah satu contoh kalian ingin membuat Author Box, Kalian tinggal menuliskan kode pada kolom Atas lalu Klik Lihat Tampilan. Gampang kan...?

BOOKMARK HALAMAN INI SUPAYA GAMPANG DIBUKA... KLIK DISINI

Silahkan Dicoba...

Contoh, Kalian akan membuat authorbox, silahkan masukkan kode dibawah ini pada kolom Atas :

<style>
.azisinfo{
background:#f2f2f2;
border:1px solid #585858;
color:#000;
display:block;
float:left;
margin-bottom:10px;
margin-top:0px;
overflow:auto;
padding:5px;
text-decoration:none;
overflow: auto;
}
.azisinfo img{
float:left;
background:#171717;
border:1px solid #333;
height:62px;
margin:1px 5px 0 0;
padding:4px;width:62px
}</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='azisinfo'>
<img alt='Azis Lamayuda' class='cmd-avatar' src='http://i1238.photobucket.com/albums/ff496/tri_sulistyo/Image0133-1.jpg'/>
Penulis : &#160;Sebuah Penantian | BLOG : <a href='http://www.kataitucinta.blogspot.com/'>Kejahatan dan Kemuliaan</a><br/>Bukanya kita ga bisa atau belum mau melupakan cinta pertama. Tapi itulah kisah hidup yang harus kita terima..
<p style='margin:-8px 0'><br/><center>
<a href='http://kataitucinta.blogspot.com/2011/12/editor-html.html' style='text-decoration:none;font-size:70%;'>Putra Q-Ae</a></center></p>
</div>
</b:if>

BOOKMARK HALAMAN INI SUPAYA GAMPANG DIBUKA... KLIK DISINI

Semoga Bermanfaat dan membantu sahabat blogger semua.

Terima kasih Anda telah membaca Editor HTML. Mungkin Anda tertarik ingin membaca artikel ©Kejahatan dan Kemuliaan yang lainya?