Cara Membuat Kotak Komentar Admin Berbeda

Hai semua.. Kali ini, aku mau sharing tentang Cara Membuat Kotak Komentar Admin Berbeda. Tapi, bedanya itu karena di dalam kotak komentar admin ini, ada Logo Authornya loh.. Penasaran? Nih penampakannya (???) aku tempel dibawah, hehehe :D
Ada yang mau??? Okedeh, tak usah berlama-lama lagi, berikut tutorialnya..
1. Login ke blogger lalu masuk ke blog kita.
2. Klik Template - Edit HTML.
3. Centang kotak kecil disamping kiri tulisan Expand Template Widget.
4. Cari kode </body> untuk mempermudah pencarian, tekan CTRL+F.
5. Kalo udah ketemu letakkan kode dibawah ini tepat di atas kode </body>
<!--admin comment -->
    <script>
    $(function() {
    function highlight(){
    $(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;)
    .css(&#39;border&#39;, &#39;5px solid #cccccc&#39;)
    .css(&#39;background&#39;,&#39;#ffcccc url(&quot;https://lh5.googleusercontent.com/_xcD4JK_dIjU/TasKJgjf1FI/AAAAAAAAFEA/pvkcJFnS-DA/s800/author_mark.png&quot;) no-repeat bottom right&#39;)
    .css(&#39;padding&#39;, &#39;10px&#39;);
    }
    $(document).bind(&#39;ready scroll click&#39;, highlight);
    });
    </script>
    <!-- admin comment end-->
Perhatikan tulisan yang berwarna kuning #cccccc, itu adalah kode warna untuk bordernya, bisa diganti sesuai keinginan.
Dan tulisan yang berwarna Hijau #ffcccc, itu adalah kode warna untuk backgroundnya, dan bisa diganti juga sesuai keinginan.

6. Setelah itu, ada baiknya kalo klik Pratinjau dulu, kalo sudah sesuai, langsung deh klik Save Template dan lihat hasilnya.

Nah, selesai deh tutorial bagaimana Cara Membuat Kotak Komentar Admin Berbedanya. Semoga membantu yah, :)



Kalo ada yang masih bingung,  dipersilahkan untuk berkomentar :) Terimakasih atas kunjungannya, jangan lupa balik lagi yah.. ^^
          

29 komentar:

  1. Ada nggak sob cara merubahnya tapi tanpa harus edit template. Maksudnya cuma menambahkan kode css di add a widget aja. Jadi kalau bosan, kita tinggal menghapus atau menggantinya saja dengan yang lain, tanpa harus buka template.

    Oh ya sob, kebanyakan accesories berat banget nih bukanya

    BalasHapus
    Balasan
    1. Nah, aku juga pengennya gitu mas, soalnya kan pusing juga kalo harus edit2 terus, tapi belum nemu2 nih.. Nanti kalo aku nemu pasti aku post, tapi ga tau juga, soalnya aku masih newbie, hehe :D

      Wah, makasih banget ni masukannya, sebenernya blog ini banyak errornya hhe, tapi belum di benerin soalnya pake edit HTML lagi, mana panjang lagi.. hm..

      Btw, makasih banyak mas kunjungannya :)

      Hapus
    2. Dah saya praktekin, sukses min. makasih
      Kalau bisa widget aja, beber kata mas diatas. jangan yang edit template, kayaknya nambah berat loadingnya.
      Mampir ke gubug saya, jalin silaturahmi }}}=====>> heru-setianto :)

      Hapus
  2. mas, kok di template saya gk bsa ya.... pdhal udah sring gonta ganti scrip tetep ajah gak bisa

    BalasHapus
  3. maaf mbak slah nyebut..

    BalasHapus
    Balasan
    1. Haha, oke mas gpp :) Maaf ya baru bales.. biasanya sih kalo ga bisa gitu, ada 2 kemungkinan, kalo bukan karena salah pas pengcopyan kodenya, berarti ga cocok sama template yang masnya pakai :)
      Terima kasih sudah berkunjung :)

      Hapus
  4. sob saya kasih saran untuk benerin emotionnya,buka
    http://mdf-blog.blogspot.com/2013/01/mengatasi-masalah-pesan-formulir.html#.UYYXnKIXEXi

    BalasHapus
    Balasan
    1. Wah Thanks banget ya infonya, langsung diterapkan, dan tok ceerr :D
      Waktu itu sempet frustrasi juga karna ga pindah2 keatas :D
      Terima kasih jjuga sudah berkunjung :)

      Hapus
  5. mantap mas bro.. ijin sedot buat koleksi ya.. xD :)

    BalasHapus
    Balasan
    1. Silahkan mas, Alhamdulillah kalo bermanfaat :)
      Terima kasih juga mas sudah berkunjung :)

      Hapus
  6. ini yang saya cari,thanks bro :D

    BalasHapus
    Balasan
    1. Oke mas :) Terimakasih juga atas kunjungannya :)

      Hapus
  7. thanks bro....
    ini yang saya cari cari...

    BalasHapus
    Balasan
    1. Iya mas terima kasih kembali, semoga bermanfaat :)

      Hapus
  8. akhrinya saya bisa mempraktekan , terima kasih sudah di kasih tutorialnya

    BalasHapus
    Balasan
    1. Iya mas, terima kasih kembali, semoga bermanfaat :)

      Hapus
  9. kox di blog saya gak bisa ya gan?????????

    BalasHapus
    Balasan
    1. Ada kemungkinan ga cocok sama template yang dipakai gan, :) Terima kasih atas kunjungannya ya :)

      Hapus
  10. cara membuat seperti agan ini gimana ya,? ada balas nya juga

    BalasHapus
    Balasan
    1. Wah, gimana ya gan? aku lupa :D Waktu itu asal otak-atik aja.. Tapi kalo ga salah, pasti ada balasnya ko gan :D

      Hapus
  11. wah keren nie gan, mkseh artikel nyh y.
    visit : http://duniaku-belajar.blogspot.com/

    BalasHapus
  12. Visit BAck!!!

    http://pointblankofflineitc.blogspot.com

    BalasHapus
  13. sangat bermanfaar

    http://free-games14.blogspot.com/

    BalasHapus
  14. kok adminnya ga menggunakan cara ini, harusnya anda kan menggunakan kolom komentar admin sesuai artikel anda,... jadi pembaca langsung tertarik membaca

    BalasHapus
    Balasan
    1. Lha itu komentar saya pake logo author kok gan, silahkan di cek :D kalo yang ga ada logonya saya sedang pakai email saya yang lain ^^ Terima kasih sudah berkunjung ^^

      Hapus

Terima kasih sudah berkunjung dan meninggalkan komentar. Kritik dan saran sangat diharapkan dan dihargai. Salam Blogger Indonesia.