Cara Membuat Author Box

Selamat malam sobat 713devils, kali ini saya akan share tips dan trik blog yaitu membuat author box , sudah pada tau kan author box itu. Kalau belum tau author box itu adalah pesan dari admin penulis blog yang biasanya berada di bawah postingan, seperti gambar di bawah ini nih.

Untuk membuat Author Box tersebut ikuti langkah-langkah dibawah ini :
1. Log in ke Akun Bloger Sobat.
2. Pada menu Dashboard pilih Template.
3. Back up atau Download terlebih dahulu Template Sobat sebagai antisipasi jika mengalami kegagalan.
4. Edit HTML dan jangan lupa expand template widget.
5. Masukan kode di bawah ini diatas ]]></b:skin>

.admin-penulis { display:block; width:auto; background:#00000; padding:0; margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif; color:#222; border:2px solid #fff; box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; -webkit-box-shadow:0 1px 3px #000; } .admin-penulis .kontainer { padding:5px; } .admin-penulis h4 { background:#000000; border:none; border-bottom:1px solid #000000; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); font:bold 12px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block; } .admin-penulis h4 a { color:#FEFFF9; } .admin-penulis img { width:70px; height:70px; margin:0 10px 0 0; float:left; border:1px solid #00000; padding:2px; background:#ffffff; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }

 6. Cari Kode <div class='post-footer'> letakan kode di bawah ini tepat diatasnya.


<!-- Profil Admin --> <b:if cond='data:blog.pageType == "item"'> <div class='admin-penulis'> <h4> Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><b><data:post.author/></b></a></h4> <div class='kontainer'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffahkaTwQ8sfFhVVtG7KV5_Ej2xOFGZG4Ne3hjLqUbwwYhiCYM29i8jUb0O_3xi4vOXg19K6mKMGrjMneYzBU2q0Q5RulaLvSBd1fRJZXPYw50XKwEebYeyo_VyYZHjU_Paoa9H5Wh0s/s220/woy.jpg'/> Artikel <a expr:href='data:post.url'><i><data:post.title/></i></a> ini ditulis oleh <b><data:post.author/></b> pada hari <i><data:post.dateHeader/></i>. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang <b><data:post.title/></b> dapat Anda sampaikan melalui kotak komentar dibawah ini. <p> <span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://713devils.blogspot.com/' target='_blank'>:: Thanks For Visiting ::</a></span></p> <div style='clear:both;'/> </div> </div> </b:if> <!-- Profil Admin -->

Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffahkaTwQ8sfFhVVtG7KV5_Ej2xOFGZG4Ne3hjLqUbwwYhiCYM29i8jUb0O_3xi4vOXg19K6mKMGrjMneYzBU2q0Q5RulaLvSBd1fRJZXPYw50XKwEebYeyo_VyYZHjU_Paoa9H5Wh0s/s220/woy.jpg dengan URl link gambar Sobat

7. Pratinjau terlebih dahulu kalau tidak ada masalah simpan template dan lihat hasilnya.

 Sekian Tips dan Trik Blog nya  semoga bermanfaat :)

Posted in: tips dan trik