Memasang Author Box Profesional Dibawah Postingan

Author Box di bawah posting berisikan foto, data author posting dan berisikan sedikit teks serta link postingan, trik ini memang bukan hal baru lagi karena beberapa blog lain juga sudah membahas hal seperti ini Perbedaan Author box ini dengan yang lainnya adalah karena author box ini sangat simple dan sedikit kode sehingga sangat mudah untuk di terapkan oleh kalian semua

Memasang Author Box Profesional Dibawah Postingan

1. Sign in ke akun Blogger kalian

2. Lalu pilih blog yang akan kalian terapkan trik ini

3. Lalu pilih Template dan Edit HTML

4.  Cari kode  ]]></b:skin>     , Lalu Copas kode di bawah ini tepat di atas nya

admin-tulisan{width:auto;background:#ABA3A3;border:1px solid #aaa;margin:30px 0 10px 0;display:block;font-family:"julee";
color:#aaa;}

.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#ABA3A3;border:none;border-bottom:0px solid #000000;color:#000000;font-family:"julee";text-shadow:0 0px 0 rgba(0, 0, 0, 0.4);padding:5px 10px;margin:0 0 0 0;display:block;}.admin-tulisan h4 a{color:#000000;}

.admin-tulisan img{background:#000000;width:90px;height:100px;border:0px solid #000000;margin:3px 10px 0 0;float:left;padding:2px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

5. Lalu cari kode <div class='post-footer'>  , Lalu copas kode di bawah ini tepat di atasnya

<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b></h4>
<div class='kontainer'>
<img alt='Nama Kamu ' src='https://lh3.googleusercontent.com/-SnOKpjlWjag/AAAAAAAAAAI/AAAAAAAABWk/jUchzEckTuA/photo.jpg'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh<b><data:post.author/></b>, Anda diperbolehkan mengcopy-paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='75' 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><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
</span></p><div style='clear:both;'/></div></div>
</b:if>
<div class='post-footer'>

6. Lakukan pratinjau sebelum di Simpan

Ganti tulisan berwarna merah dengan nama anda
Ganti URL berwarna hijau dengan url foto anda

Tanya-tanya bisa via komentar ya sobat

Posted by Hii Sekai