Cara buat Pesah Admin Blogger di atas kotak komentar

Apa kabar sob...?? Hari ini saya akan membagikan sedikit tips dan tutorial blogger tentang Cara Membuat Kotak Pesan Admin Di Blogger seperti yang berada di blog ini tepatnya dibagian bawah posting.

Sebelumnya saya ucapkan terima kasih buat http://catatan-google.blogspot.com, karena saya mendapatkan contoh scriptnya dari sana dan kemudian saya lakukan sedikit modifikasi pada warna dan isi pesan.

Buat sobat yang berminat dan ingin membuat kotak pesan seperti ini, silakan ikuti langka-langkah berikut ini :

• Login ke akun blogger sobat.
• Pilih Template/Rancangan ==>Edit HTML ==> Proccess/Lanjutkan ==> Cheklist Expand Template Wdidget.
• Cari kode ]]></b:skin>, kemudian pastekan kode berikut tepat diatasnya :

.message-author{ display:block; width:auto; background:#FFFFFF; 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; } .message-author .kontainer{padding:5px;} .message-author h4{ background:#FD6C01; border:none; border-bottom:1px solid #000000; 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; } .message-author h4 a{color:#FEEA83;} .message-author img{ width:70px; height:70px; margin:0 10px 0 0; float:left; border:1px solid #000000; padding:2px; background:#FFFFFF; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }

• Kemudian cari kode <div class='post-footer'>, dan pastekan kode dibawah ini tepat diatasnya :

<!-- Start Script --> <b:if cond='data:blog.pageType == "item"'> <div class='message-author'> <h4> Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Pada  <data:post.dateHeader/></h4> <div class='kontainer'> <img src='url-foto-profil-sobat'/><div align='justify'> Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel kami yang berjudul <a expr:href='data:post.url'><b><data:post.title/></b></a>.  Kritik dan saran dapat anda sampaikan melalui kotak komentar. Anda dipersilakan copy paste artikel ini dengan mencantumkan link sumber dari URL berikut : <b><data:post.url/></b></div> <br /> <div style='clear:both;'/> </div> </div> </b:if> <!-- End Script -->

Keterangan :

Pada kode <img src='url-foto-prifil-sobat'/> diatas, gantilah dengan url foto/gambar profil sobat dan sobat juga bisa menggati kata-kata pada kotak pesan tersebut sesuai keinginan.