Iklan 300 x 250

Random Post

Recent Post

 

Membuat Avatar Profil Komentar Blogger

Text Resizer: Click for Resizer
Salah satu fitur baru yang menarik dari Blogger adalah fitur "Show Your Face", sebuah fitur yang memungkinkan kita menampilkan avatar/foto dari para pengunjung yang berkomentar di blog.Untuk menampilkan avatar pada bagian komentar tidaklah sulit, teman-teman cukup mengaktifkannya dengan cara masuk ke bagian Settings > Comments lalu pilih Yes pada bagian Show profile images on comments? lalu Save.Tetapi tak jarang juga template yang bukan template standar blogger bisa diberikan fasilitas tersebut.







Nah, untuk template blog yang bukan template standar blogger masih bisa kuq memunculkan avatar komentar ini hanya saja dengan menambahkan beberapa baris kode CSS pada HTML template blog anda. Oke, ikuti cara berikut ini :

  • Seperti biasa log In dulu ke account blog anda

  • Pilih Rancangan atau Tata Letak dan masuk ke Edit HTML. Jangan lupa centang Expand Template Widget

  • Oh ya backup dulu template anda sebagai jaga-jaga dengan cara klik download template lengkap.

  • Setelah itu cari kode berikut ]]></b:skin> setelah ketemu masukkan Css berikut di atasnya

.avatar-image-container img{
background:transparent url(http://img168.imageshack.us/img168/562/matrixe.png)no-repeat;
height:35px;
width:35px;
}
  • Ganti Bacround Profil Sesuai keinginan anda,Setelah itu cari kode berikut ini.

<dl id='comments-block'>

  • Mungkin ada perbedaan pada setiap template blog, jika kode di atas tidak ada maka cari kode ini ,jika template anda menggunakan kode "div" maka cari kode berikut ini :
<div id='comments-block'>

  • Kemudian hapus kode di atas dan ganti dengan kode ini :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

  • Jika kode template anda menggunakan kode "div" maka ubahlah menjadi :

<div expr:class='data:post.avatarIndentClass' id='comments-block'>

  • Sekarang cari kode ini :

<a expr:name='data:comment.anchorName'/>

  • Lalu Hapus kode di atas dan ganti dengan kode berikut :

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

  • Selesai

NB : Sekarang anda sudah bisa melihat avatar komentar muncul pada posting blog yang ada komentarnya Tetapi..Profil avatar komentar belum bisa muncul bagi mereka yang memberikan komentar dengan pilihan "anonymous" dan "name/url" atau pilihan lain.

Semoga Tutorial Kali Ini Bermanfaat......


Artikel Terkait:

Nobi Noku Ditulis oleh : Arga Anggriawan | BLOG : This Is My Art
Dalam Judul : Membuat Avatar Profil Komentar Blogger
Dalam Kategori : ,
Saya hanyalah blogger pemula yang ingin belajar dan berbagi dengan sahabat, Semua artikel blog ini bersumber dari pengalaman saya dari dunia blogger.

7 komentar:

Ferdys mengatakan... Reply Comment

nah itu dia brader.... punyaku kan template bawaan smell fesbuk, dah gw rombak. tetep aja avatarnya tak terlihat.... hiks gimana ya???

Noubi noku mengatakan... Reply Comment

memang sich kode pada setipa template berbedaq-beda.cobalah cari kode yang mirip seperti kode diatas :c:

missmayssu mengatakan... Reply Comment

asyik juga nih dicoba..

Noubi noku mengatakan... Reply Comment

Monggo Silahkan Dicoba hehehehe :D:

thanks bgt infonya.. :x:

ko ane coba kaga bisa ya gan.... :l:

pengen punya kotak komentar kaya mas ini :x: :x:
ajari saya cara buatnya :j:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w: :x: :y: :z:

Posting Komentar

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda.Blog ini Blog Do Follow,Trims atas kerja samanya

 
 
 

Temukan Kami Dalam FB

Sahabat Blogger

http://nobinoku.blogspot.com/

Tukeran Link Yuk..!! Silahkan copy kode di atas..!!
Saya akan segera link balik..!! Link & Banner Teman
powered by PRBbutton Powered by  MyPagerank.Net backlink Site Meter http://www.wikio.com Free Automatic Backlink
Check Google Page Rank
Cerita Seks Panas Dewasa 17Tahun
free counters
 
Copyright 2010 - 2011 © This Is My Art | Didukung Oleh : Blogger
Template Name : Evolution Magazine Template | Modification by : Argabluesky