OBI Blogger - Memiliki sebuah blog memang sangat menyenangkan. Ada banyak hal yang bisa kita lakukan dalam kegiatan blogging. Salah satunya adalah menuangkan kreatifitas kita kedalamnya. Kita bisa men-desain tampilan blog kita agar terlihat lebih cantik dan menarik. Nah, yang akan kita buat kali ini adalah author box atau yang biasa kita sebut kotak admin. Yups, biasanya author box terletak dibagian bawah postingan, sehingga mudah dibaca oleh pengunjung.
Lalu apa fungsi memasang author box di blog?
Mudah saja. Kotak admin ini biasanya digunakan untuk men-deskripsikan tentang biodata si penulis, atau pesan yang ingin disampaikan admin blog kepada para pembacanya.
Misal:
Mohammad Robih adalah admin atau penulis blog ini. Dia mendirikan blog ini pada tanggal 1 September 2013.
atau
Dilarang keras meng-copy paste artikel dari blog ini. Blog yang melanggar akan saya laporkan ke pihak DMCA.
Jika Anda tertarik untuk memasangnya, silahkan Anda simak panduan membuat author box dibawah ini.

1. Login ke blog Anda.
2. Masuk bagian template > edit HTML
3. Tambahkan kode berikut tepat diatas kode ]]></b:skin>
.dc-about-author-containter{
background: #f2f7fc;
border: 1px solid #000;
clear: both;
margin: 20px 0;
overflow: hidden;
padding: 20px;
}
.dc-about-author-pic{
background: #fff;
border: 1px solid #e7e7e7;
float: left;
height: 100px;
width: 100px;
margin: 0 -122px 0 0;
padding: 10px;
}
.dc-about-author-pic img{
width: 100px;
}
.dc-about-author-text{
float: left;
margin: 0 0 0 140px;
}
.MBT-jr img {
margin:0;
border:0;
}
.MBT-jr-about {
font-size:12px;
margin:0 auto;
padding:10px;
width:auto;
background:#E4E4E4;border-
radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-box-shadow:inset #222 0 2px 8px;-moz-box-shadow:inset #222 0 2px 7px;width:auto;text-shadow:1px 0 0 #fff;margin:0 0 5px;padding:10px
border:#BBBBBB solid 1px;
min-height:130px;
}
.MBT-jr {
padding-top:10px;
margin:0;
font-size:12px;
float:left;
width:17%;
text-align:center;
border-right:#063584 solid 1px;
}
.MBT-jr-text {
float:right;
width: 80%;
padding:5px;
text-align:left;
font:12px arial,sans-serif;
text-align:justify;
margin:0;
padding:0;
}
4. Selanjutnya tambahkan kode berikut tepat dibawah kode <data:post.body/>
<div class="MBT-jr-about">
<div class="MBT-jr">
<span style="font-family: Verdana,sans-serif;"><img height="80" src="URL Foto Anda" width="80" /> <b>Nama Anda</b> (Author) </span></div>
<div class="MBT-jr-text">
<span style="font-family: Verdana,sans-serif;"><span style="font-size: large;"><b>About The Author: </b></span></span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">Tulis pesan Anda disini.
</span><br />
<span style="font-family: Verdana,sans-serif;">Ikuti saya:
<b><a href="Ganti dengan URL twitter Anda">Twitter</a></
b>|<b><a href="Ganti dengan URL facebook Anda">Facebook</a></b>|<b><a href="Ganti dengan URL Google+ Anda">Google+</a></b></span></div>
</div>
5. Save template.
Tips:
Jika kode <data:post.body/> ada lebih dari satu, silahkan Anda coba satu persatu untuk mengetahui mana yang berfungsi. Kemungkinan kode yang tepat adalah kode yang ketiga. Ganti tulisan berwarna merah sesuai dengan petunjuknya.
Jika berhasil, kurang lebih tampilanya seperti gambar diatas. Silahkan baca juga artikel meningkatkan trafik dengan cepat dan memperbaiki alexa rank dengan cepat agar blog Anda semakin keren. Selamat mencoba, dan Happy Blogging :)
OBI (Author)
About The Author:

OBI, Author di blog absurd: www.biobii.com. Ikuti:

20 komentar:

  1. Selamat pagi mas. Sepertinya kalau pasang author box, blog terkesan lebih keren ya mas. terima kasih tutorialnya.

    BalasHapus
  2. Wah keren mas.. Kebetulan blog saya belum ada mas. Bisa nih ntar saya terapkan.. Terimakasih mas tutor nya.? Hehehe

    BalasHapus
  3. wah inponya keren, praktekin ah (p)

    BalasHapus
  4. itu gambarnya bisa diganti kan sob?

    BalasHapus
  5. wah mantep nih...perlu di coba

    BalasHapus
  6. Keren banget, thanks infonya :)

    BalasHapus
  7. Kayanya menambah kredibilitas juga ya gan kalo pasang author box.. apalagi dengan biografi yang keren.. :) boleh lah di coba.. :)

    BalasHapus
  8. WKeren juga ni kalau pake author box

    BalasHapus
  9. Kreatif mas.. boleh juga di coba... makasih caranya :)

    BalasHapus
  10. wah, dengan ada authornya jadi kalau ada yang mau kontak tinggal lihat ke bawah ya

    BalasHapus
  11. kalau di setiap postingan bagian bawahnya ada kotak author, jadi blog itu keliatan lebih wah.. tapi saya belum pernah berhasil masangnya wkwk :D

    BalasHapus
  12. Saya dari dulu kepingin pasang author box ini mas...sayang loading blog saya spertinya sudah trlalu berat nih :(

    BalasHapus
  13. Saya mau tanya, cara menaikkan pageview blog gimana?

    BalasHapus
    Balasan
    1. Saya sering bingung kalau dapat pertanyaan seperti ini. Pertama saya masih pemula. Kedua saya bukan master SEO. Tapi meningkatkan trafik itu perlu usaha. Paling tidak kita konsisten untuk menulis. Ya intinya membuat judul yang menarik tentu akan menarik perhatian calon pengunjung. Sedangkan untuk masalah SEO saya sarankan jangan menggunakan penumpukan kata kunci. Kalau udah kena penalty google. Susah rasanya :D

      Hapus
  14. wah jadi tambah keren ya kalau ada author box nya :)

    BalasHapus
  15. wah keren mas perlu dicoba nih kayaknya, makasih buat tutorial mengenai author box kerennya :)

    BalasHapus

Tulis komentar anda.
1. Berkomentarlah sesuai tema artikel diatas.
2. Dilarang spam, jualan atau promosi.
3. Gunakan bahasa yang sopan.
4. Tolong untuk tidak menyematkan link aktif.
5. Centang "Beri tahu saya" agar anda tahu balasan dari kami.

Terimakasih sudah berkunjung :>) :p

 
Top