Combine Strom

RESPONSIVE DESIGN

Design By Harris Munahar, maka dapat berkreasi untuk menampilkan desain website yang indah pada perangkat seluler.

Responsive Design

Responsive Design merupakan teknologi terbaru yang memiliki karateristik tentang desain template website. Dalam hal ini sebuah tampilan website dapat dilihat melalui perangkat seluler yang telah diatur dengan media CSS, maka anonim dapat berkreasi untuk menampilkan desain website yang indah pada perangkat seluler.

Loading...

Mengganti Avatar Anonim Pada Komentar dengan jQuery

Assalamu'alaikum wr. wb. Langsung saja masuk pembahasan, mengganti avatar default pada komentar. Mungkin bagi anda yang bosan dengan gambar/avatar anonim yang ada pada komentar bisa menggantinya dengan gambar pilihan anda, karena avatar anonim bawaan blogspot terlihat biasa saja, yaaa sperti gambar diatas. . hehe.
Untuk menggantinya kita menggunakan jQuery..
Berikut cara pemasangannya:
1. Masuk ke Template  »  Edit HTML

2. Letakkan kode berikut ini di atas kode </head> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
Itu merupakan kode jQuery, jika di template anda sudah terdapat kode jQuery tersebut maka tidak usah di pasang lagi atau anda juga bisa mengganti kode yang lama dengan kode yang versi terbarunya.(tidak boleh terdapat kode jQuery.min lebih dari satu walaupun versinya berbeda-beda)

3. Kemudian Letakkan kode berikut ini diatas kode </body>
<script>
// ganti gambar anonim
$(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;http://1.bp.blogspot.com/-ZnSQgrJRyfw/UNcY8dQagtI/AAAAAAAABCc/jkvJoCgo2dw/s1600/Anonim20.jpg&#39;)
.ssyby(&#39;blank&#39;)
</script>
Keterangan:
Ganti dengan URL gambar anda atau menggunakan contoh gambar dibawah ini atau anda juga bisa mencarinya di google.com.
4. Simpan Template dan liat pada komentar.

Contoh gambar:
http://3.bp.blogspot.com/-VgmrmlDuef8/UNcs17ik8dI/AAAAAAAABDU/B1C7sg1wKY0/s1600/Anonim1.jpg
http://1.bp.blogspot.com/-p-6PvmfGRlM/UNcs3iqWGMI/AAAAAAAABDc/Sh22K3wS1_g/s1600/Anonim2.png
http://4.bp.blogspot.com/-knLN3kPmvsE/UNcs4v38i6I/AAAAAAAABDk/K6ScvdhaFSg/s1600/Anonim3.png
 Selamat mencoba dan semoga berhasil..

Relate Post: Mengganti Avatar Anonim Pada Komentar dengan jQuery

Comments ( 2 comments )
  1. wah jadi gitu ya caranya ... akhirnya saya bisa mengganti avatar komen saya diblog saya sendiri dengan custom hehe :D thanks infonya ya gan bermanfaat banget (y)

    ReplyDelete
Show More Comment 2 comments
Delete More Comment

Komentar yang mengandung Link Aktif, Out Of Topic, Tidak Sopan, Berkata Kasar akan saya hapus untuk menghindari SPAM.

Gunakan Fasilitas di bawah ini apabila Anda perlu menggunakannya.
Terima Kasih Telah Berkunjung...

Copyright © Combine Strom | Dsign By: