Variabel data dari blogger

Dalam membuat Layout kita harus memahami bahwa yang kita desain adalah tampilan atau kulinya saja, makanya layout disebut juga skin. Artinya data yang diiput baik berupa posting, judul atau koementar-komentar harus tetap disediakan. Untuk menghubungkan antara data yang diinput tersebut supaya tampil diblog, maka diperlukan media penampung yang disebut database.

Kelompok-kelompok media penampung data itulah yang disebut variabel. Variabel ditandai dengan lambang <$nama variabel$> dan variabel tidak boleh ada spasi, misalnya <$BlogURL$>, <$BlogDescription$>, <$BlogDateHeaderDate$> dan sebagainya. Jadi varibel tersebut tidak boleh dihapus.

Berikut contoh Variabel dan pembagian kategorinya

1. Bagian Header
   <h1 id="blog-title">
   <itempage><a href="">"></itempage>
   <$BlogTitle$>
   <itempage></a></itempage>
   </h1>
   <p id="description"><$BlogDescription$></p>
   </div>
   
   
2. Bagian Side bar / sisi
   
   <!-- Begin #profile-container -->
   
   <$BlogMemberProfile$>
   
   <!-- End #profile -->
   
   <MainOrArchivePage>
   <h2 class="sidebar-title"><$I18NLinks$></h2>
   <ul>
   <li><a href="http://news.google.com/">Google News</a></li>
   <li><a href="http://help.blogger.com">Edit-Me</a></li>
   <li><a href="http://help.blogger.com>Edit-Me</a></li>
   </ul>
   </MainOrArchivePage>
   
   
3. Bagian Main / isi
   Untuk bagian ini tidak semua dapat kami tulis, karena Kode HTMLnya terlalu banyak, jadi saya ambil seagian saja, contohnya dibawah ini
   
   <div class="post"><a name="<$BlogItemNumber$>"></a>
   <BlogItemTitle>
   <h3 class="post-title">
   <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
   <$BlogItemTitle$>
   <BlogItemUrl></a></BlogItemUrl>
   </h3>
   </BlogItemTitle>
   
   <div class="post-body">
   <div>
   <$BlogItemBody>
   amp;gt;
   amp;gt;
   amp;gt;
   amp;gt;
   amp;gt;
   </div>

Dan masih banyak lagi variabel yang digunakan dalam blogger tersebut. Kalau anda lihat source kode sebuah blogger baik milik anda maupun milik rekan blogger, biasanya sudah anda penegelompokan apakah itu bagian header, bagian sidebar, bagian main, maupun bagian footer. Kemudian ada satu perintah <Div> dan </Div> . Ini adalah perintah untuk mengambil perintah CSS yang sudah disiapkan, kita akan pelajari lebih lanjut di postingan lainnya.

Kemudian ada satu perintah lagi yaitu <!-- Begin #profile-container --> , perintah ini adalah supaya antara <!-- dan --> tidak tampil di blog anda.