LIFE IS STRUGGLE - "..Sebuah Blog dengan Media Informasi Campursari.." designed by : Dede Septian supported by : BENGKEL KOMPUTER (Republic of Hardware) - Indonesia

Selasa, 31 Mei 2011

HTML TO JAVASCRIPT PADA TEMPLATE

Banyak cara buat Konversi HTML ke Javascript diantaranya menggunakan software Converter JavaScript, secara manual atau juga bisa menggunakan layanan Online. Mungkin cara atau hal tersebut anda sudah mengetahuinya. Tapi yang dimaksudkan pada postingan ini adalah mengkonversi sebagian HTML (css) pada template anda ke JavaScript dengan menggunakan kerja import Script.Sekedar kata pengantar buat Konversi HTML ke JavaScript kiranya cukup satu alinea pertama
Apa saja yang menjadi kelebihan dengan menggunakan cara tersebut?????. Entahlah seperti kecepatan loading pada blog, keamanan kode - kode template pada blog dan masih banyak bila anda menambahkan, hehe..Sampai disini pastinya anda belum mengerti apa yang saya maksudkan. daripada kemana - mana langsung saja kemateri pembahasan.

Sebelumnya anda buka program Converter Javascript atau layanan yang anda gunakan, untuk lebih detailnya pada ACARA ini saya menggunakan software HTML to JavaScript Converter yang belum mempunyainya silahkan ngubek di Google

@ Ketika sudah terbuka, kemudian login ke blog anda
@ Pilih Tata Letak ( pada blog percobaan)
@ Klik edit Html
@ Selanjutnya Copy Paste CSS sesudah <b:skin> dan sebelum </b:skin> ke Converter JavaScript tadi, (CSS pada template yang sudah di Copy delete saja)
@ Konversi Html/CSS tersebut sampai menjadi seperti berikut

@ Sekarang Copy dan Save Javascript hasil Konversi dari HTML tersebut ke text editor JScript di komputer anda, seperti gambar berikut

@ Cara selanjutnya Upload JavaScript Tersebut Ke Hostingan yang biasa anda gunakan ( disarankan di Hostingan Google Code)
@ Kemudian kembali lagi ke tempalte anda dengan mengganti Css yang sudah di delete tadi dengan pemanggilan JavaScript seperti berikut.

<script type='text/javascript' src='CSS-Content'></script>
@ Tambahkan sebelum kode
</head>
@ Simpan Template.
@ Kemudian Lihat hasilnya, jika template blog anda berantakan kemungkinan template anda tidak Support dengan cara tersebut, ganti kembali pemanggilan script tersebut dengan:
<style type='text/css' media='all'>
@import '( http://css-content )s';
</style>
atau
<style type='text/css' media='all'>
<!-- @import url( http://css-content ); -->
</style>
@ Ganti juga Script pada text editor JScript ke text editor CSS atau seperti gambar berikut

@ Selamat Mencoba!!!

0 komentar:

Posting Komentar