Letak Posisi CSS, JavaScript, JQuery, dan HTML di dalam Template Blog

Jujur saja, sebagian besar dari para blogger bukanlah ahli Coding. Sehingga mustahil untuk menciptakan template sendiri untuk blog-nya. Pada akhirnya kebanyakan blogger hanya dapat menggunakan template bawaan dari blogger, menggunakan template gratis, ataupun menyewa jasa Web Designer untuk merubah tampilan blog agar lebih menarik & terlihat professional.

Dari berbagai cara yang sudah Akira sebutkan di atas, pasti kita akan lebih memilih menggunakan template gratis hasil buatan orang lain, karena pilihannya lebih bervariasi dan banyak juga template yang dipersenjatai dengan berbagai fitur yang tidak ada di template asli dari blogger. Dan, para blogger pemula juga pasti tidak akan berfikir untuk menyewa jasa Web Designer, karena blog mereka masih terlalu muda dan masih jauh dari kata profesional.

Dengan penilaian yang berbeda-beda, hampir tidak mungkin kita akan mendapatkan template gratis yang 100% cocok dengan selera kita masing-masing. Pasti ada saja sesuatu yang kurang ataupun lebih. Sehingga kita perlu memodifikasi template tersebut sedemikian rupa. Mungkin dari warna, font, jarak ukuran objek, menambahkan sesuatu seperli Slider, dan lain sebagainya. Dan satu-satunya cara untuk memodifikasi template adalah dengan membongkar Scriptnya. Bisa saja diubah, ditambah, bahkan dikurangi.

Kita tidak perlu belajar coding dari A sampai Z hanya untuk memodifikasi template. Yang penting kita tahu basic-nya saja. Dan salah satu yang terpenting adalah kita harus tahu letak posisi setiap jenis code yang digunakan di dalam sebuah template. CSS, JavaScript, JQuery, dan HTML. Simak di bawah ini.

Letak Code CSS

<b:skin>![CDATA[

DISINI LETAK CODE CSS

</b:skin>

Letak Code JavaScript dan JQuery

</b:skin>

DI SINI LETAK CODE JAVASCRIPT & JQUERY

</head>

Jika terdapat code CSS di dalamnya, lekanan JavaScript atau JQuery di bawah code CSS tersebut.

</b:skin>

<style type:"tex/css">

...

...

</style>

LETAKAN DI SINI

</head>

Perlu diingat, kode JQuery Library atau Induk JQuery harus selalu berada diatas kode JavaScript dan anak JQuery lainnya.

Contoh Induk JQuery seperti ini :

Letak Code HTML

<body>

DI SINI LETAK CODE HTML

</body>

Code HTML adalah code yang menentukan berada diposisi mana suatu objek akan tampil. Tentu, jika tidak ada code CSS yang memanipulasi posisi objek tersebut. Jika ingin melelatakan suatu objek di Sidebar, maka kita harus mengetahui letak script Sidebar di code HTML. Kemudian letakkan script object yang kita mau di dalamnya.

source: zonacerdik.blogspot.com
improved & edited by Akira Asayami

4 Comments

Roy20 Februari 2018 pukul 17.59
Itu berlaku until semua jenis template ?
BalasHapus
Balasan
Vicram4 September 2018 pukul 11.11
kalau kode css agak ngerti biasnya pake kode } , kalau ciri - ciri javascript dan html bgmn ya ? Yg pake kode <, /, > ini apa namanya ?
BalasHapus
Balasan