Cara Pasang Widget Kotak Pesan Admin atau Author di Bawah Postingan Blog

Di sini Saya akan memulai kembali dengan postingan yang baru yaitu "Cara Pasang Widget Kotak Pesan Admin atau Author di Bawah Postingan Blog". Menurut Saya, widget ini juga sangat baik digunakan para blogger, apalagi letaknya di bawah postingan blog. Karena setiap pengunjung yang membaca artikel kita pasti melihat kotak itu dan isinya. Oleh karena itu di dalam kotak itu kita bisa isi pesan untuk para pengunjung blog, seperti membantu membagikan artikel, peraturan copas dan lain sebagainya. Oke... untuk membuat widget ini, silahkan ikuti trik berikut:

1. Seperti yang dulu-dulu, login ke akun blogger
2. Pilih Template, Edit HTML, jangan lupa centang Expand Template Widget untuk berjaga-jaga kalau ada
    yang error
3. Kemudian cari kode berikut: <div class='post-footer'>
4. Jika sudah ditemukan, letakkan kode di bawah ini di atas kode: <div class='post-footer'> yang pertama

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Posted by : <a expr:href='data:blog.homepageUrl'>TULIS NAMA PENULIS BLOG DI SINI </a> ~ / <a href="http://se-cara.blogspot.com/2013/03/cara-pasang-widget-kotak-pesan-admin.html">Widget</a></h4>
<div class='kontainer'>
<img src='URL GAMBAR DI SINI'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> diposting oleh<b> TULIS NAMA PENULIS BLOG DI SINI </b>pada <data:post.dateHeader/>. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan melalui kotak komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog Sobat, hanya saja mohon sertakan link sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Selamat bersenang-senang.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin selesai -->

Ket:  untuk tulisan yang berwarna kuning, Sobat ganti dengan nama penulis blog atau kode:
         <data:post.author/>
        untuk tulisan yang berwarna hijau, Sobat ganti dengan url gambar.
        untuk warna hitam bisa Sobat ganti dengan kata-kata mutiara lain.

5. Untuk perjalanan berikutnya, cari kode: <data:post.body/>
     Biasanya kalau blog Sobat memakai Read more terdapat 2 atau 3

6. Kemudian letakkan kode di bawah ini di bawah kode:
    <data:post.body/> yang nomor 2. Jika error letakkan di atas kode: ]]></b:skin>


/*--Mulai Kotak Admin --*/
.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;
}

Ket: untuk ukuran font, jenis warna, letk tulisan bisa Sobat ganti sesuai keinginan yang berlaku bagi Sobat.

7. Setelah semuanya selesai dengan sukses, baru Sobat Simpan.