ARTIKEL TERKAIT:
Cara menampilkan foto google plus di kotak komentar
1. Masuk ke Akun Blog kamu
2. Klik template => Edit HTML => Centang Expand Template Widget
3. Cari kode yang mirip seperti ini <data:commentPostedByMsg/>
4. Copy kode dibawah ini dan taruh diatas kode tadi :
<b:if cond='data:blog.pageType != "static_page"'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=7481783979633435006&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E%3A%20#form"' onClick='javascript:window.open (this.href,"bloggerPopup","toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,");return false;' style='padding:0px 5px; border:1px solid #ddd; float:right'>Reply Comment</a>
</b:if>
Ganti kode yang berwarna merah dengan id blog kamu.
5. Kemudian cari kode berikut <dl id='comments-block'> atau <dl class='comments-block' id='comments-block'> lalu ganti kode diatas dengan kode dibawah ini :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
6. Kemudian cari lagi kode seperti ini :
<a expr:name='data:comment.anchorName'/>
lalu ganti kode diatas dengan kode dibawah ini :
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
7. Letakan Kode dibawah ini diatas kode ]]></b:skin>
#comments-block .avatar-image-container img {
background: #fff url(ini adalah link tempat foto yg ingin ditampilkan bila user tidak memakai akun google, ukuran foto 32px) no-repeat left top;
width:32px;
height:32px
}
8. Simpan Template.
2. Klik template => Edit HTML => Centang Expand Template Widget
3. Cari kode yang mirip seperti ini <data:commentPostedByMsg/>
4. Copy kode dibawah ini dan taruh diatas kode tadi :
<b:if cond='data:blog.pageType != "static_page"'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=7481783979633435006&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E%3A%20#form"' onClick='javascript:window.open (this.href,"bloggerPopup","toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,");return false;' style='padding:0px 5px; border:1px solid #ddd; float:right'>Reply Comment</a>
</b:if>
Ganti kode yang berwarna merah dengan id blog kamu.
5. Kemudian cari kode berikut <dl id='comments-block'> atau <dl class='comments-block' id='comments-block'> lalu ganti kode diatas dengan kode dibawah ini :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
6. Kemudian cari lagi kode seperti ini :
<a expr:name='data:comment.anchorName'/>
lalu ganti kode diatas dengan kode dibawah ini :
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
7. Letakan Kode dibawah ini diatas kode ]]></b:skin>
#comments-block .avatar-image-container img {
background: #fff url(ini adalah link tempat foto yg ingin ditampilkan bila user tidak memakai akun google, ukuran foto 32px) no-repeat left top;
width:32px;
height:32px
}
8. Simpan Template.
Jangan lupa luangkan waktu untuk beri komentar ya..., Terima kasih.
Tidak ada komentar :
Posting Komentar
Komentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini,
» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi
Terima Kasih .... Klik Link Ini Untuk Berlangganan Artikel Kumpulsuka.