Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Jumat, 21 Mei 2010

Membuat Blank Avatar Komentar

Kategori : ,
Dalam mempercantik template memang harus di perhatikan secara benar-benar agar tidak terlalu merusak atau membuat tidak nyman pengunjung blog anda. Dalam template terdapat bagian yang harus di modifikasi, apabila template tersebut didapat dari blogger sendiri karena menurut saya template dari blogger kurang menarik . Sekarang apa yang wajib di modifikasi berfikir? sebenarnya banyak sekali bagian yang harus di modifikasi agar pengunjung betah, namun disini saya akan menjelaskan tentang cara memodifikasi bagian komentar dengan Membuat Blank Avatar Komentar.

Apa itu Blank Avatar Komentar? menurut definisi saya sendiri :) blank avatar adalah gambar yang akan muncul apabila komentator tersebut tidak memiliki avatar dan biasanya komentator yang tidak ada avatarnya itu memakai pengguna : nama URL, dan Anonim tau. Mungkin kelihatan aneh dari definisi saya di atas, dari pada bingung mendingan lihat screenshoutnya dibawah ini :

Trik Blog
Setelah melihat screensouhtnya sekarang kita lihat langkah-langkah pembuatannya :
  1. Seperti biasa login ke blogger
  2. masuk ke Tata Letak => Edit HTML
  3. setelah itu klik kotak kecil yang letaknya di samping tulisan Expand Widget Template lalu tunggu sebentar hingga muncul tanda centang di dalam kotak tersebut, ini bermaksud untuk menampilkan HTML yang terdapat pada bagian-bagian elemen tertentu.

    Tutorial Blogger Pemula
  4. Setelah itu cari kode ]]></b:skin> lalu masukan kode dibawah ini tepat diatasnya

    .avatar-image-container img { background:url(http://oketrik.googlecode.com/files/Avatar%20Blank.png);width:30px;height:30px}

    Blogger Hack
    Trik CSS
    Penjelasan :
    • http://oketrik.googlecode.com/files/Avatar%20Blank.png => menunjukan dari gambar Blank avatar, sobat bisa menggantinya dengan gambar yang berukuran 35px X 35px.
    • width:30px => menunjukan panjang dari ukuran blank avatar, sobat bisa merubahnya sesuai dengan ukuran blank avatar, tapi kalau gambarnya tidak diganti tidak usah dirubah bagian ini.
    • height:30px => menunjukan panjang dari ukuran blank avatar, sobat bisa merubahnya sesuai dengan ukuran blank avatar, tapi kalau gambarnya tidak diganti tidak usah dirubah bagian ini.

  5. Setelah itu sobat dapat melanjutkan ke langkah berikutnya yaitu dengan mencari kode <a expr:name='data:comment.anchorName'/> lalu ganti dengan kode di bawah ini

    <b:if cond='data:comment.favicon'><img expr:src='data:comment.favicon' style='margin-bottom:-2px; height:30px; width:30px;'/></b:if>

    Free Templatesoketrik blog

  6. Setelah itu sobat bisa menyimpannya dan melihat hasilnya
Setelah menggunakan Blank Avatar maka bagian komentar yang terdapat pada template akan terlihat lebih menarik dan tidak terlalu memberatkan template. Mungkin hanya sekian yang bisa saya berikan, mohon maaf apabila ada kesalahan atau ketidak pasifan dalam berbahasa, maklum lah saya bukan manusia yang sempurna Joget tapi saya akan menjadi manusia yang akan menjadi lebih baik dari hari kemarin :angel:. Terima Kasih Terima Kasih Dan :pusing: Happy Blogging.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

9 Komentar untuk Membuat Blank Avatar Komentar

Dah terima dari bloggernya aj dech..., But keep posting aj dech...

ntar dicoba ach ...
makasih sharingnya ....

assalamualaikum,sorry ya baru bales comment hehe :D ,wah info baru baut saya nih sob oketrick,pamit yahh assalamualaikum

wa'alaikumsalam, gpp sob yang penting tidak lupa hehehehe, wa'alaikumsalam

Seep... dwedddh sob...
Ntar ane cobain dlu...
TQ atas infonya...

kok saya g bisa y???
fawaztechno.blogspot.com

waow...... top bnget deh tutorialnya."
perbanyak lagi ya, biar saya dapat kembangkan blog saya....
thanks sob.

koq g jadi bank gmana??
malah jadinya kayak gini..
abang tanggung jawab..
templatku jadi g karuan

wakakaakakaka...
jangan d ambil ati bank...
guyon tok...

saya tunggu kedatangan abang di blogku ya....