Saturday, July 9, 2011

Menambahkan Lencana Admin Pada Komentar Author Dan Merubah Warnanya

cara menrubah kotak komentar author berbedaMungkin kali ini kita akan kembali membahas tentang blogger tutorial . Jika mungkin beberapa orang memodifikasi kotak komentar author dengan merubah warnanya, kini saya memberikan sebuah modifikasi baru pada kolom komentar author yaitu dengan memberikan lencana admin yang berkilau . Dan selain memberikan lencana admin di kotak komentar author nanti kita akan juga merubah warna dari kotak tersebut sehingga nantinya akan teerlihat semakin keren kotak komentar yang ada di blog anda. Untuk demo nya silakan klik dibawah ini.

cara melihat css blogger kotak komentar author

Jika anda sudah melihat demonya dan tertarik untuk memasangnya di blog anda maka mari ikuti langkah mudah menambahkan lencana admin di kotak komentar author di blog anda berikut ini.

1. Masuk lah ke akun blogger anda lalu pilih design > edit html > klik expand widget template , untuk menghin kegagalan pada template anda , anda bisa backup terlebih template anda dengan mengklik download full template


caea memasukkan kode css di template


2. Setelah anda masuk pada menu edit html maka carilah kode ]></b:skin> , lalu copy  kode dibawah ini dan letakkan sebelum kode tersebut.


.comment-body-author {
background: url("http://vianjb.googlecode.com/files/admin.gif") no-repeat scroll right bottom #BFE3FE;
border: 1px solid #BFE3FE;
-moz-border-radius: 6px;-webkit-border-radius: 6px;
padding:5px 35px 3px 3px;
}

Note : pada kode yang saya tandai dengan warna merah itu adalah kode background kotak komentar authornya , anda bisa ganti warnanya sesuai keinginan anda.

3. Untuk yang berikut ini anda harus mencari lagi kode <dd class='comment-body'> dan kode </dd> , kedua kode tersebut sebenarnya masih berhubungan satu sama lain . berikut ini contoh lengkap dari kode tersebut.

  • <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>
Setelah menemukan kode tersebut maka lalukan lah sama persis dengan dibawah ini yaitu peletakkan kode lain diantara kode diatas . 

<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>


Note : kode yang saya tandai dengan warna hijau , itu adalah kode lain yang anda harus letakkan diantara kode yang sudah saya tandai dengan warna merah atau seperti yang sudah anda cari tadi.

4. Setelah anda melalukannya dengan benar maka silakan  save template anda dan coba lihat kini kotak komentar author anda akan mempunyai lencana admin seperti dibawah ini.

cara kode css lencana admin

Pembahasan blogger tutorial ini cukup sekian , jika anda kendala pada pemasangan kode di template anda , anda bisa tanyakan langsung dengan mengirim komentar pertanyaan anda dibawah ini.

5 comments:

  1. thank's infonya semoga berhasil di kotak komentar hasil modifikasi di blog ane...

    ReplyDelete
  2. Aku kok ga dapat tulisan ini : dd class='comment-body'
    Gimana bisa bantu ?

    ReplyDelete


Silakan kirimkan komentar anda entah itu kritik atau saran anda dan mohon maaf jika komentar anda tidak mendapatkan tanggapan karena saya tidak selalu online 24 jam