Membuat Custom Tag Cloud (Awan Tag)
Mungkin diantara kita semua sudah paham apa yang disebut dengan awan tag (tag cloud), yakni kumpulan tag-tag postingan yang berbentuk seperti awan. Disebut awan karena kumpulan tag-tag tersebut berkumpul menjadi suatu bentuk awan dimana setiap ukuran tag mempunyai ukuran font yang berbeda yang tergantung dari jumlah postingan yang dimilikinya. Sebagai contoh, tag “Gratis” pada blog ini mempunyai ukuran terbesar dari semua tag yang ada saat ini (2 April 09), disebabkan tag tersebut memiliki 17 posting (terbanyak daripada tag-tag lainnya).
Tag cloud biasanya diletakkan di sisi blog (sidebar) oleh webmaster. Dan secara default jumlah tag yang terdapat di sidebar berjumlah 45 tag. Fungsi tag sebenarnya sangat penting di dalam SEO (untuk lebih jelasnya silahkan bertanya pada master-master SEO), oleh karena itu kebanyakan mereka menampilkan tag cloud pada sidebar situs mereka. Namun dengan alasan penghematan space/tempat, maka banyak diantara para blogger merasa tidak perlu untuk menampilkannya. Padahal kita juga bisa menampilkan tag cloud tersebut di suatu halaman secara terpisah, sehingga bisa menghemat space sidebar yang ada.
Di sini kita akan belajar bagaimana menampilkan tag cloud pada satu halaman dengan menggunakan template halaman yang bisa kita buat sendiri. Pertama-tama kita harus mengenal kode php untuk menampilkan tag cloud pada wordpress. Secara default, kode php tersebut adalah:
1 | <?php wp_tag_cloud(); ?> |
Perlu diperhatikan, bahwasanya kita tidak akan bisa menjalankan (execute) kode php di html atau visual editor WYSWYG pada wordpress, jadi kode php yang akan dijalankan harus disisipkan pada file php yang terdapat pada template blog.
Kemudian buat suatu template halaman dan berilah nama (contoh: tag cloud page). Template tersebut bisa sama persis dengan template guestbook yang pernah saya bahas sebelumnya. Setelah itu sisipkan kode php tag cloud di atas, di antara awalan loop hingga akhiran loop.
====================================================
Loop adalah “suatu ruang” tempat menyisipkan kode php yang diawali dengan:
1 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>dan diakhiri dengan:
1
2
3 <?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
Loop biasanya terdapat pada file single.php atau index.php
====================================================
Langkah selanjutnya sama seperti pembuatan template halaman buku tamu, yakni save file tersebut kemudian upload ke direktori template (wp-content/themes/nama-themes/) blog wordpress kita. Silahkan lihat kembali pembahasan mengenai pembuatan template halaman di sini dan di sini.
Saya sudah membuat suatu halaman yang saya gunakan sebagai contoh untuk menampilkan salah satunya tag cloud yang bisa dilihat di halaman custom page.
Kode php untuk menampilkan tag cloud secara normal (default):
1 | <?php wp_tag_cloud(); ?> |

Kode tersebut akan menampilkan tag cloud yang hanya berjumlah 45 tag. Jika kita hendak menampilkan SEMUA TAG yang terdapat di blog kita, maka kita bisa mengubah kode di atas menjadi:
1 | <?php wp_tag_cloud('number=0&smallest=10&largest=35&'); ?> |
Atau kita pun bisa menampilkan bukan sebagai bentuk awan, tapi sebagai bentuk list dengan mengubah kode di atas menjadi:
1 | <?php wp_tag_cloud('number=0&smallest=10&largest=35&format=list&'); ?> |
Agar tag cloud yang ditampilkan bisa menjadi rata tengah, maka yang harus dilakukan hanyalah menambahkan kode html
1 | <center> |
dan
1 | </center> |
di awal dan akhir kode php di atas.
1 | <center><?php wp_tag_cloud('number=0&smallest=10&largest=35&'); ?></center> |
Beberapa parameter kode php untuk tag cloud yang perlu kita ketahui sehingga kita bisa memodifikasi tampilan tag cloud:
-
smallest: ukuran font untuk tag yang terkecil. Contoh:(’smallest=8&largest=35′)
-
largest: ukuran font untuk tag yang terbesar. Contoh:(’smallest=8&largest=35′)
-
unit: satuan ukuran untuk besarnya font. Contoh: (‘unit=pt&’), atau (‘unit=px’)
-
number: Jumlah maximum tag yang akan ditampilkan. Untuk menampilkan semua tag, number=0
-
format: Format tampilan tag cloud (‘format=list’), atau (‘format=flat’)
-
orderby: Sorot tampilan menurut abjad atau jumlah postingan (‘orderby=name’) atau (‘orderby=count’)
Jangan lupakan memakai tanda petik satu (‘) di awal paramater dan akhir parameter.
Selamat mencoba…
Artikel yang berhubungan:
Berlangganan Artikel
Dengan berlangganan, anda akan dikirim artikel terbaru blog ini secara lengkap. Masukkan alamat email anda, kemudian tekan tombol subscribe:





