Membuat Pesan Admin dibawah Postingan

Pada kesempatan kali ini saya akan berbagi artikel tentang cara membuat pesan admin di bawah postingan, dimana di setiap postingan akan kita selipkan pesan yang tentunya berhubungan dengan postingan yang telah kita buat, pesan admin ini akan secara otomatis terpasang jika kita mempublikasikan postingan.  Pesan admin ini tentunya untuk memaksimalkan penampilan blog agar lebih berfariasi dengan mempertimbangkan hal-hal yang saling berhubungan, pesan admin di bawah postingan yang akan saya bagi ini juga bisa sobat edit sesuai dengan kebutuhan.

OK, Untuk lebih jelasnya tentang pesan admin ini sobat bisa lihat tampilan gambar berikut ini:

Nah, jika sobat sudah faham pesan admin yang saya maksud mari kita lanjutkan langkah selanjutnya untuk memsang di blog sobat :

1. Langkah pertama tentu seperti biasa Login ke akun blogger
2. Selanjutnya adalah sobat masuk ke pengaturan Template dan kilk Edit HTML
3. Berikutnya cari kode <div class='post-footer'>
4. Langkah berikutnya adalah copy dan pastekan kode di bawah ini tepat di atas kode <div class='post-footer'> tadi :

<!-- Kotak Admin mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> - JUDUL BLOG SOBAT</h4>
<div class='kontainer'>
<img src='http://i1253.photobucket.com/albums/hh584/adjieumbara/cooltext845071408.gif'/>
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 <a expr:href='data:post.url'><data:post.title/></a> ini.<data:post.dateHeader/>. Tak Lengkap Rasanya Jika Kunjungan Anda di Blog ini Tanpa Meninggalkan Komentar Untuk Itu Silahkan Berikan Kritik dan saran Anda Pada Kotak Komentar Di Bawah. Semoga Artikel <a expr:href='data:post.url'><data:post.title/></a> dapat Memberi manfaat untuk Anda ..Trima Kasih. :)
<div style='clear:both;'/>
</div>
</div>
</b:if><!-- Kotak Admin end -->

     Catatan :

• Ganti tulisan yang berwarna hijau dengan judul blog sobat
• Ganti tulisan yang berwarna merah dengan link/URL gambar profil sobat
• Ganti tulisan yang berwarna biru dengan kalimat yang sobat inginkan

      5.  Untuk langkah berikutnya silahkan sobat cari kode ]]></b:skin>
      6.  Copy dan pastekan kode berikut tepat di atas kode ]]></b:skin>

.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:#ffffff;
border:none;
border-bottom:1px solid #699019;
color:#000;
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:#FF0000;}
.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;
}

      7.  Silahkan Save Template sobat dan lihat hasilnya

Terimakasih atas kesempatan waktu yang sobat luangkan untuk membaca artikel Membuat Pesan Admin dibawah Postingan, semoga artikel ini bermanfaat dan membantu sobat dalam mewujudkan penampilan blog yang lebih berfariasi...