Wednesday, 22 July 2015

Background Komentar Berbeda Antara Admin Dan Pembaca

Mau tau cara buat background berbeda antara tuan blog dengan reader(s)
Yuk, follow step by step.

credit : kak Dila




 Login ke akun blogger.com
 Dashboard >> Template
 Klik Edit HTML
 Cari kode ]]></b:skin> (tekan F3 atau tekan ctrl+F (bersamaan))
 Copy kode di bawah ini, dan paste kan DI ATAS kode ]]></b:skin>
.comment-body-author {
background-image:url(URL BACKGROUND);background-position: top center;
background-repeat: repeat;
border: 1px solid #F455A5;
padding: 5px;
}
 Cari kode <data:commentPostedByMsg/> (tekan F3 atau tekan ctrl+F).
 Lihat dibawah kode <data:commentPostedByMsg/> terdapat kode </dt> 
 Copy kode di bAwah ini dan tempelkan DI BAWAH kode </dt> tersebut.
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
 Cari kode seperti ini <dd class='comment-footer'> (tekan F3 atau tekan ctrl+F).
 Tambahkan kode </b:if> di atas kode <dd class='comment-footer'>

So, jadinya seperti di bawah ini!
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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <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'>
              <span class='comment-timestamp'>
 Priview dulu yaaa, jika sudah sesuai dengan yang diinginkan baru save dan lihat hasilnya 

O iya, itu kak Dila dapatkan dari PANDUAN BELAJAR BLOG
NOTE: 
Pada PANDUAN BELAJAR BLOG tidak menggunakan URL BACKGROUND tetapi hanya menggunakan KODE WARNA saja. Jadi kodenya kak Dila agak ubah sedikit, sesuai dengan yang kak Dila suka 
So, kamu mau ikuti step kak Dilla "boleh", ikuti step PANDUAN BELAJAR BLOG "boleh" juga







2 comments: