Tutorial Desain Blogger Template

"Menjadi seorang laki-laki itu harus bisa mengandalkan dirinya sendiri"
by : Bens Widyanto

Struktur Kode Blogger Template

Seperti Inilah yang struktur dari Blogger kode template, dengan cara yang sederhana untuk melihat hal itu. Saya menggunakan Template Generik Blogger sebagai referensi, tetapi gagasan adalah sama untuk template lain juga. Saya sudah dipisahkan kode dalam 3 bagian dan hanya menampilkan baris atas setiap bagian sehingga Anda dapat mencari baris yang dimulai nanti.


Bagian 1:
Kode 'header'. Pada dasarnya ini berisi informasi penting tentang kode template dan judul blog Anda. Terbaik dari semua, Anda tidak perlu khawatir tentang apa pun di bagian ini. Ini header standar untuk semua template. Satu-satunya waktu Anda menambahkan beberapa kode di sini adalah ketika Anda ingin menempatkan beberapa tag meta (informasi tambahan tentang blog Anda untuk SEO).

Bagian 2:
Ini adalah Bagian CSS Styling. CSS singkatan dari Cascading Style Sheets, bahasa web yang digunakan untuk mengontrol gaya dokumen HTML. Ini adalah bagian yang ingin Anda tahu sebagian besar, jika Anda ingin memodifikasi template yang ada atau desain template baru. Walaupun itu adalah kode pemrograman web, Anda masih bisa melakukan banyak hal pada Anda desain template jika Anda memahami struktur bagian ini tanpa mengetahui banyak tentang HTML dan CSS. Kita akan sampai ke bagian ini secara lebih rinci nanti.

Bagian 3:
Ini adalah tubuh atau Data dari kode - bagian terpenting yang mengambil semua konten Anda dari database Blogger dan menempatkan di tempat yang tepat ke dalam blog Anda ketika seseorang melihat blog Anda. Ini juga merupakan bagian yang memberitahu blog Anda bagian mana yang lebih dulu - Header, Sidebars, Main, Post, Footer, dll Tapi itu tidak mengatur tampilan blog dan bagaimana hal itu akan terlihat seperti di internet (karena yang bagian dikendalikan oleh bagian styling CSS).

Anda pada dasarnya tidak perlu khawatir banyak tentang bagian ini juga, seperti Bagian 1. Tapi Anda harus tahu sedikit tentang bagian ini jika Anda ingin mulai menambahkan widget tambahan yang tidak dapat dimasukkan dengan menggunakan tombol Add Page Element, seperti tombol bookmark sosial - Digg, AddThis, tombol RSS; atau jika Anda ingin menempatkan Adsensecodes di tempat-tempat khusus seperti di Halaman Posting; atau menempatkan kode Google Analytics untuk melacak pengunjung ke blog Anda; dan banyak hal lainnya. Sebagian besar waktu, ada petunjuk mudah sudah tersedia untuk membantu Anda menambahkan hal-hal ini di blog Anda. Jadi, sekali lagi, tidak ada banyak perlu khawatir dalam bagian ini.


Tutorial berikutnya:
Tutorial yang harus Anda ikuti depan untuk membantu Anda memahami lebih lanjut tentang template Blogger adalah Struktur CSS Styling Section.




3 comments:

  1. makasih gan, jadi lebih tau

    ReplyDelete
  2. mantap min, jadi tambah ilmu tntang blog

    ReplyDelete
  3. Makasih atas artikelnya, jadi tambah wawasan tentang blog nih.

    ReplyDelete

Next Older Post
Struktur Kode Blogger Template | Blogger76