Senin, 06 Juli 2015

Tutorial Background Komentar Berbeda Antara Admin dan Pembaca

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

 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 

[Sumber: PANDUAN BELAJAR BLOG]

NOTE: 
Pada PANDUAN BELAJAR BLOG tidak menggunakan URL BACKGROUND tetapi hanya menggunakan KODE WARNA saja. Jadi kodenya agak saya ubah sedikit, sesuai dengan yang saya suka 
So, kamu mau ikuti step aku "boleh", ikuti step PANDUAN BELAJAR BLOG "boleh" juga. 

Terimakasih sudah membaca , Tinggalkan komentarnya juga ya

3 komentar:

-Mohon berikan komentar anda dengan menggunakan bahasa yang sopan.
-Jika ingin repost, silahkan cantumkan namaku dan link blogku.

Related Posts Plugin for WordPress, Blogger...
 
This Blog Are Protected By Me . DO NOT OPEN MY PAGESOURCE . Designed by -Nur Irdina Zakaria- and Re-Designed by -DILA AZHARI-
...