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

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 :

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' />



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

Komentar

Postingan Populer