Berkunjung dan bersilaturrahmi melalui blog memang sangat mengasyikan, selain menambah relasi, banyak ilmu yang bermanfaat bisa kita dapatkan. Tentunya, dari informasi dan pengalaman yang pernah ditulis oleh blogger-blogger lain. Jangan salah, dengan memeperhatikan konten dan tampilan blog lain, dapat memacu kita untuk memiliki blog pribadi yang menyerupai dan bahkan melebihi blog tersebut. Sama halnya dengan trik ini. Trik ini berawal ketika blogwalking ke blog blogger-blogger lain.
Beberapa blog menggunakan sedikit ruang (box tentang) di akhir postingannya untuk menuliskan informasi singkat tentang pemilik blog. Cara ini sangat menarik, sehingga pengunjung yang nyasar dari google-pun tidak kesusahan mengenal si pemilik blog. Dengan kata lain tidak perlu membuka halaman about/tentang dan lain-lain untuk mengenal pemilik blog. Mana tau pengunjung yang nyasar adalah teman, saudara, sepupu, sepupu jauh, saudara jauh dari pemilik dan lain-lain. Sehingga peran social networking-pun bisa terbantu dengan ruang ini. Perhatikan gambar box tentang isaninside.net berikut ini.
Saya telah membuat box tentang di blog ini secara manual. Kita hanya memerlukan sedikit modifikasi di file single.php wordpress. Adapun langkah-langkah yang bisa dilakukan adalah sebagai berikut.
- Buka file single.php pada themes yang digunakan.
- Copy kode berikut ini.
- Tentukan posisi box tentang. Caranya carilah syntax “ </div> <?php comments_template(); ?> “. Pastekan code tersebut sebelum syntax </div>. Jika anda tidak menemukan syntax </div> sebelum <?php comments_template(); ?>. Maka pastekan sebelum syntax <?php comments_template(); ?>. Pemilihan posisi ini akan sangat memudahkan anda jika anda memahami struktur file single.php theme yang anda gunakan.
- Lakukan modifikasi pada tulisan “INFO TENTANG HERE”, caranya tulis semua informasi singkat tentang anda pada bagian tersebut.
- Ganti syntax “FOTO_HERE” dengan url foto yang akan anda gunakan di box tentang.
- Simpan, dan perhatikan perubahannya.
[code lang=”php”]
<div style="margin-top: 10px; border: 1px solid #c3c3c3;
padding: 4px; background-color: #f6f6f6;
min-height: 103px; border-radius: 10px;">
<h4><strong>Tulis Nama Pemilik</strong></h4>
<img style="background-color: #ffffff; margin-right: 4px;"
src="FOTO_HERE" alt="" width="80" align="left" />
<strong>INFO TENTANG HERE</strong></div>
[/code]
Perhatikan:
- Pastikan anda melakukan backup terhadap file single.php, atau kalau bisa jalankan di server lokal (localhost) dulu.
- Pastikan semua syntax yang anda tuliskan sesuai dengan petunjuk.
- Jika memahami CSS dan berniat untuk memahami dengan baik, silahkan modifikasi perintah style pada script tersebut.
Itulah sedikit cara yang dilakukan untuk menulis box tentang di akhir postingan secara manual. Jika ingin mengubah informasi, anda diharuskan untuk membuka kembali file single.php. Karena sifat box ini adalah statis. Tapi, jika anda memiliki pemahaman yang baik dengan database dan php, silahkan simpan informasi singkat tersebut di database dan kembangkan dengan membuat interface editting nya. Hanya dan jika hanya anda memahami PHP dan MySQL dengan baik, atau mau mencoba tantangan baru dengan segala resiko. Ada resiko berarti ada ilmu. Let’s Share
Isaninside, Juni 2011 – Yogyakarta
Comments
Waw, kayaknya lebih mudah utak-atik xhtml di blogger gan, daripada maen php (hehehe… pengalaman buruk dengan pembimbing kelas materi ini, jadi gak jelas betul materinya :).
Formatnya sama saja kan gan di WP n Blogger?
Author
to : erlangga
Hmmm…. Wp.com ngga bisa ya, Gan?
Author
to : nando
Mantep-mantep, ga kepikiran juga bisa kaya gitu juga caranya. thank’s bro.
GPS Tracking