Acep-Computer

Tips Triks Komputer, Download Software Gratis, Dan Tutorial Blog

Cara Membuat Author Box Dibawah Posting


Cara Membuat Author Box Dibawah Posting
Single Link
Alternative Link : [ Click Here... ] Direct Link


Cara Membuat Author Box Dibawah Posting | Hay sobat apa akabar kalian semua ? Kali ini Acep-Computer akan berbagi tutorial lagi ni sob. Tutorial kali ini adalah Cara Membuat Author Box Dibawah Posting. Pasti sudah tau kan apa itu author box ? Yang belum tau berikut adalah penjelasan lengkapnya. Author Box adalah sebuah kotak keterangan penulis yang ada di bawah posting blog yang berfungsi sebagai kata atau pesan penutup dan juga bisa peraturan. Berikut adalah gambar author Box yang ada di blog ini :


Sudah tau kan sekarang apa itu author box ? Terus gimana kalau saya ingin memasangnya di blog saya ? Oke tak perlu risau, Kali ini saya akan memberikan tipsnya tutorialnya kepada sobat :

1. Buka Blogger
2. Masuk ke dasboard
3. Pilih template => Edit HTML => Centang expand template widget
4. Lalu Copy kode dibawah ini diatas ]]></b:skin>


.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;
}

5. Setelah itu  cari kode <div class='post-footer'> untuk mempermudah pencarian ketik saja class='post-footer
salin kode dibawah ini , kemudian letakkan tepat diatas kode tadi


<!-- Author Box by www.acep-computer-science.blogspot.com --> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='Acep Derby Yudha Anggara' class='avatar avatar-70 photo' height='90' src='http://2.bp.blogspot.com/-QGt8Yq8erOM/T-AbI2w4PtI/AAAAAAAADV0/tFMKdwY959E/s1600/avatar_2.png' width='90'/><b>Ditulis Oleh :  <a href='https://plus.google.com/102882415136938230719' target='_blank'>Acep Derby Yudha Anggara</a></b>
</p><p>
Artikel <a expr:href='data:post.url'><data:post.title/></a>, diterbitkan oleh <data:post.author/> pada hari <data:post.dateHeader/>. Semoga artikel ini dapat menambah wawasan Anda. Oleh Admin, Sobat diperbolehkan mengcopy paste / menyebar-luaskan artikel ini, namun anda harus meletakkan <blink><strong>link dibawah ini</strong></blink> sebagai sumbernya, dan baca peraturan <a href='http://acep-computer-science.blogspot.com/2012/12/disclaimer.html' title='Disclaimer Blog Acep-Computer'><strong>Disclaimer</strong></a> sebelum copy-paste.
<textarea cols='73' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea> </p> 
</div> 
</b:if>
<!-- Akhir Author Box by www.acep-computer-science.blogspot.com -->


KET :

kode berwarna ungu ganti dengan alt nama sobat.
kode berwarna hijau ganti dengan url foto sobat.
kode berwarna biru ganti dengan nama sobat.

Cukup mudah kan sob ? oke cukup sekian tips kali ini dari saya semoga bisa bermanfaat.


9 Komentar untuk "Cara Membuat Author Box Dibawah Posting"

coba dlu ahh kayak.a keren ne kk
bondowoso-jawa.blogspot.com

Izin dicoba,sob..

*comment back from Falcon Techno..

Thx atas Sharingnya :)

Salam Silaturahmi Sesama Anggota Grup Republik Blogger Nusantara (Darmawan Saputra)

Lebih baik author box itu di pasang microdata ajah biar lebih hebat SEO-nya.... :D Heheheheh

thanks gan... artikel nya sangat membantu...

Mantap kotaknya , biasanya Orang ngeshare gak pakai kotak , thanks gan

thanks gan atas postingannya, saya merasa terbantu

PERATURAN BERKOMENTAR :

1. Dilarang Spam.
2. Dilarang Memasang Link Aktif.
3. Dilarang Menghina, Sara, Dan P*rn.
4. Dilarang Promosi.
5. Komentar Harus Relevan Dengan Artikel.

Jika anda melanggar 5 point diatas, maka komentar anda akan kami hapus langsung tanpa pemberitahuan sebelumnya.
Terima kasih dan selamat berblogging ria.

 
Copyright © 2014 Acep-Computer - All Rights Reserved
Template By Catatan Info Supported By Acep Game
Back To Top