Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.
Beranda
Blogger Tutorial

Memasang Kolom About Author

About author atau author box atau kolom author biasanya sering kita temukan di blog berbasis Wordpress. Tutorial ini adalah bagaimana memasang author box di bawah postingan. Author box tidak ditampilkan di halaman utama blog. Sebagai contoh, di bawah postingan ini, tapi teksnya saya ganti.
Tertarik dengan hal ini? Ikuti saja langkahnya...

1. Masuk ke Dasbor > Rancangan > Edit HTML, jangan lupa centang "Expand template Widgets".
2. Simpan kode di bawah ini tepat diatas kode ]]></b:skin>
 /***** Author Box ********************/

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
3. Cari kode <div class='post-footer-line post-footer-line-1'>, ganti dengan kode dibawah ini :
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp7zIp8V9yP4Yxpn9kplGPCv4ydt-G8DC87q3FTJk_nWVyBjNkADck9KGe__zYV1GG8EUD7v9Xm18an9iJdr5hEE61tudo7wz43GyeS-qXM-sD3Zm6kQC5jNiupCebTctKv0pSfRxEk9o/s1600/myavatar.png' width='70'/><b>Tentang Penulis</b><br/>
Tulis sesuatu tentang diri anda!<br/></p>
</div>
</b:if>
4. Ganti teks yang berwarna merah dengan url dan keterangan anda.
5. Save.

Berhasil?
#Blogger Tutorial

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

