Cara Membuat Kotak Admin dibawah Postingan Blog

Cara Membuat Kotak Admin dibawah Postingan Blog - Saya bingung mau membahas tentang apa .. setelah melihat blog orang yang terdapat kotak admin atau yang di kenal dengan author box itu , dan saya langsung mencari di mesin pencari Google bagaimana cara membuat kotak admin di blog . dan ternyata bagus sekali saya baru meletakkan kotak admin tersebut baru - baru ini . Untuk membuat Blogger kita menjadi lebih baik dan profesional itu banyak sekali caranya.Salah satunya dengan membuat / memberi Kotak Admin dibawah Postingan yang berisi keterangan dari Admin / Author Blog tersebut tentang artikel yang di postingnya. Nah, untuk Cara membuatnya sangat mudah tinggal ikuti langkah - langkah berikut ini .

1. Login ke blogger sobat .
2. Pilih Rancangan > Edit HTML > Centang Expand widget template
3. Cari kode ]]></b:skin> dengan menekan F3 atau CTRL+F agar lebih mudah dalam mencari kodenya

4. Bila kode diatas sudah ditemukan letakan kode dibawah ini tepat diatasnya

.admin-tulisan{
display:block;
width:auto;
background:#666666;
border:2px solid #999999;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#999999;
border:none;
border-bottom:1px solid #699019;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Copy kode dibawah ini dan letakan dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Diposting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Tutorial Blogger - Tips SEO Lengkap</h4>
<div class='kontainer'>
<img src='https://lh4.googleusercontent.com/-a-QXZKYL-7c/AAAAAAAAAAI/AAAAAAAAAds/PQF_PS_StVc/s250-c-k/photo.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga bermanfaat bagi sobat blogger . Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar Facebook Atau Komentar Blogger. Sekali Lagi saya Ucapkan Terima Kasih .
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
</b:if>

Keterangan:
Warna kuning : Silahkan ganti dengan Deskripsi blog anda
Warna hijau : ganti dengan URL/alamat gambar foto anda
Warna merah : Silahkan ubah dengan kata2 yang ingin anda sampaikan

5. Terakhir Klik Simpan .

Share this post