Tentang Iskael | Kebijakan Privasi | Sangkalan | Kontak
Kirim Ide | Penghitung Kata

Entri yang Diunggulkan

Siempre: Template Blogger Ringan Tanpa jQuery

25 Jul 2013

Cara Menampilkan Profil Penulis di Entri Blogger

Seiring dengan semakin berkembangnya internet di dunia, beribu website pun muncul setiap harinya. Hal ini membuat semakin mudah manusia untuk mengakses informasi. Terkadang informasi yang disajikan tidak relevan, bisa juga berita bohong. Untuk itu perlu adanya pengetahuan dari pembaca atas siapa penulis artikel yang sedang dibaca. Hal inilah yang membuat Blogger merasa penting untuk memberikan fitur menampilkan penulis di bawah entri demi membuat pembaca tahu siapa penulis entri tersebut.

Tak hanya itu, dengan menampilkan profil penulis di entri, pembaca lebih mudah untuk mengetahui penulis artikel tersebut di sebuah website maupun blog yang dikelola oleh lebih dari satu penulis. Berikut adalah langkah-langkah cara menampilkan profil penulis di entri Blogger.

Langkah Menampilkan Profil Penulis

Untuk kamu yang memakai template bawaan dari blogger, langkah menampilkan profil penulis sangatlah mudah dan cepat.

1. Login akun Blogger kamu
2. Tujulah Dashboard dan klik Layout
3. Setelah itu perhatikan Posting Blog, klik Edit

Layout Dashboard
4. Akan muncul pop up window, kemudian cari Show Author Profile below post
5. Centang Show Author Profile below post
6. Kemudian klik Save

Menampilkan Penulis

Mudah bukan? Lihatlah perubahan yang terjadi di blog-mu. Untuk kamu yang menggunakan template kustom alias bukan bawaan dari Blogger, kamu juga harus melakukan langkah-langkah tadi. Setelah itu, jangan lupa untuk melakukan langkah selanjutnya. Berikut adalah langkah tambahan untuk menampilkan profil penulis di entri Blogger.

Pengaturan Tambahan untuk Template Kustom

1. Klik Template
2. Kemudian klik Edit HTML

Edit HTML

3. Klik pada bagian editornya, lalu tekan Ctrl. F
4. Cari kode post-footer-line-3
Post Footer Line 3

5. Salin kode di bawah ini (untuk mengambil kode di bawah ini, klik Download RAW)



6. Tempel kode tersebut di atas kode <span class='post-location'>
7. Di bawah ini adalah gambar hasil salin-tempelnya

Peletakan Kode

8. Simpan hasil editan template dengan klik Save Template
9. Buka blog-mu dan lihat hasilnya

Hasil dari Penerapan Kode

Dari langkah-langkah tadi, akhirnya aku bisa memunculkan profil penulis di bawah entri. Berikut adalah tampilan profil penulis Iskael, yaitu Iska dan EL.

Profil Penulis - Iska
Profil Penulis - EL

Tertarik ingin mencobanya juga? Selamat mencoba :)
loading...