28 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. Owh.. yang punya Colorizetemplate.com tow..

    Salam kenal mas..
  2. Mantap kang... nyari2 baru ketemu. Bookmark dulu ah
  3. Terima kasih om, saya sdh pakai templat Blueholic dari ColorizeTemplates.com
    Ada yg mau saya tanyakan nih om, kok URLnya nggak bisa saya daftarkan ke feedburner ya? Mohon Infonya, trims.
    ini blog saya===> http://esugianto.blogspot.com
    1. Sama mas... saya juga gak bisa... :/
  4. @ireng: hehehe
    @Anonim : sip... tks
    @ Mr. Edi : harus daftar dulu mas di feedburnernya.. untuk caranya belum sempet posting. Cari aja di om google
  5. Okey bos, thank you.
    and thank you again for your visiting to my blog.
  6. wah dapet ilmu nh.. bookmark dlu ah..
    oya kang thanks banget ya templatenya, ijin pake ya kang.. hehe
    salam kenal ya akang..
  7. sore mas, blog saya sdh saya daftarkan ke feedburner tapi ndak bisa. dan ini jawabannya :

    The URL does not appear to reference a valid XML file. We encountered the following problem: Error on line 9: The reference to entity "zx" must end with the ';' delimiter.
    Identify Feed Source
    Back to My Feeds

    The feed URL you entered is:

    http://esugianto.blogspot.com

    We could not find a valid feed at that address. Here are some possible reasons this might have happened:

    *

    Is the feed valid? Confirm its validity now.

    The feed your site already creates needs to be “valid enough” to work with FeedBurner. This post from the FeedBurner Help Center explains why technical validity matters.
    *

    Are you using the URL of the web page or the URL of the feed?

    FeedBurner is usually able to "auto-discover" your feed from a web page, but in this case we didn't find any related feeds. You may want to enter the URL of the feed directly.
    *

    Is the URL is m…
  8. Hello,

    I contact you for the template Blueholic. Sorry to contact you here but I could not find your email without English.

    I really like the Blueholic template however I just have a little issue with the "About Author" (when you are on a post): indeed, it is impossible to change the texte!
    So you have a big "About Author - Write anything about you here!" and a white picture on the blog... Is there any way to change this, please?
    I am a big fan of this template, so fan that I cannot find any other template to use instead of this one. This is why it would be wonderful if the blog author problem could be fixed.
    Please note that I have read the instructions, but could not find any help about this issue. Sorry to bother you about this, but the Blueholic template is sooo great!

    Thank you very much!
    Best regards.
  9. Sorry, I forgot to mention that I only understand french, spanish and english, this is why I ask for your help. ;-) Perhaps you can explain how to delete the blog author section? :-) I am using Blogger.
  10. @malik : sama2 salam kenal juga.. semangat trus bloggingnya
    @Mr Edi : sedikit kurang dalam url pendaftarannya, jadi bukan hanya alamat blog, tapi harus di tambah /feeds/posts/default contoh:
    http://esugianto.blogspot.com/feeds/posts/default
  11. @malik : sama2 salam kenal juga.. semangat trus bloggingnya
    @Mr Edi : sedikit kurang dalam url pendaftarannya, jadi bukan hanya alamat blog, tapi harus di tambah /feeds/posts/default.
  12. @ Estelle : to remove author post section, go to edit HTML page in Blogger and tick the "Expand Widget Templates" checkbox above the top right corner of the template code box. Find and remove the code below :

    /***** Author Box ********************/
    .author-box {
    background: #DEF1F9;
    margin: 20px 0 40px 0;
    padding: 10px;
    overflow: auto;
    color:#888;
    font-family:verdana, sans-serif;
    }
    .author-box p {
    margin: 0;
    padding: 0;
    }
    .author-box a{
    color:#666;
    }
    .author-box img {
    background: #FFFFFF;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    }

    Then, search for
    <div class='post-footer-line post-footer-line-1'>
    immediately after that find and remove the code below:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='author-box'>
    <p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://2.bp.blogspot.com/_iPx6s72hybU/TCwG-lcNgYI/AAAAAAAAAqs/dLcpmcSgSNs/s1600/myavatar.png' width='70'/><b>About Author</b><br/>
    Write anything about you here!<br/></p>
    </div>
    </b:if>

    If you want to edit this section, change the code above with your image and description:

    To change an avatar image, replace the code below :
    http://2.bp.blogspot.com/_iPx6s72hybU/TCwG-lcNgYI/AAAAAAAAAqs/dLcpmcSgSNs/s1600/myavatar.png


    To change "About Author", replace "About Author" title.

    To change the descriptions, replace the text "Write anything about you here!"
  13. Thank you very much! :-) And congratulations again for your original theme.
  14. Okey,kang, sdh saya coba dan berhasil,
    Terus terang kasus begini baru sekali ini terjadi, saya sdh punya 3 web blogspot dan biasanya saya daftarkan dg alamat URL aja sdh cukup.
    Terima kasih kang untuk solusinya.
  15. untuk mengaktifkan Reaction & rating gimana bos. Di pengaturan blogger blog saya kok ndak ada?
    tlg infonya bos, trims.
    http://esugianto.blogspot.com
  16. Kang Ismet, saya sdh coba cara di atas kok ga bisa2 ya ? error terus, ga isa disimpan....T_T.....
    Mohon Pencerahannya.....Thanks....
  17. author blog dan image avatar sdh berhasil saya pasang di blog saya bos.
    Tinggal menu page kok cuma bisa menampilkan 4 item. padahal sdh saya setting utk nampilkan semua. Apa perlu edit dari HTML lay out bos..?
    thank you bos.
    http://sief.zonet.us
  18. Wah patut dicoba nih :D

    Sebenernya mau nanya masalah lain nih...
    saya kan pasang widget semacam slide gambar javascript, tapi yang keluar cuma gambar pertama dan kedua aja, padahal ada 5 gambar.
    sisanya undefined, itu kenapa ya?

    hasilnya bisa diliat di blog saya
  19. @mr edi : coba dilihat menu pagenya mas.. di edit html
    @kyotaroo: lihat lagi kode htmlnya.. takutnya ada salah
  20. okey bos, saya checknya yah...........
  21. Ok dan I love IT!!!
  22. Thanks Kang Ismet
  23. Kang, kalau dalam suatu blog ada lebih dari satu penulisnya bagaimna kang?
    1. setting di setelan > izin > pengarang blog, kemudian klik tambahkan pengarang. terima kasih.

      areakampus.com
  24. bukan itu,... maksdnya jika dlm sebuah blog itu punya lebih dr 1 penulis. ntar about author boxnya gmna? soalnya kan u satu org dia??
    1. oh kalau itu kurang tau kalo untuk platform blogger, itu hanya di worpress |o|
  25. okedeh, msih mnngu jwban dri kakng ismetnya :D
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
More Details
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.