Blogger Tools : HTML EDITOR

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

Kode CSS dan HTML Tulis CSS dan Kode HTML Disini Kemudian Klik Lihat Tampilan

Hasil Tampilan

BOOKMARK HALAMAN INI SUPAYA GAMPANG DIBUKA... KLIK DISINI

** 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://lh6.ggpht.com/_MvLBi88bM_I/TH3mza0bPDI/AAAAAAAABWY/KcrAtqe4i6o/Azis.jpg'/>
Penulis : &#160;Azis Lamayuda | BLOG : <a href='http://www.z33s.co.cc/'>Do The Best To Get The Best</a><br/>Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.
<p style='margin:-8px 0'><br/><center>
<a href='http://www.z33s.co.cc/2010/09/make-author-box-below-each-post-blogger.html' style='text-decoration:none;font-size:70%;'>Widget By Azis Lamayuda</a></center></p>
</div>
</b:if>

BOOKMARK HALAMAN INI SUPAYA GAMPANG DIBUKA... KLIK DISINI

Semoga Bermanfaat dan membantu sahabat blogger semua.