Membuat Author Box

Berhubung ide bagus saya tak keluar hari ini, kali ini saya ingin menjawab pertanyaan dari sahabat blogger untuk membuat Author Box seperti yang ada pada theme blog ini, berarti ini adalah pertanyaan kedua yang diajukan setelah yang pertanyan kang Annas pada cara membuat tanda tangan yang dulu. Sebenarnya yang ada pada blog ini merupakan default themenya bukan saya yang buat, tapi sebisa mungkin saya akan jawab jika saya bisa.

Berarti saya harus membuka localhost kembali deh buat ngotak-ngatik. Sebenarnya sekarang sudah banyak theme yang menggunakan author box, tapi jika belum ada silahkan coba cara ini, tapi ini hanya untuk wordpress hosting sendiri yah!!! Here we go

  • Masuk ke Dashboard ? Appearance ? Editor

  • Buka single.php

  • Cari kode

  • <?php the_content(); ?>

    atau yang rada mirip-mirip

  • Simpan kode ini dibawah kode diatas

  • <?php
    $desc = get_the_author_meta('description');
    if (!empty($desc)) {
    ?>
    <div>
    <div>
    <h3>About the Author</h3>
    </div>
    <div>
    <?php echo get_avatar(get_the_author_meta('email'),53) ?>
    <p><?php echo $desc; ?></p>
    <div></div>
    </div>
    </div>
    <?php
    }
    ?>

  • Klik update file


Sebagai catatan peletakkan kodenya TIDAK HARUS selalu tepat dibawah kode <?php the_content(); ?> untuk ini harus dilakukan percobaan sendiri sebab setiap theme itu tidak sama, yang jelas kode <?php the_content(); ?> ini berfungsi untuk mengambil tulisan posting, begitulah kira-kira (CMIIW)

  • Selanjutnya tambahkan sedikit CSS biar agak indah dikit, caranya copy kode dibawah ke style.css

  • div.post-box-about-author img { float: left; margin: 0 10px 0 0; }
    div.post-box-title { padding: 0 0 10px 0; }
    .clearer { clear: both; }

  • Klik update file


Kode CSS ini masih standar jika ingin lebih bagus, cari saja di om google soalnya ilmu saya masih hasil dari copas saja belum bisa berkreasi sih.

Oya satu lagi yang penting untuk membuat deskripsi tentang authornya itu ada dibagian Biographical Info pada profil yang ada di halaman admin. Sepertinya itu saja cukup, atos nya cape ah abdi teh nulis wae, sok weh mangga dicobian

HEPI BLOGGING YOW

33 komentar:

  1. wekekeke..
    untungnya theme yang lia pake ada author box nya makanya gak mau ganti.. heheheh

    thanks infonya mas gugun :cendol
    .-= delia´s last blog ..Makna Gaya Puma =-.

    BalasHapus
  2. mantaap...mas gugun sangat responsif. senang berkunjung kesini..makasih banget ya om
    .-= Sahabat Blogger´s last blog ..Frame blog: Tingkatkan pengunjung 2 kali lipat =-.

    BalasHapus
  3. Kayaknya hamba belum perlu deh Om, lagian hamba juga udah menyediakan di halam about lebih lengkap. heheheh [btw "atos nya cape ah abdi teh nulis wae, sok weh mangga dicobian", hahahhaah yang ikhlas atuh om]

    BalasHapus
  4. selalu berusaha untuk menjadi yang terbaik dan mengetahui apa-apa yang belum diketahui. so nice posting, thanks alot bro

    BalasHapus
  5. wuahh boleh di coba neh tutorialnya dan kebetulan di theme blogku gada Author Box nya

    praktek dulu ah.. thx yah...

    BalasHapus
  6. bisa juga nih :) thanks bro
    .-= tommy´s last blog ..Cara Simple Update Status Twitter Dengan curl =-.

    BalasHapus
  7. waduh klo aku sih mas..tinggal pk theme yang udah ada aja...
    .-= dimensi muslimah´s last blog ..Jangan Kau Cabuti Uban Mu =-.

    BalasHapus
  8. yap theme sekarang banyak yang langsung pake jadi tak perlu repot

    BalasHapus
  9. cuma kebetulan saja mas, lagi gak ada ide

    BalasHapus
  10. set dah, kita dikata om-om?? umur seperempat abad aja belum nyampe

    BalasHapus
  11. wah sayang ane pake blogger nih sob. belum bisa di coba.

    nice shared

    BalasHapus
  12. wah dapat apdet kanuragan malam2 ginih

    BalasHapus
  13. hmm...sudah ane coba mas..mantap hasilnya, saya oprek dikit..jadi ada kotaknya...hehe

    BalasHapus
  14. belum ngerti2 juga nih mas..heheheh maklum newbie

    BalasHapus
  15. Wah cuman bisa liat aja dech....masih gandolan nich
    .-= Pandu´s last blog ..Pencarian Cinta =-.

    BalasHapus
  16. ooh gitu caranya, ijon copy buat belajar om :D

    BalasHapus
  17. aq juga sedang be;ajar membenahi blog sendiri neh... alhamdulillaah ade postingin ini, btw... gmana cara ngubah tampilan huruf pada theme kita ya?? adakah tutorialnya?

    BalasHapus
  18. sip de' infonya ntar kucoba-coba aq juga lagi belajar dikit2 neh ttg hal ini

    BalasHapus
  19. kok avatarku ga nongol ya? salah tulis emailkah?

    BalasHapus
  20. Saya untuk sementara menggunakan halaman about saja, itupun nggak lengkap-lengkap amat :(

    BalasHapus
  21. nice info mas, kapan2 mau dicoba nih... :cendol

    BalasHapus
  22. tenang ntar juga ngerti ko

    BalasHapus
  23. silahkan jika ini bermanfaat

    BalasHapus
  24. ada banget, mungkin ntar saya buat

    BalasHapus
  25. kurang o pada yahoo nya, tapi sekarang dah dibetulin

    BalasHapus
  26. kalau om mah gak usah komplit juga sudah terkenal

    BalasHapus
  27. Wlaah. saya baru mo gugling nyari caraya, eh pas bw kesini liat ada artikelnya...nuhun pisan ya mas... emang dari semalan dah niat pengen bikin author box....

    BalasHapus
  28. Ya gak pa2 om, biar keliatan lebih dewasa dikit. hahahah

    BalasHapus
  29. Wah, info yang bagus. Perlu dicoba nih meski aku tahu ini nggak bakalan mudah karena aku agak2 gaptek. Trims ya

    BalasHapus
  30. Membuat Author Box | Idebagusku [dot] com...

    [...]saya ingin menjawab pertanyaan dari sahabat blogger untuk membuat Author Box seperti yang ada pada theme blog ini, berarti ini adalah pertanyaan kedua yang diajukan ...[...]...

    BalasHapus

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS