-->

Membuat Kotak Pesan Admin/Author Di Bawah Postingan Blog

Pada kesempatan kali ini BandhyT_TKJ akan share cara membuat Kotak Pesan Admin/Author di bawah postingan, bagi yang belum mengerti lihat di bawah postingan itu kan ada pesan saya, atau lebih jelasnya simak gambar dibawah ini.
Bagi Anda yang tertarik silahkan ikuti tutorialnya ini : 
1. Seperti biasa masuk ke akun blog anda 
2. Pilih rancangan 
3. Pilih edit HTML
4. Centang Expand Template Widget, Sebelum mengedit silahkan download template anda untuk menjaga eror 
5. Cari kode HTML ini <div class='post-footer'>
6. Copy code ini dan pastekan sebelum / diatas kode <div class='post-footer'> yang tadi

<!-- Kotak Admin mulai -->
<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> ~ Deskripsi / Apapun lah</h4>
<div class='kontainer'>
<img src='http://4.bp.blogspot.com/-o_a08SLvxTA/T6kKbOkEkPI/AAAAAAAAABQ/Mvqwx-cI7rY/s220/572889_100000533922930_1261822975_n.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. <data:post.dateHeader/>.  Kritik dan saran ataupun komentar dapat anda sampaikan melalui kotak komentar.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin end -->

7. Kemudian cari lagi kode ]]></b:skin>
8. Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin> Jika gagal sobat dapat juga meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>

.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
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:#8A9C04;
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;
}

9. Silahkan ganti link URL gambar profil yang berwarna merah dengan link gambar profil sobat. Ganti juga kata-katanya sesuai keinginan teman-teman.
10. Simpan / save, semoga bermanfaat

0 komentar:

Untuk anda yang tidak memiliki blog dan ingin memberi pendapat.

1. Tulis pendapat anda.
2. Klik Beri Komentar Sebagai
3. Pilih Name/URL
4. Isi nama anda
5. Isi link/url facebook atau twitter anda
6. Publikasikan

Untuk Blogwalking dan Mencari Backlink bisa Menggunakan OpenID URL dan Name/URL.