-->
 
Membuat CSS Editor di Blog

BERANDAARCHIVEQUR'ANYASINTAHLILAMALAN

     
B
agi sobat yang suka utak-atik CSS (Cascading Stylesheet), ini adalah tool css editing yang sederhana. Setidaknya kita memerlukan tool semacam ini untuk membuat post unik atau Typography dll. Karena Post editor Blogspot yang sekarang belum support dengan css editing beda dengan Post editor blogspot versi lama.


Oke sobat silahkan di coba, jika sobat ingin memasang tool css editing ini copy kodenya di bawah ini.
Kode Css editing
<style type="text/css">
button{font:14px Tahoma, sans-serif;border:6px double #8000FF;background:#fc0;padding:2px;
}
button:hover{background:#ddd;
}
button:active{background:#f00;padding:0;
}
iframe{height:400px;width:99%;border:6px double #8000FF;padding:1px;overflow:auto;
}
textarea{font:12px Tahoma,sans-serif;border:4px double #8000FF;padding:2px;width:200px;height:400px;scroll:auto;overflow:auto;
}
table{width:width:100%;margin:0 auto;background:#8000FF;border:8px double #BE81F7;padding:5px;
}
</style>
<table><tbody><tr><td>
<form method="post" name="kotak"> <textarea name="kode" onclick="focus(this.kode)" style="height: 400px; width: 200px;"><style>CSS Code Here</style> <!===================>  <body>HTML Code Here</body></textarea></form></td>
<td style="padding: 2px; width: 100%;">
<iframe name="lihat" src="about:blank" style="background:#E3CEF6 url(http://i1206.photobucket.com/albums/bb455/binkbenk/bloks.png) no-repeat center;"></iframe>
</td></tr>
<tr><td>
<button onclick="lihat.document.write (document.getElementsByTagName ('textarea')[0].value); lihat.document.close(); lihat.focus()">Lihat Hasil</button><button onclick="window.document.kotak.kode.value='SILAHKAN COBA LAGI';lihat.document.write (document.getElementsByTagName ('textarea')[0].value); lihat.document.close(); lihat.focus()">Hapus Kode</button>
</td></tr> </tbody></table>
Sekian dulu sekilas tentang Tool Css Editing dan semoga bermanfaat
Artikel Terkait
Beranda
Tips Blogger
Tips Komputer
Seo Kontes
Theme Win 7
Theme Win XP
Portal Template
Tool n Widget
Mp3 Song N Lyrik
Petuah Bijak
Healthy Live
Info n News

Please Klik Like, When U Like My Blog
Posted On : 29 Desember 2012 Time : 23.02
SHARE TO :
| | Powered By : C.(BH-elatos) | Copyright By : cuerosbhelatos | |