Minggu, 16 September 2012

Cara Mudah Membuat Kotak Komentar Admin Berbeda di Blog

 Assalamualaikum,wr.wb.....>Sahabat Semuanya,! Bakalan-Tlogorejo-City,Akan Berbagi Dengan Sampeyan-->>Sebelumnya perlu Kita Tau,Bahwa Dalam hidup terkadang kita mendapatkan,Banyak apa yang tidak kita inginkan,Tapi setelah kita mendapatkan apa yang kita inginkan,Terkadang tidak bisa membuat hidup kita lebih bahagia,Dan Mencari Teman Buatku Sangat Mudah,Dan berteman Adalah Suatu Hal Yang Sangat Istimewa,Tapi Teman Yang Sangat Istimewa Buatku Adalah Teman Yang Mau Menunjukkan Kesalahanku,,,Berbagi Sesama Adalah Hal yang Sangat Menyenangkan,,,Oleh Karena Itu Melalu Blog Sederhana ini,(Blognya Kuli Bangunan) Saya Akan Berbagi Artikel Atau Tulisan Yang Saya Tulis Sendiri Maupun Hasil Copas Dari Blog Sahabat-Sahabat Lainya...Karena Membaca Adalah Jendela Akhirat,,,, Sebelumnya saya Mohon Maaf Apabila Nanti Ada Tulisan Yang Kurang Berkenan Di hati Sahabat,,,,,, Kali Ini ! Bakalan-Tlogorejo-City --->> Akan berbagi Mengenai


Kali ini saya akan share cara membuat warna kotak komentar admin berbeda dengan pengunjung, agar pengunjung bisa membedakan antara pengunjung dan admin..cara membuatnya juga cukup mudah, mungkin sobat sebagian udah pada tahu caranya...bagi yang belum tahu...tidak usah panjang lebar lagi...langsung aja ke TKP..hehehe...





  1. Masuk ke akun Blogger Sobat.
  2. Klik Rancangan > Edit HTML.
  3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.
  4. Beri tanda centang di Expand Template Widget.
  5. Cari kode ]]></b:skin> Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.
  6. Copy kode di bawah ini lalu paste di atas kode  ]]></b:skin>
    .comment-body-author {
    background:
     #fee6e6; /* Warna Background */
    border:
    2px dotted #d31111; /*Border*/
    margin:0;
    padding:0 0 0 0px;
    }
    #fee6e6 merupakan warna untuk latar belakang, silakan ganti kode warnanya untuk mengubah warnanya.
    2px dotted #d31111 adalah border style dot dengan ketebalan 2 piksel dan berwarna #d31111. Silakan diubah sesuai keinginan Sobat.
  7. Cari kode seperti di bawah ini.
     <b:if cond='data:comment.authorUrl'> 
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a> 
    <b:else/> 
    <data:comment.author/> 
    </b:if> 
    <data:commentPostedByMsg/> 
    </dt> 


    <dd class='comment-body'> 
    <b:if cond='data:comment.isDeleted'> 
    <span class='deleted-comment'><data:comment.body/></span> 
    <b:else/> 
    <p><data:comment.body/></p> 
    </b:if> 
    </dd> 


    <dd class='comment-footer'>




  8. Letakkan kode berikut dibawah kode
     <data:commentPostedByMsg/> 
    </dt> 




    <b:if cond='data:comment.author == data:post.author'> 
    <dd class='comment-body-author'> 
    <p><data:comment.body/></p> 
    </dd> 
    <b:else/>



  9. Dan letakkan kode   </b:if> dibawah kode

     
     <dd class='comment-body'> 
    <b:if cond='data:comment.isDeleted'> 
    <span class='deleted-comment'><data:comment.body/></span> 
    <b:else/> 
    <p><data:comment.body/></p> 
    </b:if> 
    </dd> 
  10. Sehingga hasilnya semuanya menjadi seperti di bawah ini.

    <b:if cond='data:comment.authorUrl'> 
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a> 
    <b:else/> 
    <data:comment.author/> 
    </b:if> 
    <data:commentPostedByMsg/> 
    </dt> 
    <b:if cond='data:comment.author == data:post.author'> 
    <dd class='comment-body-author'> 
    <p><data:comment.body/></p> 
    </dd> 
    <b:else/> 
    <dd class='comment-body'> 
    <b:if cond='data:comment.isDeleted'> 
    <span class='deleted-comment'><data:comment.body/></span> 
    <b:else/> 
    <p><data:comment.body/></p> 
    </b:if> 
    </dd> 
    </b:if> 
    <dd class='comment-footer'> 




    Kode yang berwarna biru adalah tambahanya,itu yang perlu diingat.
  11. SIMPAN TEMPLATE


Read more: http://aryasusastra.blogspot.com/2011/12/membuat-warna-kotak-komentar-admin.html#ixzz26hbAeq4A

0 komentar:

Posting Komentar