if (window.jstiming) window.jstiming.load.tick('headEnd');
Minal 'Aidin wal Faizin
Mampukah setiap tahun bertambah baik?
Sebuah tantangan bagi siapapun. Jadikan Idul fitri sebagai mement yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama.

Menampilkan Avatar / Foto Komentator Blogger

Hello, all newbie blogger all around Inonesia and oversea may be. Yaa.. kenapa saya EFA sebut newbie?? karena para blogger master sudah tentu tidak akan membutuhkan artkel artikel gurem seperti ini. Ok pada halaman ini Education for All akan sharing artikel tentang " Menampilkan Avatar / Foto Komentator Blogger" melalui tutorial ini sobat blogger mania  bisa menampilkan foto / avatar para komentator di samping isi komentar atau dibawah. Jika para komentator memberi komentar dengan akun atau profil Blogger mereka, maka foto dari profil tersebut akan langsung muncul disamping isi komentar. Untuk lebih jelasnya arahkan kursor sobat blogger mania pada gambar dipojok samping atas. jika sobat blogger mania berminat untuk membuatnya diblog sobat blogger mania silahkan ikuti langkah langkah berikut ini: 

Pertama Login ke akun sobat blogger mania
kedua Plih Layout  => Edit HTML, lalu centang Expand Widget Template
Ketiga cari kode yang seperti ini <dl id='comments-block'>  ganti kode tersebut dengan kode di bawah ini:



<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
 
Jika di template sobat blogger mania kode comments-block berada dalam tag div, maka ganti tag dl pada <dl expr:class='data:post.avatarIndentClass' id='comments-block'/> dengan tag div. Hasilnya: <div expr:class='data:post.avatarIndentClass' id='comments-block'/>. 

 Selanjtunya, cari kode <a expr:name='data:comment.anchorName'/>, lalu paste kode dibawah ini di atasnya:
 


<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>



Yang terakhir dan yang paling utama SAVE template,  SELESAI.

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :





» Selamat Berkreasi - E F A «


0comments:

Post a Comment

Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...

NextPrev