My Tif Share

Share What I Like

Rabu, 10 Agustus 2011

Tips dan Trik Blog | Cara Memasang Nomor Urut Pada Kotak Komentar Blog

Diposting oleh Agung MrVector at 04.51 Label:
  • Login Ke Akun Blog Sobat
  • Pilih Rancangan/Tata Letak Kemudian Pilih EDIT HTML
  • Centang Kolom expand template widget
  • Cari Kode Berikut
 <b:loop values='data:post.comments' var='comment'>
  • Copy kode dibawah ini dan paste tepat diatas kode tadi
<script type='text/javascript'>var CommentsCounter=0;</script>
  • Cari Kode Berikut
<data:commentPostedByMsg/>
  • Copy kode dibawah ini, kemudian paste tepat dibawah kode tadi  
<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

  • Terakhir...cari Kode </head>
  • Copy kode dibawah ini dan paste tepat diatas kode tadi.
<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}
.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}
</style>

Keterangan :

1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6po5xJR9nJENK7Yi6Vouu9a3xZ32BmJxMEZGL76_TcCHl4HJszkG0jDz8amu1EbJhZHhQs_k2a7PjbqEDx7V8NnPrxYAXIIoccgZAoO7AinOXrkLRu1KKyYkREoSxtdbSkDoPPQ8cX9LL/s1600/df97c4.jpg.png : merupakan KODE URL tampilan dari gambar pada setiap komentar. Silahkan anda ganti dengan gambar yang ada dibawah ini. Klik kanan pilih Copy Image Location, kemudian paste menggantikan alamat image terdahulu/diatas
2. width: 50px;
height: 48px; : merupakan ukuran gambar, silahkan anda sesuaikan dengan keperluan.
3. color: gray : warna angka penomoran pada setia lomentar, silahkan anda ganti dengan warna pilihan anda.

Silakan Anda Pilih Gambar Beserta URL nya :

 URLNYA: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpFnTLcfEPl96PV8257YxHb9pHUfKyjhy_q4VNGPgiFeHc-h4Qr8x3qc2KdFfwjG659u-_km2uPfDhLo8T51jYWus39JTpHwf3QKlRisndKAF46dulNddbRhVRoH3AgGUQJdC-2ql0e55D/s1600/6zlo2h.png
 URLNYA: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSqOHpqwrk9dPXg3eJAh4ED4Be3qiKVbwPhaakamIsKF5kGa0ZFmbVOHFqTrsdoLKN_zHVndFzkFMkTlw_aeeClcawV-DGmhK2-tbzTwdufQ9D4ypbunrhDZu17Iu9-N64Wj1QN7JLkCL8/s1600/2iswr9x.png
  URLNYA:  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL93LinIBsb23mpyOHKxpxwOVmnVFnWYY5xG-2ivjysJ4byk2uLjO-nNozVdjLeW_2fYav3frfY37LYX8zvZDmJXkpq63AmVhQf13QPmEC7bSslm_JyipaIfo5H0P5YiNMqLaKxgVEUFl3/s1600/2efny2q.jpg.png

 URLNYA: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpxdMrR-DTEx2QnCubq9Q4gFanKwh5y6vevKjwnDBFuFxzlqywV56HgTwwnKqoyCR7YbAVjsfzLwAMj9dq6B8AD1C_NehhdbI0GNlpeUAZUbo7VoY_Rlc1oadY0BpNVQsGOainby8uZ7Qz/s1600/24xko7m.png


 URLNYA: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wDqpF3P2Z_FH6EUXiJU6cTcqWpdkWd0VObzGk8JZSKemMYFi43N8fDD4q6vgfJI-jMdFO-BATIyab9u7ny6krbudW419FzXO7pGi2fbJZD4oyhjv7Z71uq9sJIFCpimXZKA7bdfKulvw/s1600/29m6t5f.png
 URLNYA: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqZSZmF0GftYoHTp3EltzzIfz7DGWqPW8i1CIJ_B6e50m_e9xCXW-WGNS8lLWhWjCYLOlgQ5ZXOUmhNzc8r1wN6MmgPg51uNxwPo0I3NVDcfXfaFDAYk7XL9pbG7fw3FdS0wSy4Fc1noyg/s1600/33coxp2.png
 URLNYA: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJy7-GQBzjXGOVDKhi0KXymy_thh_KWXXlilk592vLjyatfJoAssxAIpny1SB9eZYtNM3JbbOeWXnaaRkAosYfChF3PyzeUAd2lRbkyXoM1Vxx8ehfgMRmonVFWIBTufACnk_iOlwcVn7d/s1600/72t34m.png
 URLNYA: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlV5ROMbkr7-92WHNtw9vtGah0w3qsb3mXwRTlfHvxfeVaOjXGhqaJxvHmIr1f7gbxgoSTzB1uX_TawMt8BI1RCayCFkGfLq8pNccFQ0ISYuYK6Zl7iZGaeYCVV0yHyF3mYrjdGXuXpRp8/s1600/df97c4.png
 URLNYA: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPQEwZp_slxrZDcO_iC7IAFtnhXIs0SEttuHLIxFX9SEZePdvpNo8uWQt-ct0hzRWOwx_27lde3Crf1QUooGY6YnWrKBcWUM5NamXd6sfedRrgw1QbLAwNrpLvRRW0rXC4pFM36UphjUzG/s1600/15oi82x.png

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )