Membuat kotak admin di bawah posting Blogspot seperti yang telah KUTUSPOT terapkan hanya membutuhkan waktu beberapa menit saja. Bagi Anda yang ingin membuat widget kotak admin atau author box di bawah postingan blogspot, silahkan lakukan tutorial cara membuat author box di bawah posting pada Blogspot yang sudah disediakan di bawah :
- Pastikan Anda sudah berada pada menu RANCANGAN / DESIGN dan EDIT HTML serta memberi tanda CENTANG EXPAND TEMPLATE WIDGET.
- Letakkan kode di bawah ini di atas kode ]]></b:skin>
.author-box {
background:#f2f2f2;
color:#000;
margin:5px 0 5px 0;
padding:5px;
border:3px solid #ddd;
overflow:auto;
}
.author-box p {
margin:0;
padding:0;
}
.author-box img {
float: left;
margin: 0 10px 10px 0;
padding: 0px;
}
- Kemudian letakkan kode di bawah ini juga di dalam kode <div class='post-footer-line post-footer-line-1'> Anda juga bisa meletakkannya di dalam kode post-footer-line-2 atau 3 dan seterusnya jika ada.
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='48' src='http://1.bp.blogspot.com/-81eywOtJDjY/TxhEuplX0rI/AAAAAAAAAHk/OhzXBEBfccc/s1600/black48.png' width='48'/><div style='text-align:left;'><a href='http://kutuspot.blogspot.com/' target='_blank'><b>KUTUSPOT BLOG</b></a><br/>
Kalimat di dalam author box atau kotak admin yang diinginkan. Untuk kalimat bebas dan tidak dibatasi oleh siapapun. Membuat kotak admin di bawah posting logspot.</div><br/></p>
</div>
</b:if>
- Klik Tombol SIMPAN TEMPLATE / SAVE TEMPLATE berwarna oren.
Sekilas keterangan kode-kode tutorial cara membuat kotak admin di bawah posting Blogspot :
- Silahkan ubah teks / URL berwarna merah dengan URL / alamat gambar yang diinginkan,
- Silahkan ubah teks / URL berwarna kuning dengan URL / alamat blog Anda atau alamat Profile Blogger Anda,
- Silahkan ubah kode CSS Style untuk mempercantik tampilan kotak admin yang akan tampil di bawah posting nantinya.
Demikianlah tutorial cara membuat kotak admin di bawah posting blogspot pada entri yang kesekian kalinya di KUTUSPOT. Semoga bermanfaat dan dapat menambah ilmu dan pengetahuan tentang tutorial cara membuat kotak admin di bawah posting Blogspot.
Refrensi kode : http://vikrymadz.blogspot.com/2012/01/cara-membuat-widget-kotak-admin-di.html - Cara Membuat Kotak Admin Di Bawah Posting Blogspot.