Hal pertama yang harus dipahami dalam melakukan proses edit template blog adalah mengetahui tata letak dari template sebuah blog kemudian berlanjut dengan memahami Struktur Dasar Template Blog, dalam hal ini Blogger.
Hal ini karena lewat Tata Letak kita mengatahui bagian mana yang akan kita rubah dan dengan memahami struktur dasar template blog kita akan tahu dimana posisi kode HTML yang akan kita rubah dalam sebuah template blog.
Baca Juga : Tata Letak HTML Template Blogger
Perhatikan Struktur Dasar Template Blogger berikut ini berdasarkan template Minima versi 1.0 :
<?xml version="1.0" encoding="UTF-8" ?>
..............
<head>
. . . . . . . . .
<b:skin><![CDATA[/*
. . . . . . . . . .
]]></b:skin>
</head>
. . . . . . . . .
<body>
. . . . . . . . . .
</body>
</html>
Perhatikan kode yang berwarna merah.
..............
<head>
. . . . . . . . .
<b:skin><![CDATA[/*
. . . . . . . . . .
]]></b:skin>
</head>
. . . . . . . . .
<body>
. . . . . . . . . .
</body>
</html>
# Antara Kode <head> dan <b:skin><![CDATA[/*
Disini adalah tempat meletakan kode-kode trik SEO semacam meta description, meta keywords dan lain sebagainya.
# Antara Kode <b:skin><![CDATA[/* dan ]]></b:skin>
Letak dari kode CSS blog yang merupakan pengaturan dari tampilan sebuah blog, mulai dari warna, huruf, ukuran, lebar, tinggi dan lain sebagainya.
# Antara Kode ]]></b:skin> dan </head>
Dalam contoh ini, tidak terdapat kode apapun. Tapi ini penting untuk diketahui bahwa jika nanti template blog akan menggunakan kode Javascript maka disini tempat untuk meletakkannya. Dan diantara kode ini juga kita bisa meletakkan perintah untuk menampilkan atau menyembunyikan bagian-bagian blog kita misalnya sidebar tertentu selain langsung pada kode perintah yang berada di bagian body.
# Antara Kode <body> dan </html>
Perintah untuk menampilkan bagian-bagian sebuah blog berada disini dan jika diperhatikan, perintah tersebut berurutan mulai dari header blog, halaman posting, sidebar, dan lain sebagainya.
So, jika hanya untuk merubah tampilan sebuah blog maka yang perlu dilakukan hanyalah merubah atau mengganti kode CSSnya yang terletak diantara Kode <b:skin><![CDATA[/* dan ]]></b:skin>. Sedangkan untuk melakukan hal-hal seperti membelah header blog, membelah dan menambah sidebar blog, dan lain sebagainya maka selain terlebih dahulu mengatur tampilannya dengan Kode CSS, kode perintah untuk menampilkannya juga perlu ditambahkan/dikurangi yaitu diantara kode <body> dan </body>.
makasih gan buat postingannya.. bermanfaat buat saya yang pamula di bagian template blogger..
BalasHapuskalau kode di bawah html diisi dengan apa gan???
BalasHapusNice gan, kirain template kosongan. But your article nice lah hehe
BalasHapus