Ngoprek Sidebar Bag. 3
Artikel ini merupakan kelanjutan dari artikel sebelumnya.
Artikel ini berisi berbagai cara untuk menghiasi sidebar. Antara lain menampilkan gambar acak, hadist, kutipan-kutipan, mini post, ikon rss feed. Dan daftar situs untuk mencari plugin gratis yang bisa di taruh di sidebar.
Aksesoris sidebar
Kita bisa aksesoris untuk mempercantik sidebar itu. Berikut ini adalah beberapa contohnya.
Randomness (Keserampangan)
Kita bisa menaruh teks atau gambar yg acak di sidebar. Ada banyak script dan teknik untuk membuat gambar acak yang akan berubah setiap halaman akan di refresh. Yang perlu diperhatikan adalah apakah script tersebut cocok dengan sidebarmu.
Foto vertikal cenderung cocok dengan kolom vertikal sidebar. Bisa juga menaruh gambar horisontal selama gambar itu ga melebihi lebar sidebar. Kalo hal itu terjadi maka gambar itu akan mengacaukan layout web.
Beberapa sumber untuk membuat gambar yg ditampilkan secara acak.
- Random Image Selector by Keith Murray.
- Random Image Script by PhotoMatt.
- Coffee2code’s Random File Plugin
Selain itu, untuk membuat teks yang dapat berubah secara acak, bisa menggunakan berbagai macam plugin. Plugin ini bermanfaat jika kita memiliki daftar link yg ingin di posting, kutipan-kutipan, atau unformasi lain yang ingin di tampilkan secara acak. Plugin itu antara lain.
- Randomized Blogroll Plugin
- Fortunate (random quote) Plugin
- Get Random page
- Random File
- Random Hadith
- Random Blogroll
Kalo pengen lihat daftar plugin untuk membuat gambar/teks tampil secara acak, klik aja di sini.
Mini Post
Mini post ini untuk menampilkan posting, link, atau topik tertentu di sidebar. Ukurannya mini agar bisa masuk di sidebar. Gunanya agar bisa menarik perhatian pengunjung tentang topik tertentu. Mini Post bisa dilakukan dengan plugin atau dengan memanfaatkan link manager.
Contoh cara membuat minipost tentang link dengan link manager. Buat kategori link yang bernama APA AJA. Masukkan link ke kategori itu. Berikan judul dan deskripsi pendek untuk link itu. Jangan terlalu panjang agar bisa muat di sidebar. Kemudian letakkan kode dibawah ini di sidebar.
<h3>Worth Visiting:</h3> <ul id="elsewhere"> <?php get_links(5, '<li>', '</li>', ' ', FALSE, '_id', FALSE, FALSE, 3, FALSE, TRUE); ?> </ul>
Kategori APA AJA memiliki category id 5 dan template tag get_links() menampilkan 3 link yang di urutkan sesuai ID dan menampilkan judul link itu. Tampilannya akan seperti ini.
Catt : Kode get_links() sudah tidak di support oleh wordpress 2.7.1 dan di gantikan dengan wp_list_bookmarks().
Daripada pusing menulis kode template, bisa juga menggunakan plugin berikut ini.
Tombol dan Ikon
Beberapa orang lebih senang menampilkan tombol atau ikon dibanding daftar teks yg berisi link. Pada tema default Wordpress atau tema klasik menampilkan teks link untuk memvalidasi blogmu. Kode itu seperti ini.
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"> Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
Untuk mengganti kode itu agar bisa menampilkan icon, seperti ikon “Valid XHTML”, kopi ikon itu ke situsmu dan rubahlah kode itu seperti ini. Sesuaikan img src dengan letak image di situsmu.
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><img src="http://example.com/graphics/icons/valid-xhtml10.gif" alt="Valid XHTML 1.0!" height="31" width="88" /></a></li>
Teknik yang sama bisa di gunakan untuk menampilkan penghargaan yang kamu peroleh dengan icon atau gambar.
<li><a href="http://example2.com/" title="Award Winning Site Awards"><img src="http://example.com/graphics/icons/award42.gif" alt="Award for Award Winning Site" height="50" width="50" /></a></li>
Ada perbedaan kalo mau menampilkan gambar yg link dengan feeds. Wordpress menggunakan template tags untuk menampilkan feeds. Kode Link RSS 2.0 yang tanpa grafik seperti ini.
<li><a href="feed:<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"> <?php _e('<abbr title="Really Simple Syndication">RSS</abbr>'); ?> </a></li>
Fungsi bloginfo() punya parameter tersendiri untuk berbagai macam feeds. Biarkan aja seperti di atas. Sekarang kita ingin mengganti dengan teks atau gambar.
Biasanya feed tampil dengan kotak warna oranye, atau bisa juga warna lain. Untuk membantu membuat gambar feed, coba aja ke sini. Ato bisa juga menggunakan icon yang dibuat oleh Mozilla Foundation.
Untuk menggunakan icon RSS itu sebagai pengganti teks, gunakan kode di bawah ini.
<li><a href="feed:<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"> <img src="http://example.com/graphics/icons/rssfeed20.gif" alt="RSS Feed 2.0" height="20" width="75" /></a></li>
Sumber Plugin
Kita bisa memakai plugin apa aja untuk di tempatkan di sidebar. Ada banyak situs yang menyediakan plugin yang dapat di download secara gratis. Berikut ini daftar situs yang menyediakan informasi plugin gratis.
