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
Sumber tulisan dari :
1. adding-front-page-to-your-blog by Hoctro's place
2. related-posts by purplemoggy
info berguna nih, buat yg lagi belajar kayak saya.
ReplyDeletelam kenal, link balik ya, udah ta taro duluan link nya
Hello friend, You create a nice blog... my blog.. http://www.softwarecomplex.blogspot.com/ Thanks for the comment in my blog.
ReplyDeletehttp://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
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?^^
ReplyDeleteutha_de_hikaru@yahoo.co.id
tahnx berat y, ilmunya...soalx sy gy blajar ne...tetp sharng2 ilmunya.
ReplyDeletetukeran link juga y sm sy!
internetworkwireless.blogspot.com/
wekekkekeke... baca postingan lama kang jaloee nih prinsip portal yak wekekekkeke
ReplyDeletekang, ada script yang kalo kita mengklik url tertentu yabg sudah kita inginkan bakal muncul widget yanng kita inginkan.
ReplyDeletemaaaf kalo bahasanya sulit dipahami
@ Goza
ReplyDeletekalau sy beloem menemukan mas.. script seperti itu..
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.
ReplyDeleteGimana caranya itu, kang?
@ Anthony Harman
ReplyDeletekan 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
Kang, gimana caranya menampilkan elemen hanya ada pada halaman selanjutnya, pada kolom postingan.
ReplyDeleteMaksud saya, pada halaman frontpage, postingan kita kagak kelihatan
@ Anthony Harman
ReplyDeletepenejelasanya ada di sini mas
http://jaloee.blogspot.com/2009/01/yang-bertanya-yang-menjawab.html
@ Anthony Harman
ReplyDeleteuf salah sorry .. maksud na di sini
http://jaloee.blogspot.com/2009/01/memperbaiki-bug-pada-indek-search-label.html
Kang jaloe nuhun ilmu na, dicobian ahhh........
ReplyDeletewah makasih nih buat infonya, minta ijin untuk mengkopinya ya :-)
ReplyDeletethx for tutorial mas :)
ReplyDeleteasiiiik...dari sekain banyak artikel yang saya baca..hanya artikel ini yang saya mengerti...terimakasih banyak...
ReplyDeleteulasan yang hebat sobatku, salam kenal
ReplyDeletetetem Binun Gue amwun Kang
ReplyDeleteSaya coba dulu, mudah2an blog saya bisa lebih bagus lagi...
ReplyDeletekang basic leot nya apa aja yang bisa di ancurin pake tut yg kang'e tulis ini...
ReplyDelete@ Sailor
ReplyDeletesemua " Layout Templates " bisa di ancurin, kalau untuk " Template Designer " - template baru di blogspot ..red- ane belum perna coba