Sabtu, 16 Oktober 2010

Membuat Tampilan Komentar admin pemilik blog Berbeda

Sering kita temukan disuatu blog terdapat background commentar yang berbeda dengan pengunjung. Perbedaan tampilan komentar sangatlah membantu pengunjung untuk mengetahui siapa pemilik dari blog tersebut. sebenarnya ini article menjawab salah satu pertanyaan teman kita. yang rasa penasaran tentang adanya tampilan komentar admin yang berbeda dengan pengunjung. Semoga dengan ada article ini dapat membantunya dan bagi yang belum mengerti juga tentunya. nah untuk membuat nya ikuti saja langkah-langkah di bawah ini.

<ul>
<li>Pertama-tama <strong>Log in</strong> dulu ke blogger</li>
<li><strong>Tata letak</strong></li>
<li>Klik <strong>Edit HTML</strong></li>
<li>Cari kode <span style="color: #3366ff;">]]</span> </li>
<li><strong>Copy paste</strong> kode dibawah ini sebelum kode diatas <div class="alert">
.comment-body-author {
background: #ebebeb;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
} </div>

<span style="color: red;">background =</span> untuk warna latar belakang silahkan ganti dengan warna yang cocok dengan background anda
<span style="color: red;">border =</span> untuk ketebalan garis</li>
</ul>
<ul>
<li>Kemudian temukan kode berikut atau pokus <span style="color: #3366ff;">
<dl id="comments-block"><span style="color: #330033;"><div class="alert">
</div>
<dl id="comments-block">
<b:loop values="data:post.comments" var="comment">
<dt expr:class="&quot;comment-author &quot; +
data:comment.authorClass" expr:id="data:comment.anchorName">
<a expr:name="data:comment.anchorName" href="">
<b:if cond="data:comment.authorUrl">
</b:if></a><a expr:href="data:comment.authorUrl" href="">
rel='nofollow'&gt;<data:comment.author></data:comment.author></a>
<b:else>
<data:comment.author>
</data:comment.author>
<data:commentpostedbymsg>


<span style="color: red;"><b:if cond="data:comment.author ==
data:post.author">
</b:if></span></data:commentpostedbymsg></b:else></dt>
<dd class="comment-body-author">
<data:comment.body></data:comment.body>
</dd>
<b:else>

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


<span style="color: red;"></span></b:if> <span style="color: #330033;">
</span></dd><dd class="comment-footer">
<span class="comment-timestamp">
<a expr:href="data:comment.url" href="" title="comment permalink">
<data:comment.timestamp>
</data:comment.timestamp></a>
<b:include data="comment" name="commentDeleteIcon">
</b:include></span></dd></b:else></b:loop></dl>

Untuk kode yang berwarna <span style="color: red;">merah</span> adalah kode yang harus ditambahkan ke dalam tamplate anda sesuai dengan posisi kode diatas</span></dl>
</span></li>
<li>Setelah itu <strong>simpan tamplate</strong> anda dan lihat hasilnya. semoga berhasil</li>
</ul>
Selamat mencoba.........

Tidak ada komentar: