Membuat Box About The Author di Bawah Postingan

Pada tutorial kali ini saya coba jawab pertanyaan seorang pengunjung blog saya tentang bagaimana cara membuat Box About The Author yang muncul di bawah setiap postingan.
Kira-kira gambarnya seperti ini:

Jika sobat tertarik ikuti cara membuatnya berikut ini:
* Login ke akun Blogger masing-masing =>> Klik Template =>> Edit Template=>> Lanjutkan=>> Centang Expand Template Widget.
** Cari code ]]>
kemudian letakan code css beerikut tepat diatasnya:

.author-box {
border:2px solid#2E2EFE;
margin: auto;
margin: 10px 3px;
padding: 10px;
overflow: auto;
background:#EFFBF5;
}

.author-box a {
color: #102C4A;
font-size: 14px;
font-weight: Bold;
letter-spacing: -1px;
margin: 0 0 1em;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #102C4A;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

*** Setelah itu cari code berikut:

**** Hapus code tersebut ganti dengan code berikut:

About the Author

Nama aku Mulyadin. Aku adalah seorang pelajar Ijazah Sarjana Muda Kejuruteraan Awam di UiTM Shah Alam.Segala penulisan aku disini adalah berdasarkan pandangan aku sendiri. Maaf jika ada Kesalahan Dalam Menulis Artikel Mohon Di Maklumi.

Follow aku di Twitter, Facebook atau di Avomedotcom

Ket: ganti setiap tulisan berwarna merah di atas dengan nama dan akun milik sobat dan ganti setiap kata saya diatas sesuai keinginan sobat,
dan tulisan warna biru adalah url gambar atau foto sobat yg akan tampil dalam box about the author nantinya,ganti dengan Url gambar milik sobat.

***** Setelah semuanya selesai Simpan Template sobat, tutup dan lihat hasinya Keren kan..??
Demikian cara mebuat Box About The Author pada blog selamat berkreasi semoga sukses..!

SELESAI...!!

Anda baru saja membaca artikel yang berkategori Tutorial Komputer dengan judul Membuat Box About The Author di Bawah Postingan. Anda bisa bookmark halaman ini dengan URL http://avome.blogspot.com/2012/12/membuat-box-about-author-di-bawah.html. Terima kasih!