Author Box adalah semacam widget yang biasanya berisi
himbauan atau keterangan penulis tentang isi postingan dan yang paling penting
Author Box juga bisa berfungsi sebagai Permalink. Dan tentunya kalo kita
memasag author box pada blog kita maka blog akan kelihatan lebih professional. (lihat dibawah postingan ini sebagai contohnya)
Bagi para master hal ini bukanlah sesuatu yang sulit, namun
bagi para newbie/pemula mungkin hal ini sangat sulit untuk melakukanya, mari
kita ulas sam-sama :
Berikut langkah-langkah pemasangan Author Box :
- Login ke akun Blogger anda.
- Pilih Menu Template
>> Edit HTML.
- Cari kode
]]></b:skin> gunakakan Ctrl+F untuk mempermudah pencarian,
letakan kode dibawah ini tepat diatas kode ]]></b:skin>.
<!-- Awal Author Box -->
.author-box {margin: 10px 0 5px
0;padding: 10px;background: linear-gradient(to bottom, white 5%, #F6F6F6 100%)
repeat scroll 0 0 transparent;border: 1px solid #C5C5C5;border-radius: 3px 3px
3px 3px;box-shadow: 0 1px 0 0 white inset;overflow: auto
width:640px;font-size:11px}
.author-box p {margin: 0;padding:
0;;font-size:12px;color: #444444;
font-family:Helvetica;font-size:
11px;line-height: 20px}
.author-box img {background:
#FFFFFF;float: left;margin: 0 10px 5px 0;
padding: 4px;border: 1px solid
#F1F1F1;}
<!-- Akhir Author Box
-->
- Lalu cari kode
<data:post.body/> gunakakan Ctrl+F untuk mempermudah pencarian, biasanay akan muncul lebih dari satu
kode <data:post.body/> karena mungkin anda menggunakan read more
dalam penyajian postingan, jadi
pilih kode yang kedua, namun kalau masih belum berhasil paste dibawah kode
yang pertama.
<!-- Awal
Author Box -->
<b:if
cond='data:blog.pageType == "item"'>
<div
class='author-box'>
<p><img
alt='Den Ariy' class='avatar avatar-70 photo'
height='90' src='http://2.bp.blogspot.com-kswC1GqYRa4U-NlQ4NQv2IAAAAAAAAAQMRQZHMUwbK8Ys16002014-08-06+20.19.42.jpg'
width='90'/><b>Ditulis Oleh :
<a href='https://plus.google.com/102701880217391607134'
target='_blank'>Den Ariy</a></b>
</p><p>
Artikel <a
expr:href='data:post.url'><data:post.title/></a>, diterbitkan
oleh <data:post.author/>. Semoga artikel ini dapat menambah wawasan anda.
Sobat diperbolehkan menyebar luaskan artikel ini, namun anda harus meletakkan
link dibawah ini sebagai sumbernya.
<textarea
cols='71' id='bloglinking' name='bloglinking'
onclick='this.focus();this.select()' onfocus='this.select()'
onmouseover='this.focus()' readonly='readonly' rows='1'><a
href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
</p>
</div>
</b:if>
<!-- Akhir
Author Box -->
- Lalu klik save templat,
dan lihat hasilnya.
Customasi agar sesuai dengan blog anda :
Ganti kode warna "#F6F6F6" dengan warna yang
sesuai dengan blog anda.
Ganti ukuran "640px" dengan ukuran yang sesuai
dengan lebar kolom Post blog anda.
Ganti "Den Ariy"
dengan nama atau identitas pada blog anda.
Ganti ukuran "height='90' width='90'" untuk
mengatur tinggi avatar / foto pada Author Box.
Ganti alamat url 'http://2.bp.blogspot.com-kswC1GqYRa4U-NlQ4NQv2IAAAAAAAAAQMRQZHMUwbK8Ys16002014-08-06+20.19.42.jpg'
dengan alamat url avatar / foto anda.
Dan sesuaikan dengan kalimat yang anda inginkan.
Demikian sedikit info
tentang Cara Menampilkan Author Box dibawah Postingan, semoga bermanfaat,……
Salam,…..
Ditulis Oleh : Den Ariy
Anda sedang membaca artikel tentang Cara Menampilkan Author Box dibawah Postingan, Semoga artikel ini dapat menambah pengetahuan anda. Sobat diperbolehkan menyebar luaskan artikel ini, namun harus meletakkan link dibawah ini sebagai sumbernya.
No comments:
Post a Comment