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!
Priview dulu yaaa, jika sudah sesuai dengan yang diinginkan baru save dan lihat hasilnyadata: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'>
[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.
izin re-post ya kak ! credit kok :D
BalasHapusoke anastasya :)
Hapusizin re-post! :)
BalasHapus