.jpg)
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.
Tutorial berikutnya: Dimana kini kita dapat menyimpan javascript & kode CSS?
» Happy Blogging - gubhugreyot «
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.
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
» Happy Blogging - gubhugreyot «
silahkan tulis sebuah komentar!
gubhug reyot