Bikin Blog Lebih Dinamis

Dec 30, 2007

kali ini saya akan menulis bagaimana blog kita biar lebih dinamis lagi, atau sedikit merasakan pengelola-an  halaman blog gaya website berbasis content manajemen sistem (CMS). 

terutama mengelola elemen  yang ada di halaman depan blog  berbeda penampilanya dengan halaman yang di buka.

Untuk lebih jelasnya silahkan saudara pilih  salah satu judul tulisan yang ada pada blog ini.kemudian saudara perhatikan perubahan tampilan di bagian sidebarnya. Maka elemen profile, shoutbox dan recent komentar akan menghilang. Sedang elemen lain, yaitu elemen feed yang saya beri judul Template, tiba-tiba Tampak pada halaman yang di buka.

Coba kembali kebagian halaman utama tekan tab menu bertuliskan Home di bagian atas.
Berbeda bukan ? pada hal saya lakukan ini pada satu blog, dan tak perlu membuat blog baru lagi.

Gaya page dinamis ini sangat cocok sekali, bagi blog yang contentnya ingin menampilkan banyak link seputar ilmu pengetahuan, kumpulan tutorial dsb. juga sangat cocok bagi saudara yang ingin menampilkan diri anda dan kesukaannya.- artinya dari pada bernafsu memasang semua  elemennya pada halaman muka, lebih baik jika di bagi pada halaman lainnya.- tinggal kita pandai-pandai memilah dan memilah, elemen mana yang cucok di tampilkan pada halaman depan, dan elemen mana yang pas buat tampil di halaman selanjutnya.

Cara Install.

untuk menginstall-nya ke dalam blog sangatlah mudah, kita hanya menambahkan dua baris kode pada setiap halaman elemen yang di tambahkan atau yang terpasang.

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.

Perlu saudara ketahui setiap menambahkan sebuah elemen   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.

Atau 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.

Mudah bukan smile_sad

Sumber tulisan dari :

1. adding-front-page-to-your-blog by Hoctro's place

2. related-posts by purplemoggy

Technorati tags: ,

21 comments:

  1. info berguna nih, buat yg lagi belajar kayak saya.

    lam kenal, link balik ya, udah ta taro duluan link nya

    ReplyDelete
  2. Hello friend, You create a nice blog... my blog.. http://www.softwarecomplex.blogspot.com/ Thanks for the comment in my blog.
    http://iearnmoneyhelper.blogspot.com/
    Contact me.. I will show how to earn money with your blog.. I have some easy ideas... my mail is nanthan.smix@gmail.com. I am earning more than 500$ per month.

    have a nice day

    ReplyDelete
  3. duh..pas blogger ganti layout pake format xml...gw jadi gak ngerti pasang widget.ngga bisa asal gitu.mesti bikin format icnludable apalah.sumpha,gw ngga ngerti.bantu gw dong.send me email ya?^^
    utha_de_hikaru@yahoo.co.id

    ReplyDelete
  4. tahnx berat y, ilmunya...soalx sy gy blajar ne...tetp sharng2 ilmunya.

    tukeran link juga y sm sy!

    internetworkwireless.blogspot.com/

    ReplyDelete
  5. wekekkekeke... baca postingan lama kang jaloee nih prinsip portal yak wekekekkeke

    ReplyDelete
  6. kang, ada script yang kalo kita mengklik url tertentu yabg sudah kita inginkan bakal muncul widget yanng kita inginkan.

    maaaf kalo bahasanya sulit dipahami

    ReplyDelete
  7. @ Goza

    kalau sy beloem menemukan mas.. script seperti itu..

    ReplyDelete
  8. Kang Jaloe, di blog ini saya liat, begitu kita masuk halaman selanjutnya, kolom postingan yang tadinya sempit, berubah menjadi lebar setelah ada kolom widget yg dihilangkan.

    Gimana caranya itu, kang?

    ReplyDelete
  9. @ Anthony Harman

    kan artikel yach dah saya tulis di sini

    http://catalog-tutorial.blogspot.com/2009/01/bagimana-membedakan-ukuran-antara-main.html

    dari artikel itu.. trik blog ini berasal. mas

    ReplyDelete
  10. Kang, gimana caranya menampilkan elemen hanya ada pada halaman selanjutnya, pada kolom postingan.
    Maksud saya, pada halaman frontpage, postingan kita kagak kelihatan

    ReplyDelete
  11. @ Anthony Harman

    penejelasanya ada di sini mas

    http://jaloee.blogspot.com/2009/01/yang-bertanya-yang-menjawab.html

    ReplyDelete
  12. @ Anthony Harman

    uf salah sorry .. maksud na di sini

    http://jaloee.blogspot.com/2009/01/memperbaiki-bug-pada-indek-search-label.html

    ReplyDelete
  13. Kang jaloe nuhun ilmu na, dicobian ahhh........

    ReplyDelete
  14. wah makasih nih buat infonya, minta ijin untuk mengkopinya ya :-)

    ReplyDelete
  15. asiiiik...dari sekain banyak artikel yang saya baca..hanya artikel ini yang saya mengerti...terimakasih banyak...

    ReplyDelete
  16. ulasan yang hebat sobatku, salam kenal

    ReplyDelete
  17. Saya coba dulu, mudah2an blog saya bisa lebih bagus lagi...

    ReplyDelete
  18. kang basic leot nya apa aja yang bisa di ancurin pake tut yg kang'e tulis ini...

    ReplyDelete
  19. @ Sailor

    semua " Layout Templates " bisa di ancurin, kalau untuk " Template Designer " - template baru di blogspot ..red- ane belum perna coba

    ReplyDelete