Memahami Struktur Css Blogger - Bagian 1

Dalam merubah tampilan blog biasanya tidak terlepas dari bagaimana cara merubah huruf, tata letak (margin, padding), background, link dan lain sebagainya pada bagian tertentu blog.

Bagian - bagian tetentu dari template blog standar blogger secara umum dapat kita sebut sebagai struktur blog (pada bahasan kali ini lebih tepatnya disebut layout blog) yang secara garis besar dibagi dalam 5 (lima) bagian yaitu Body, Content, Header, Main Outer (Didalamnya terdapat Posting dan Sidebar) serta Footer.

Cara Backup Dan Restore Template Blogger

Merubah tampilan blog dari template standar berarti merubah kode html atau css template. Sebelum merubah html dan css template sebaiknya membuat backup template atau mencadangkannya terlebih dahulu. Hal ini dimaksudkan agar bila terjadi kesalahan, template dapat di restore atau dikembalikan seperti semula.

Cara backup template blog dengan aman dapat dilakukan dengan dua cara. Yaitu mem backup dengan cara melalui download atau unduhan yang ada di blogger dan mem backup dengan cara copy paste pada Notepad. Pada kali ini kita mencoba bahas cara backup template blog melalui unduhan blogger.

Cara Tercepat Mencari Kode Skin Head Dan Body Blogger

Dalam merubah template blogger seringkali kita harus meletakkan kode Css atau Html di atas kode  ]]></b:skin>, </head> dan </body>.

Untuk mencari kode - kode tersebut biasanya kita menggunakan Ctrl+F di area Edit Html kemudian mengetikkan kode ]]></b:skin>, </head> dan </body>. Cara tersebut tidak ada salahnya, namun ada cara yang lebih cepat dan mudah dalam mencari kode skin head dan body.


Cara tercepat mencari kode Skin Head dan body sewaktu edit html blog dapat dilakukan denga langkah - langkah sebagai berikut:

Langkah 1:
Login ke blogger.com ---> Template ---> Edit Html.

Langkah 2:
Dengan Ctrl+F carilah kode ]]></b:skin>. Letakkan text - karakter (komentar) berikut di atasnya sehingga menjadi:

/*7*/
]]></b:skin>

Langkah 3:
Dengan Ctrl+F carilah kode </head>. Letakkan text berikut di atasnya sehingga menjadi:

<!--*8-->
</head>

Langkah 4:
Dengan Ctrl+F carilah kode </body>. Letakkan text berikut di atasnya sehingga menjadi:

<!--*9-->
</body>

Langkah 5:
Simpan template. selesai.

Selanjutnya bila akan mencari kode - kode ]]></b:skin>, </head> dan </body> tidak perlu mengetikkan kode tersebut secara komplit. Yang diperlukan hanya mengetikkan *7 untuk mencari kode ]]></b:skin>, ketikkan *8 untuk mencari kode </head> dan *9 untuk kode </body> pada kotak pencarian dengan menggunakan Ctrl+F tentunya.

Catatan:
Kode - kode karakter tambahan tersebut sengaja memakai simbol asterix (*), angka 7, 8 dan 9. Hal ini dimaksudkan untuk mempermudah saja, sebab simbol - simbol tersebut letaknya saling berdekatan pada numeric keyboard. Dan jangan khawatir, sebab tambahan text tersebut tidak akan nampak pada tampilan blog.

Selamat mencoba, semoga sukses.