Cara Membuat Author Box atau Kotak Admin Di Bawah Postingan Blog (Tutorial Blog)

Cara Membuat Author Box atau Kotak Admin Di Bawah Postingan Blog (Tutorial Blog) - alhamdulillah saya bisa posting kembali, gimana kabar shobat blogger nih??? ok dalam Tips kali ini saya akan beberbagi tentang bagaimana "cara membuat kotak dmin di bawah postingan blog".

Author Box adalah salah satu Tips yangmungkin dibilang menarik, dengan author box ini kita bisa mencantumkan penulis atau admin di bawah postingan kita, namun saya tambahkan dengan menambahkan permalink disalam nya.

Author Box iin juga saya sudah lengkapi dengan foto dan link yang auto drag didalamnya sehingga shobat bisa menampilkan foto shobat dan link auto drag.
Gimana shobat tertarik ???
Ok mungkin shobat semua sudah tidak sabar nih,

Langsung saja berikut Tutorialnya :

• Seperti biasa Login ke blogger shobat
• Pilih Template/Rancangan =>> Edit HTML 
• Cari kode ]]></b:skin> 
• Setelah ketemu copy kode berikut tepat di atas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 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:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

• Setelah selesai dengan tahap pertama, kita lanjut ke tahapan berikutnya, cari kode <data:post.body/> untuk mempercepat pencarian shobat bisa klik F3 atau CTRL+F. Setelah ketemu kodenya copy kan kembali kode berikut tepat di bawah kode <data:post.body/> 

<!-- Permalink Riefz -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Friendly Blogger</h4>
<div class='kontainer'>
<img alt='Riefz Kios' src='https://lh3.googleusercontent.com/-0mXE8WL7MmU/UbmJpXwWdXI/AAAAAAAAAp4/QuTkk2tVQz4/w592-h591-no/2696704a-5a74-47b7-ab81-9b619c19f9b5_zps2dc3787a.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='80' 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:Matura MT Script Capitals 8px Matura MT Script Capitals, Sans-Serif;'>
<a href='http://riefzkios.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Riefz -->

• Simpan Template atau bisa juga shobat privew dulu agar tidak terjadi kesalahan. 

Keterangan :
Script yang saya blur meah, ubah dengan URL foto atau gambar yang shobat ingin tampilkan di Author Box.
Script yang saya blur Orange, menunjukan baris atau kotak permaling.
Script yang saya blur biru, Shobat bisa sesuaikan dengan ukuran blog shobat.

Demikian saya share Cara Membuat Author Box atau Kotak Admin Di Bawah Postingan Blog (Tutorial Blog), semoga artikel turorial ini membantu dan bermanfaat.