You are here:Home » Blogging » Membuat Author Box

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

Incoming search terms for the article:

  • cara membuat author box di wordpress
Jika anda menyukai tulisan ini, silahkan berkomentar atau berlangganan melalui RSS feed untuk mendapatkan update terbaru. atau

Berlangganan melalui email

Masukkan Email Anda:

*cek email anda lalu klik link konfirmasi

Author :

Saya teh orang biasa umur 22thn, punya minat yang tinggi terhadap film anime dan tekhnologi. Urang subang anu paling kasep

Komentar Facebooker:

33 Comments

Skip to Comment Form ↓
  1. delia says:

    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 =-.

  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 =-.

  3. Deka says:

    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]

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

  5. agoenk70 says:

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

    praktek dulu ah.. thx yah…

  6. tommy says:

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

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

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

    nice shared

  9. si Paijah says:

    wah dapat apdet kanuragan malam2 ginih

  10. belum ngerti2 juga nih mas..heheheh maklum newbie

  11. Pandu says:

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

  12. arif says:

    ooh gitu caranya, ijon copy buat belajar om :D

  13. novi says:

    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?

  14. sunflo says:

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

  15. aldy says:

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

  16. nice info mas, kapan2 mau dicoba nih… :cendol

  17. 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….

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

  19. Abu Furqan says:

    Terima kasih infonya mas… :)

  20. 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 …[...]…

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>