Cara Membuat Kotak Pesan Khusus Dari Admin Kepada Pembaca

Halo sobat Hacker Parkour. Lama nih saya gak posting da pastinya udah kangen banget sama sobat Hacker Parkour :) Langsung aja saya mau berbagi ilmu lagi nih Cara Membuat Kotak Pesan Khusus Dari Admin. ikuti Langkah-langkah dibawah ini :


1. Login ke blog sobat (khusus blogger)

2. masuk ke template->edit html (unduh lengkap dulu template sobat buat jaga-jaga aja jika gagal)
3. setelah itu cari kode pakai <div class='post-footer'> C+F, setelah ketemu copy kode dibawah ini dan paste kodenya tepat di atas <div class='post-footer'> .

<!-- Kotak Admin -->

     <b:if cond='data:blog.pageType == &quot;item&quot;'>

     <div class='admin-tulisan'>

     <h4>Creatif By : <a expr:href='data:blog.homepageUrl'>

<data:post.author/></a>Deskripsi Sobat</h4>

     <div class='kontainer'>

     <img src='https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-ash4/302371_162583400574622_389971726_n.jpg'/>

     Terima Kasih telah membaca artikel<a expr:href='data:post.url'>

<data:post.title/></a> yang ditulis oleh <data:post.author/> Pada hari <data:post.dateHeader/>. Jika anda ingin menyebarluaskan artikel ini, mohon sertakan <blink><strong>Link Sumber Asli</strong></blink> Kritik dan Saran dapat anda sampaikan melalui kotak komentar. Terima Kasih ^_^    <p>

<textarea cols='57' id='bloglinking' name='bloglinking'

onclick='this.focus();this.select()' onfocus='this.select()'

onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&

quot;<data:post.url/>&quot; target=&quot;_blank&quot;&

gt;<data:blog.pageName/>&lt;/a&gt;</textarea><span style='float:right;

font:italic 10px Arial, Sans-Serif;'><a href='http://hackerparkour.blogspot.com/2013/06/cara-membuat-kotak-pesan-khusus-dari.html' target='_blank'>:: Get this widget ! ::</a></span></p>

     <div style='clear:both;'/>

     </div>

     </div>

     </b:if>

     <!-- Kotak Admin -->

Keterangan :

• untuk kode warna biru ganti dengan kata-kata sobat sendiri
• untuk kode warna orange ganti dengan alamat/url foto sobat
• untuk kode warna hijau bisa diganti dengan Pesan Khusus dari sobat kepada pembaca blog sobat.

4. kemudian cari kode ]]></b:skin> seperti biasa gunakan C+F. jika sudah ketemu silahkan copy dan paste kode dibawah ini tepat diatas kode ]]></b:skin> .

.admin-tulisan{
    display:block;
    width:auto;
    background:#666666;
    border:2px solid #000000;
    box-shadow:0 1px 3px #000000;-moz-box-shadow:0 1px 3px #000000;-webkit-box-shadow:0 1px 3px #000000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#ffffff:
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#ff0000;
    border:none;
    border-bottom:1px solid #ffffff;
    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;
    }


Keterangan jika sobat ingin mengedit wujud warna kotaknya :

• untuk kode warna Merah itu merupakan kode warna pada header kotak pesan khusus admin.
• untuk kode warna biru itu merupakankode warna garis tepi
• kalau yang ungu itu adalah kode warna background
• kalau yang warna orange merupakan kode warna 

itulah yang bisa saya sampaikan :) selamat mencoba dan semoga bermanfaat ^_^