Hufff… Capeknya. Postingan ini adalah postingan tersusah yg pernah saya buat.
Bukan susah ngetiknya atau susah editnya, tapi susah cari cara buat escape kode-kode php yg ditulis (katrok bener ya..)
Tapi gpp, itung-itung pengalaman. Buat ngerayain keberhasilan ini, izinkan saya bilang:
PERTAMAXXXXXXXXXXXXXXXXXXXXXXXXXXX
Saya jadi sadar bagaimana susahnya membuat suatu postingan yang bermutu. Oleh karena itu saya memahami bagaimana sakit hatinya orang yang artikelnya dicopy paste tanpa izin, apalagi tanpa menyertakan sumber dan link yang hidup…
Pesan buat semua blogger, bahwasanya suatu tindakan yang sangat tidak etis apapila dalam mengcopy-paste suatu artikel itu dilakukan tanpa menyertakan sumber (link) yang hidup. Silahkan copy-paste artikel di situs ini selagi itu bermanfaat walau tanpa persetujuan saya, asalkan menyertakan sumber (backlink) ke artikel yg bersangkutan.
Blog yang dan sekalianminta izin untuk kopi paste…. moho dimaklumi pak pingin ngeblog tapi susah bikin tulisan dan sibuk kerja he he
Silahkan pak, jangan lupa mencantumkan link sumbernya.
Your Posting is not Safe From PertamaX Junker…
gak boleh gw copas neh bro?
selamat ya.. PR 2
Cipzto’s last blog post..Dapet PR juga dari Mbah
Boleh aja, tanpa izin pun boleh, asal cantumin link sebagai rujukannya
hmm kayaknya menarik nih…sy jg pakai tag template itu hehehe lumayan jadi rada bagusan
saya setuju tags (di wp ini sama dgn kata kunci ya..) lbh bermanfaat dibanding kategori, dan pemakaian keduanya kadang tdk aksesibel, krn bs saja ada tags dan kategori dgn slug yg sama tp mengacu ke URI yg berbeda.
diskusi lainnya saya terusin di blognya bakawan dot com/log aja..
@dan : :D.
btw, tuan rumah, maaf yah hahaha jadi tempat titip pesen.
gemana caranya supaya inline CSS utk font-size ngga muncul tp cukup make class aja ya..biar lbh semantik
Yup betul, semantik itu perlu. Biar agak professional
saya bukan profesional kok..cuman pengen tau aja
Hehee.. Mas dani bisa aja klo merendah
. Klo mas dani bukan profesional, gimana saya ya..
Wah … artikel ini salah satu artikel tutorial yang luar biasa yang saya temui.
Saya kebingungan karena tag saya hanya bisa menampung 45 buah, dan saya ingin menampilkan semua tag saya pada sidebar.
Saya mencoba mencari informasi via google dan menemukan artikel ini. setelah saya membaca artikel ini pelan-pelan dan hati-hati, dan mencoba menginplementasikannya di blog wordpress saya (karena takut eror :oops: ) dan ternyata it work
dengan sangat baik.
trims untuk artikel ini, saya yakin anda telah dengan susah payah membuat postingan ini, tapi saya juga yakin artikel ini sangat bermanfaat bagi kebanyakan blogger pemakai wordpress.org
Sukses selalu dan tetap terus berkreasi
jabat erat
panelbusiness.com
Indonesia Business Directory’s last blog post..For New Technology Network Bearings
Ass.wr.wb
Salam Kenal pak Rismaka….
Sungguh tutorial ttg tag cloud anda rinci sekali…
izinkan sy utk mengkopi ya.. sy mau pelajari secara offline lewat kompi saya…
Trims, dan semoga ilmu anda terus bertambah’dan mendapatkan keberkahan dari Allah SWT
Amien
Panduan Bisnis Internet’s last blog post..Plugin Penting Untuk Wordpress
Allahumma amin.
Terima kasih pak
thanks atas tipsnya sob, jangan lupa terus melakukan eksperimen ya. aku tunggu tips selanjutnya sob. jadi followerku ya sob
OK, thanks juga udah berkunjung ya. I follow you.
sudah kang aku tulis kado buat sampean… tks
Terima kasih banyak mas Badrudin udah berkenan menulis tentang saya. Hanya saja mungkin terlalu berlebihan kalau saya disebut sebagai blog yg professional, karena sampai detik inipun saya masih belajar tentang kata professional itu sendiri.
O iya mas, tadi saya mau komentar, tapi kok ga ada kolom komentarnya ya?
Sekali lagi terima kasih buat mas Badrudin
[...] http://rismaka.net/2009/04/membuat-custom-tag-cloud-awan-tag.html#comment-2816 [...]
oh jadi tahu neh kenapa tag cloud-nya mesti dicantumkan, btw saya sendiri belum menerapkan dengan alasan kurang tempat…
[...] biasanya mengenal tag dalam bentuk awan, yang biasa disebut dengan awan tag atau tag cloud. Terlepas dari fungsinya sebagai search engine optimizer, keberadaan awan tag atau [...]
nice info om, btw selalu harus pake php aja ya ? javascript or lainnya gitu ada gak?
makasih.
ribet bgt…padahal kalo pake plugin…tinggal klak klik klak klik…selesai deh…but its cool!!