Trik Menyimpan Link Javascript dan Kode CSS di Header BlogDETIK:hidup sukses

Trik Menyimpan Link Javascript dan Kode CSS di Header BlogDETIK

Tempat paling ideal menyimpan link javascript dan link kode CSS di blog atau web adalah di antara tag pembuka dan tag penutup header. Jika mungkin sampeyan yang suka ngeblog di blogdetik blom tahu bagaimana cara menyimpan kode CSS, javascript, link CSS ataupun link javascript agar bisa berada di header blog, mungkin cara ini bisa menjadi salah satu solusi. He ...he ... mengapa aku sebut sebagai salah satu cara? Yah... karena memang masih ada beberapa cara yang lain yang dapat digunakan. Yap.., mungkin saja akan kita posting di lain waktu.

Cara Simpan Kode CSS & javascript di header blogdetik

Karena blogdetik memang tidak menyediakan ruang khusus penambahan javascript dan kode CSS baru di antara tag pembuka dan penutup header blog (<head> dan </head>), maka agar terbuka sebuah celah (ruang) baru yang memungkinkan kita menyimpan kode CSS dan javascript dalam segala bentuk (kode ataupun link), maka salah satu widget plugin harus diaktifkan terlebih dahulu. Bagimana detail langkahnya? Silahkan ikuti urutan langkahnya di bawah ini!

Login ke Blogdetik melalui lin login berikut Login-Blogdetik.
Setelah halaman Dasbor terbuka, arahkan cursor di atas menu Plugins yang terletak pada deret fitur bagian kiri atau atas halaman dasbor (keduanya punya fungsi sama!). Klik Installed.
Halaman kelola Plugin

Cari WP-Highslide, kemudian klik Aktifkan.
Arahkan cursor ke menu Settings kemudian KLIK WP-Highslide.

Halaman Highslide Options

Pada halaman ini sampeyan akan nelihat sederet link javascript dan link kode CSS dengan bentuk seperti di bawah ini.

<link href='http://URL Blogdetik Anda/wp-content/plugins/highslide/highslide.css' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='http://URL Blogdetik Anda/wp-content/plugins/highslide/highslide.js'></script>
<script type='text/javascript'>
    hs.showCredits = false;
     hs.graphicsDir = 'URL Blogdetik Anda/wp-content/plugins/highslide/graphics/';
       hs.outlineType = 'rounded-white';
</script>

Letakkan kode CSS, javascript, link kode CSS, link javascript yang ingin sampeyan simpan tepat di bawahnya, sehingga bentuknya menjadui seperti di bawah ini:

<link href='http://URL Blogdetik Anda/wp-content/plugins/highslide/highslide.css' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='http://URL Blogdetik Anda/wp-content/plugins/highslide/highslide.js'></script>
<script type='text/javascript'>
    hs.showCredits = false;
     hs.graphicsDir = 'URL Blogdetik Anda/wp-content/plugins/highslide/graphics/';
       hs.outlineType = 'rounded-white';
</script>

<link href='kode-css-baru.css' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='javascript-baru.js'></script>

<style type="text/css">
#myCSS{
 width: 400px;
    height: 200px;
    margin:0 auto;
    padding:10px;
    border:2px solid rgba(0,0,0,0.7);
}
</style>

<script type="text/javascript">
letakkan javascript anda di sini!
</script>

Klik Update Options ».
Anda bisa cek letak kode css dan javascript baru yang telah tersimpan di header blog dengan membuka blog kemudian klik kanan pd mouse utnuk membuka source code.