Membuat Kata Penutup Otomatis di Bawah Postingan Blog

Langsung ajja biar gak kepanjangan, kalo kepanjangan kamu sang para pengunjung blog ini juga nggak akan baca semuanya . Oke bagaimana sih cara membuat tulisan otomatis dibawah postingan blog ? Nah...... ini berupa kata deskripsi blog atau kata sapaan penutup artikel blog. Oke Contohnya seperti gambar dibawah ini :

Langkah Langkah:
1. Copy / Salin Kode di bos/kotak dibawah ini ke tempat CCS. CCS biasanya antara di bawah kode <b:skin> dan diatas kode ]]></b:skin>

Copy Code INI
.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; }

Copy Code INI

.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;
}

2. Setelah CCS selesai di pasang langsung pasang widgetnya. Dengan cara Copy / Salin Kode di bawah ini
ke tempat dibawah kode <data:post.body/> (pintar pintar memilih kode di samping karena biasanya ada beberapa )

Copy Code INI
<!-- Kotak Admin mulai --> <b:if cond='data:blog.pageType == "item"'> <div class='admin-tulisan'> <h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4> <div class='kontainer'> <img src='http://s10.postimg.org/bprfg2pb9/image.jpg'/> Terimakasih atas kunjungan Kamu Karena telah Mau membaca artikel <a expr:href='data:post.url'><data:post.title/></a>. Tapi Kurang Lengkap Rasanya Jika Kunjunganmu di Blog ini Tanpa Meninggalkan Komentar, untuk Itu Silahkan Berikan Kritik dan saran Pada Kotak Komentar di bawah. Kamu boleh menyebarluaskan atau mengcopy artikel <a expr:href='data:post.url'><data:post.title/></a> ini jika memang bermanfaat bagi kamu, tapi jangan lupa untuk mencantumkan link sumbernya. Terima Kasih. <div style='clear:both;'/> </div> </div> </b:if> <!-- Kotak Admin end -->

Copy Code INI

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4>
<div class='kontainer'>
<img src='http://s10.postimg.org/bprfg2pb9/image.jpg'/>
Terimakasih atas kunjungan Kamu Karena telah Mau membaca artikel <a expr:href='data:post.url'><data:post.title/></a>. Tapi Kurang Lengkap Rasanya Jika Kunjunganmu di Blog ini Tanpa Meninggalkan Komentar, untuk Itu Silahkan Berikan Kritik dan saran Pada Kotak Komentar di bawah. Kamu boleh menyebarluaskan atau mengcopy artikel <a expr:href='data:post.url'><data:post.title/></a> ini jika memang bermanfaat bagi kamu, tapi jangan lupa untuk mencantumkan link sumbernya. Terima Kasih.
<div style='clear:both;'/>
</div>
</div>
</b:if>

Catatan : yang merah dimodifikasi dengan data kamu dulu.

Selamat Mencoba :)