Selamat Datang di WEBSITE GURAH LENDIR - PJ LOka Gurah H Djawadi | Alamat : GIRILOYO WUKIRSARI IMOGIRI BANTUL YOGYAKARTA 55782 | Menyediakan GURAH TETES HIDUNG | KAPSUL GURAH | TEH GURAH | GURAH VAGINA dan CAIRAN PENGELUPAS KULIT. HUB : 0857 6480 8887

Membuat Warna Kotak Komentar Admin Berbeda pada Blog

Maksud dari judul di atas adalah kita akan memberi warna serta border pada kolom komentar admin sehingga pengunjung dapat dengan mudah membedakan mana komentar admin dan mana komentar pengunjung lain. Warna kotak komentar yang berbeda ini akan terjadi saat kita berkomentar jika kita selaku admin blog telah sign in di Blogger. Contohnya seperti kotak komentar admin di blog ini yang terlihat berbeda dengan komentar lainnya.

Bila tertarik untuk mengaplikasikan trik ini pada template blog Sobat, silakan simak langkah-langkahnya di bawah ini.

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

    .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 hitam adalah tambahanya, itu yang perlu diingat.
  11. SIMPAN TEMPLATE.

Powered by : Crystal X - Obat Keputihan

Tulisan Terkini

LOGIN FACEBOOK ANDA, KLIK SUKA PJ LOKA GURAH

Photobucket

Auto Backlink

GRATISSSS
AutoBacklinkGratis Free Promotion Link Free Smart Automatic Backlink Malaysia Free Backlink Services MAJLIS LINK: Do Follow Backlink Link Portal Teks TV Free Plugboard Link Banner Button Free Automatic Backlink Service Backlinks Generator Gratis Ping your blog, website, or RSS feed for Free @Submit!-FREE Promotion Backlinks Gurah Lendir Free SEO Tools Submit Your Site To The Web's Top 50 Search Engines for Free! Sonic Run: Internet Search Engine