Membuat Informasi Tentang Pemilik Blog di Akhir Tulisan Secara Manual

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.

  1. Buka file single.php pada themes yang digunakan.
  2. Copy kode berikut ini.
  3. [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]

  4. 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.
  5. Lakukan modifikasi pada tulisan “INFO TENTANG HERE”, caranya tulis semua informasi singkat tentang anda pada bagian tersebut.
  6. Ganti syntax “FOTO_HERE” dengan url foto yang akan anda gunakan di box tentang.
  7. Simpan, dan perhatikan perubahannya.

Perhatikan:

  1. Pastikan anda melakukan backup terhadap file single.php, atau kalau bisa jalankan di server lokal (localhost) dulu.
  2. Pastikan semua syntax yang anda tuliskan sesuai dengan petunjuk.
  3. 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

  1. Elrangga

    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?

    1. Post
      Author
      Isaninside

      to : erlangga

      Heheheh saya malah belum pernah menggunakan blogger mas.. sejauh yang saya tau trik ini sangat mudah dan simpel untuk pengguna yang hosting sendiri. Cuma copas dan posisikan.. hehehehehe. Ya mas, script itu bisa digunakan untuk semua web. karena menggunakan html biasa + CSS.. Silahkan dicoba mas. Semoga sukses..

    1. Post
      Author

Leave a Reply

Your email address will not be published. Required fields are marked *