Sabtu

menampilkan foto google plus di kotak komentar

menampilkan foto google plus di kotak komentar

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 != &quot;static_page&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=7481783979633435006&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);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.

kumpul suka