Membuat halaman blog dinamis, bag kedua.

Sangat senang sekali bisa membuat Blog Dinamis. seperti punya web profesional dengan halaman yang bisa berganti(berubah).
bagi yang belum faham tentang blog dinamis bisa dilihat di sini
coba diperhatikan antara halaman depan(home) dengan halaman posting. di sana halaman utamanya terdiri dari header, menu, slide show, 3 kolom menu dan 4 kolom footer. setelah di klik salah satu menu yang ada, maka kita akan dibawa pada halaman posting. di halaman posting ini tampilan yang tampak adalah header, menu, halaman posting, 2 sidebar,dan 4 footer sementara slide show dan tampilan 3 kolom menu menghilang atau di sembunyikan.

nah bagi yang pengen punya belajar membuat halaman blog dinamis.
yuk....kita simak penjelasan di bawah ini.


Cara Pemasangan

untuk memasangnya kedalam blog cukuplah mudah, tinggal memasang dua baris kode pada setiap halaman eleman. untuk memudahkan dalam mencari bisa gunakan tombol ctrl + f.


Pertama : Menampilkan elemen hanya ada pada halaman frontpage atau halaman depan. 
 
Pilih salah satu elemen yang hanya tampil di halaman depan blog, misalkan saya memilih elemen text  kemudian buka Template->Edit Html dan jangan lupa tandai kotak kecil di samping tulisan Expand Template Widget. kemudian cari tulisan atau kode elemen Text1. setelah ketemu tambahkan dan letakan dua baris kode pada posisi seperti tulisan yang saya  beri warna.

<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond="data:blog.url == data:blog.homepageUrl">
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content>
</data:content>
</div>
</b:if>
<b:include name="quickedit">  
</b:includable>
</b:widget>

Kedua : Menampilkan elemen hanya ada pada halaman selanjutnya.
 
Setelah kita memilih elemen mana yang akan tampil pada halaman selanjutnya, lakukan seperti langkah pertama. kemudian tambahkan dan letakan dua baris kode pada posisi seperti di bawah ini.

<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content>
</data:content>
</div>
<b:include name="quickedit">
</b:if>   
</b:includable>
</b:widget>

Mencari kode elemen atau widget.

Sebagai tambahan setiap kita menambahkan sebuah elemen pada blog  secara default blogger telah memberi nama sesuai dengan elemennya. misalkan elemen Html/javascript di namai Html, elemen Daftar Link di namai LinkList, elemen Teks di namai text, Label di namai label. dst.
Dan setiap menambahkan elemen yang sama misalkan elemen text, maka blogger menemainya dengan Text1, Text2, Text3 dst. Html/javascript jadi Html1, Html2,Html3 dst.
agar mudah mencari elemen yang kita tambahkan, bagusnya saudara memberikan judul pada setiap elemen. misalkan untuk elemen daftar liks atau linklist dengan judul bloggrol dst.

 semoga bermanfaat.....