63 komentar:

  1. ikram25 Juli 2013 09.48

    Keren Mas :D Nice infonya yaa

    BalasHapus
  2. Anonim25 Juli 2013 11.30

    kalo urusan template, mas iska emang jagonya :D

    terima kasih udah bagi2 ilmu mas :D

    BalasHapus
  3. HP Yitno25 Juli 2013 12.30

    Justru ane malah mau menyembunyikan identitasnya sob. Merasa nggak pede aja kalau profilnya kelihatan.

    BalasHapus
  4. Gudang APK25 Juli 2013 15.41

    keren gan patut dicoba

    BalasHapus
  5. Tips dan Trik Komputer25 Juli 2013 16.15

    Ini yg baru utk blogger ya....kelihatanya keren sob, :D

    BalasHapus
  6. Kinzihana25 Juli 2013 20.18

    Infonya bermanfaat sekali :D

    BalasHapus
  7. r1026 Juli 2013 10.04

    cocok kalau autor blognya banyak :p

    BalasHapus
  8. Bayu28 Juli 2013 22.46

    itu buat ngedit deskripsi profilnya yang di blogger itu ya mas?

    BalasHapus
  9. Unknown17 Agustus 2013 22.13

    Terima Kasih atas sharingnya..
    Tapi barusan nyoba, nggak berhasil di blog saya..
    Saya juga tertarik dengan design blognya, terlihat sangat profesional..

    BalasHapus
    Balasan
    1. Iskandar Dzulkarnain18 Agustus 2013 06.22

      harusnya berhasil
      mungkin om melewati salah satu step-nya
      atau salah masukin kodenya

      makasih atas pujiannya :)

      Hapus
  10. Qursyam15 September 2013 19.22

    alhamdulillah, ketemu tuts seperti di atas, insya allah akan saya coba ASAP, matur nuwun ya mas Iskael :)

    BalasHapus
  11. Buyung Alfarisi6 Oktober 2013 09.10

    kalo cara menghilangkan identitas nya gimana? :)

    BalasHapus
  12. Unknown20 Oktober 2013 05.06

    bang, tentang informasi penulisnya dari mana? thanks

    BalasHapus
  13. Unknown28 November 2013 10.22

    kok ndak bisa di download ya bang? "Download ROW" nya

    BalasHapus
    Balasan
    1. Iskandar Dzulkarnain28 November 2013 10.28

      ketika udah kebuka http://pastebin*com/raw*php?i=11yMttkw
      kan muncul kode2 tuh
      save aja tuh kode, bisa kug

      Hapus
  14. Anonim23 Desember 2013 23.17

    kok punya ane gk jadi ya..
    pas dibawah footer itu gk ada span nya,,

    BalasHapus
  15. Nanang29 Desember 2013 22.08

    Kalau untuk WP self hosting gimana ya?

    BalasHapus
  16. Masuyes3 Januari 2014 08.29

    gan... saya berkali-kali mencoba kok belum berhasil....fauyes.blogspot.com

    BalasHapus
  17. Unknown12 Maret 2014 15.51

    Min ini kan di bawah posting, kalau naru di sidebar boleh nggak?

    BalasHapus
    Balasan
    1. Iskandar Dzulkarnain12 Maret 2014 16.02

      boleh, tinggal copas aja code-nya di widget HTML di Sidebar

      Hapus
    2. Unknown12 Maret 2014 17.38

      Sudah Coba Tapi Nggak Bisa, ada cara lain nggak?

      Hapus
    3. Iskandar Dzulkarnain13 Maret 2014 18.55

      ouwh, ga bisa yah
      ya nanti saya coba kalo ada waktu
      umm, tapi kalo authornya cuma satu, pake widget author saja bawaan Blogger

      Hapus
    4. Unknown13 Maret 2014 20.24

      Itu Masalahnya Authornya Ada 2..
      oklah Nggak Pha2 Makasih Sblumnya :)

      Hapus
    5. Iskandar Dzulkarnain13 Maret 2014 20.26

      oualah, gitu to
      ya nanti kalo udah aku coba, aku bikin entrinya

      Hapus
    6. Unknown14 Maret 2014 04.42

      Ok Di tunggu Ya...

      Hapus
  18. zonamerah16 Mei 2014 06.34

    wah, mantap nih..saya udah coba..tapi klo mau pilih tampilan tulisan yang muncul adakah cara tuk ngeditnya? soalnya saya ingin menampilkan kolom authornya seperti punya mas nih..:D

    Makasih banyak infonya..

    BalasHapus
    Balasan
    1. Iskandar Dzulkarnain16 Mei 2014 07.49

      kalo mau ngedit isi keterangan authornya, melalui akun G+ kamu :)

      Hapus
  19. 0p1ck blog8 Juni 2014 10.09

    saya dah berhasil, tapi masalahnya profil penulis juga muncul di home/laman utama dibawah tiap postingan. bagaimana caranya agar profil penulis itu hanya muncul di bawah artikel postingan aja

    BalasHapus
    Balasan
    1. Iskandar Dzulkarnain8 Juni 2014 10.42

      setelah kode < /head > tambahi kode ini

      < b:if cond='data:blog.pageType != "static_page"' >
      < b:if cond='data:blog.pageType != "item"' >
      < style >

      .author-profile {display:none;}

      < /style >
      < /b:if >
      < /b:if >

      hilangkan spasi pada < dan > karena di komentar ga bisa nulis kode dengan benar :)

      Hapus
    2. 0p1ck blog9 Juni 2014 19.51

      Makasih banyak mas ganteng, dah berhasil muncul di postingan. dan tidak muncul lagi di laman utama ^_^

      Hapus
    3. Iskandar Dzulkarnain10 Juni 2014 09.50

      sama2 :)

      Hapus
  20. Unknown19 Juli 2014 17.19

    terimakasih :)

    BalasHapus
  21. Unknown30 Juli 2014 19.32

    Coba ah .. Thanks mas ^_^

    BalasHapus
  22. Alfiana Noni30 Agustus 2014 18.58

    Udah saia ganti kode2nya. Katanya pake akun G+ buat ubah deskripsi, tp yg bagian mana y mas? Makasih sbelumnya :)

    BalasHapus
    Balasan
    1. Iskandar Dzulkarnain30 Agustus 2014 21.31

      kamu masuk dulu ke plus.google.com
      lalu edit profil-mu, di bagian deskripsi

      Hapus
  23. Abdillah Ahmad3 Februari 2015 00.24

    mantafffffffffffffffffffffffffffffffffffffffffffff bang .. :D

    BalasHapus
  24. Unknown7 Februari 2015 22.53

    yg pengen ikut lomba blog pegipegi ,. yukk

    BalasHapus
  25. Pelatihan koperasi tkbm di tarakan10 Juni 2015 04.04

    TERIMA KASIH .............................

    BalasHapus
  26. syarif bahreisy11 Juni 2015 16.45

    Saya udah coba tapi nggak bisa yah? awalnya juga sebelum ditambahkan kode itu juga nggak ada,
    gimana ya bang biar tampil?

    BalasHapus
    Balasan
    1. Iskandar Dzulkarnain11 Juni 2015 17.18

      sudah ditambahkan kode tersebut belum?
      barusan aku cek dan coba di blog ku yang lainnya, keluar kug about authornya :)
      mungkin ada langkah yang kamu lewatkan

      Hapus
  27. Unknown14 Juni 2015 00.40

    gak ketemu post-footer-line-3
    yang ada post-footer-line-1 dan post-footer-line-2

    BalasHapus
    Balasan
    1. Iskandar Dzulkarnain15 Juni 2015 09.03

      bisa kug mas :)
      sesuai keinginan mau ditaruh di footer-line berapa

      Hapus
  28. Unknown6 Desember 2015 16.45

    info yang disajikan cukup lengkap, di tambah lagi dengan bahasanya yang mudah di pahami membuat pembaca seperti saya betah melihatnya :D Terima kasih

    BalasHapus
  29. Unknown5 Januari 2016 09.48

    Thanks yooo.,.,
    Itu aduuuuh kenape iyeh , klo lihat picture nya buram,,,,,itu di show dari HP gasn.,

    BalasHapus
  30. Anonim20 Oktober 2018 03.49

    untuk versi 2 sekarang kodenya gak work bang..

    BalasHapus
  31. sofyan Ya-an17 Juli 2019 07.08

    Lay out versi 3 sudah gak work, schema org...

    BalasHapus
    Balasan
    1. Iskandar Dzulkarnain7 Mei 2020 17.51

      iya emang udah ga work, udah 7 tahun lalu tutorial ini :)

      banyak hal yang berubah

      Hapus
  32. Id Dev15 Oktober 2020 16.33

    Keren, gimana kalau mau nambahin ikon medsos dibawah profil ya

    BalasHapus

Langganan: Posting Komentar (Atom)