Thursday, February 26, 2009

Membuat Widget Admin

Posted by dav On 1:41 AM
Hari ini memang acaranya tidak ada kerjaan. Tapi bukan berarti tanpa tips... Kali ini mari kita buat Widget/Sidebar Admin. Panel admin bukan hanya milik W0rdpr*s, Blog*Spot juga bisa ditambahkan Panel Admin. Ini bermanfaat bagi para blogger yang membuang NavBar pada bagian atas. Dari pada kita repot-repot bolak-balik ke Google, mending dibuatkan Widget/Sidebar admin. Bagaimana cara membuatnya???

Langkah 1
Login ke Blogger
Langkah 2
Masuk kebagian "Tata Letak - Elemen Halaman"
Langkah 3
Tambah Gadget baru dan pilih "Daftar Link"
Langkah 4
Masukan link dibawah ini satu persatu :
Dasbor........: http://www.blogger.com/home
Pengaturan..: http://www.blogger.com/blog-options-basic.g?blogID=#####
Tata Letak..: http://www.blogger.com/rearrange?blogID=#####
Entri Baru....: http://www.blogger.com/post-create.g?blogID=#####
Edit Entri.....: http://www.blogger.com/posts.g?blogID=#####
Langkah 5
Simpanlah Gadget Beru tersebut

Keterangan :
  • Untuk mengetahui nomor id dari account kita, masuk ke bagian Dasbor seperti gambar dibawah ini :
  • Arahkan pointer mouse pada bagian-bagian seperti pada langkah 4 dan lihat pada bagian status bar di browser seperti gambar dibawah ini :
  • Misal disana tertera angka : 7350022283544621464, maka masukan angka tersebut menggantikan tanda ##### pada langkah 4.
Mudah-mudahan berhasil... Happy blogging :) tingalkan pesan jika mengalami kesulitan...

Tampilkan dan Sembunyikan Widget Tertentu

Posted by dav On 1:18 AM
Ini sebenarnya trik sederhana saja. Yah... sambil melepas lelah dan mengisi waktu luang saja membuat trik ini. Pada dasarnya trik ini adalah bawaan Blogger itu sendiri, kita manfaatkan untuk menampilkan atau menyembunyikan widget/sidebar tertentu. Sebagai contoh saya menampilkan sidebar "ADMIN" hanya dihalaman utama saja. Jika artikel dibuka satu persatu maka sidebar "ADMIN" tidak akan di tampilkan. Mudah-mudahan paham maksudnya. Silahkan ikuti langkah dibawah ini untuk mencobanya...

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke bagian "Tata Letak - Edit HTML"
Langkah 3
Jangan lupa checklist "Expand Template Widget"
Langkah 4
Lihat contoh berikut :
Dibawah ini kode awal sebelum di tambahkan kode tertentu
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<b:if cond='data:codeSnippet != &quot;&quot;'>

...
...

</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
Dan perhatikan kode berwarna biru, itulah kode penambahan
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:title != &quot;&quot;'>
<b:if cond='data:codeSnippet != &quot;&quot;'>

...
...

</b:if>
<b:include name='quickedit'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
Langkah 5
Simpanlah template

Keterangan :
  • Kode tambahan untuk menampilkan dan menyembunyikan widget/sidebar bisa diterapkan disemua widget/sidebar.
  • Kode data:blog.homepageUrl adalah untuk menunjukan alamat blog.
  • Kode data:blog.url adalah untuk mengunci/menunjukan alamat tertentu.
  • Sedangkan tanda == digunakan sebagai pemeriksa, sehingga jika diterjemahkan kurang lebih seperti ini; jika data:blog.homepageUrl sama dengan data:blog.url maka widget/sidebar akan ditampilkan, jika tidak widget/sidebar akan disembunyikan.
Mudah-mudahan paham maksud, tujuan dan tips ini. Happy blogging :)
Tinggalkan pesan jika mengalami kegagalan....