Membuat Efek Hover Pada Threaded Comment

Membuat Efek Hover Pada Threaded CommentAssalamu ‘alikum sobat blogger semua. Sudah lama rasanya tidak memposting tutorial ringan buat mempercantik blog. Kali ini ane akan sedikit sharing sedikit  bagaimana cara membuat efek hover pada threaded comments dengan css. Trick ini cukup mudah untuk diterapkan. Jika sobat sudah memasang script ini, maka bila cursor di arahkan pada kotak komentar akan berubah warna. Kalau sobat mau lihat keunikannya, perhatikan komentar pada blog ini, atau bisa lihat demonya DISINI.



Oke lansung saja mari kita bahas cara membuatnya. Ikutilah langkah berikut :

Masuk ke akun blogger sobat
Klik rancangan dan kemudian klik Edit HTML
Masukkan kode CSS berikut ini di atas kode ]]></b:skin>


Klik Simpan Template dan lihat hasilnya
Selamat mencoba dan salam sukses selalu....

sumber script disini




Next Post Previous Post
85 Comments
  • SEBARBOLA.net
    SEBARBOLA.net October 3, 2012 at 11:34 PM

    coba dulu ya sob...

    • Kang Muroi
      Kang Muroi October 3, 2012 at 11:46 PM

      okeh silakan sobat

  • Unknown
    Unknown October 4, 2012 at 12:30 AM

    nice infonya Om ... sangat membantu http://curhatz.blogspot.com/

    • Kang Muroi
      Kang Muroi October 4, 2012 at 6:38 AM

      trimakasih silaturrahimnya...

  • dan
    dan October 4, 2012 at 12:47 AM

    wah.. padahal mas sudah lama praktekin. kok baru di share caranya sih sob..

    keren.. nanti kalo ada waktu baru di coba..

    thanks sob...

    • Kang Muroi
      Kang Muroi October 4, 2012 at 6:39 AM

      ya baru sempet sob hehehe...

      silakan dicoba dan trimaksih

  • jhonytato
    jhonytato October 4, 2012 at 1:38 AM

    posting bermanfaat sekali, terimakasih sobat

    • Kang Muroi
      Kang Muroi October 4, 2012 at 6:44 AM

      sma sama sobat, trimakasih kunjungannya

  • Unknown
    Unknown October 4, 2012 at 4:49 AM

    Efek Hovernya seperti di blog sobat ini yach???

    • Kang Muroi
      Kang Muroi October 4, 2012 at 7:01 AM

      ya bener sobat, trims

  • Asuka
    Asuka October 4, 2012 at 6:54 AM

    Nyimak dulu sob. Nanti kalo internet cepet baru ngutak-atik template. :D

    • Kang Muroi
      Kang Muroi October 4, 2012 at 7:02 AM

      oke silakan sobat, trims kunjungnnya

  • Benny Dwi
    Benny Dwi October 4, 2012 at 7:35 AM

    jadi ada efek bayanganya ya sob, tapi ane ga bisa coba sob takutnya nambah berat loading ga ?

    • Kang Muroi
      Kang Muroi October 5, 2012 at 2:52 PM

      ya gapapa sobat

  • AZLA
    AZLA October 4, 2012 at 12:27 PM

    postingan yg bermanfaat sobat
    punya saya gak bisa, sudah dia cak^ masih juga gagal, kenapa yah??

    • Kang Muroi
      Kang Muroi October 5, 2012 at 2:53 PM

      coba lihat di script sumber aslinya sob, linknya ada dibawah postingan, jika tidak berhasil mungkin ada yang salah

    • AZLA
      AZLA October 6, 2012 at 12:50 AM

      Benar sekali sobat, mungkin ada yang salah, tapi sulit juga mencarinya.mungkin suatu saat akan saya coba lagi kawan
      terima kasih atas semua saran yang baik
      thank

  • Anonymous
    Anonymous October 4, 2012 at 2:57 PM

    simpen aja deh buat bahan hehe :D

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:38 PM

      silakan sobat, trims silaturrahimnya

  • Unknown
    Unknown October 4, 2012 at 2:58 PM

    aku nyimak aja deh.. :D demonya juga udah ada diblog ini kan.. :D (aku gk pasang ya)

    • Kang Muroi
      Kang Muroi October 5, 2012 at 2:54 PM

      silakan sobat, trims silaturrahimnya

  • zigzoor
    zigzoor October 4, 2012 at 2:59 PM

    kayaknya punya saya juga ga bisa ya,soalnya template bawaan blogger.kalau di cobain bisa ga ya?coba dulu deh

    • Kang Muroi
      Kang Muroi October 5, 2012 at 2:55 PM

      silakan saja sob, trims

  • Unknown
    Unknown October 4, 2012 at 6:18 PM

    emmm boleh juga nih kang... jadi bertambah deh ilmu kawan-kawan kita nih.....

    • Kang Muroi
      Kang Muroi October 5, 2012 at 2:56 PM

      makasih sobat, salam sukses selalu

  • Dini Haiti Zulfany
    Dini Haiti Zulfany October 4, 2012 at 6:29 PM

    bang, lagi gak mood sama html bang.. nanti kalo pengen ngoprek2 balik sini lagi ya ^^v

    • Kang Muroi
      Kang Muroi October 5, 2012 at 2:57 PM

      oce deh ga apa2, makasih kunjungnnya

  • Mengobati Penyakit jantung bocor
    Mengobati Penyakit jantung bocor October 4, 2012 at 8:56 PM

    makasi sob atas infonya


    salam sehat sob.???

    • Kang Muroi
      Kang Muroi October 5, 2012 at 2:58 PM

      sama sama, salam sehat juga

  • obat herbal berbagai penyakit
    obat herbal berbagai penyakit October 4, 2012 at 8:57 PM

    coba gaa yaa??
    ini bklan jadi lola gaa sob loading nya?
    sblumnya, mksih nih infonya

    • Kang Muroi
      Kang Muroi October 5, 2012 at 2:58 PM

      coba aja sobat, kalo lola boleh dilepas lagi kok

  • Obat Herbal Tumor
    Obat Herbal Tumor October 4, 2012 at 8:57 PM

    mantap gan

    • Kang Muroi
      Kang Muroi October 5, 2012 at 2:59 PM

      makasih gan

  • Jane Doe
    Jane Doe October 5, 2012 at 1:33 AM

    akhirnya, yang pengen saya coba dishare juga. makasih sobat

    • Kang Muroi
      Kang Muroi October 5, 2012 at 3:00 PM

      sama sama sob, silakan kalo mau dicoba mah

  • Asuka
    Asuka October 5, 2012 at 4:42 AM

    Kunjungan di pagi hari. :D

    • Kang Muroi
      Kang Muroi October 5, 2012 at 3:00 PM

      makasih kunjungnnya sob

  • lang lang blog
    lang lang blog October 5, 2012 at 10:03 AM

    boleh di coba ini sob

    • lang lang blog
      lang lang blog October 5, 2012 at 10:09 AM

      kok tidak berhasil ya sob

    • Kang Muroi
      Kang Muroi October 5, 2012 at 3:03 PM

      coba lihat script di sumbernya sob, kalo ngga berhasil mungkin karena templatenya

  • Limit Komputer
    Limit Komputer October 5, 2012 at 1:03 PM

    KOk di blog sya tdk berhasil bang, Mohon pencerahanya

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:45 PM

      script yang ane share sama seperti sumbernya sob, coba lagi dengan teliti, jika gagal maning2 berarti templatnya tidk ssupport sob

  • Rohis Facebook
    Rohis Facebook October 5, 2012 at 5:03 PM

    keren sob.., ntr insya ALlah sy coba ya..., thx ilmux sob.., *smile

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:46 PM

      sama sama sobat, trims silaturrahimnya

  • LaNo Saputra
    LaNo Saputra October 5, 2012 at 6:23 PM

    ommm kalau membuat efek hover pada gambar gmna kya di blog nya Rama88 itu..

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:47 PM

      sebenarnya banyak sobat tutorialnya yang ngebahas ini, okelah tak ke tekape dulu

  • cerita anak kost
    cerita anak kost October 5, 2012 at 8:14 PM

    sayang ga bisa lihat demonya karena lagi make versi HP. tapi sepertinya keren nie.

    • cerita anak kost
      cerita anak kost October 6, 2012 at 5:05 PM

      ehm. si pemilik rumah sepertinya sedang sibuk ya. ya sudah saya mampir lagi sambil membalas komentar sendiri. hehehe. tenkyu gan.

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:48 PM

      ehm bener nih gan, lagi sibuk, maaf baru bisa balesin koment, ane lebih prioritas kunjungan balik soalnya

  • Arif Chasan
    Arif Chasan October 5, 2012 at 9:12 PM

    tutorialnya keren mas.. :D

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:49 PM

      makasih sobat, semoga bermanfaat

  • vlog media news
    vlog media news October 5, 2012 at 11:00 PM

    Izin saya untuk mencoba gan..

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:49 PM

      silakan sob, semoga berhasil

  • arief
    arief October 5, 2012 at 11:10 PM

    efeknya ke kecepatan loading gmn?

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:51 PM

      karena ini css sepertinya tidak terlalu banyak pengaruh sob, tapi kalo dirasa ada perbedaannya mungkin bissa dicopot

    • arief
      arief October 8, 2012 at 8:33 PM

      nggak terlalu terasa ternyata. thaks sharenya

  • bocah kampoenk
    bocah kampoenk October 6, 2012 at 1:03 AM

    mantap nih sob..ijin nyoba

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:51 PM

      silakan sobat, trims

  • Asuka
    Asuka October 6, 2012 at 7:44 AM

    Mampiiir. :D

    • Kang Muroi
      Kang Muroi October 6, 2012 at 5:52 PM

      trimakasih sudah mampir lagi

  • Staff Administrator
    Staff Administrator October 6, 2012 at 7:28 PM

    keren bang... efek hover nya...oh ya untuk warna efek nya nda bisa di ganti ya bang... :)

    terima kasih... :)

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:39 PM

      bisa bang, silakan ganti warna backgroundnya saja

  • Anonymous
    Anonymous October 6, 2012 at 8:56 PM

    kunjungan malam

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:40 PM

      trimakasih sobat kunjungannya

  • Asuka
    Asuka October 7, 2012 at 7:33 AM

    Wah, belum posting lagi sobat. ?

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:40 PM

      ya sob, lagi sibuk di darat hehe....

  • Fadlan
    Fadlan October 7, 2012 at 12:03 PM

    Ikut mencoba dan memahami cara nya :D
    Mampir ya

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:41 PM

      silakan sobat, insyaallah mampir

  • Unknown
    Unknown October 7, 2012 at 1:24 PM

    ada postingan baru di blog saya nih sobat... silahkan berkunjung :D

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:41 PM

      okelah nanti mau ke tekape sob

  • Anonymous
    Anonymous October 7, 2012 at 1:27 PM

    jalan jlan mas :D

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:47 PM

      makasih gan

  • DNF
    DNF October 8, 2012 at 3:11 AM

    dengan ini, blog kita bisa jadi leboh cantik ya sob, makasih tutorialnya.

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:48 PM

      ya bner sobat, trims kunjungannya

  • Asuka
    Asuka October 8, 2012 at 6:44 AM

    Mampir lagi dimari. :D

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:49 PM

      makasih sob, sudah mampir lagi

  • cerita anak kost
    cerita anak kost October 8, 2012 at 7:01 AM

    wah spertinya yang punya rumah sedang sibuk sampe sampe postingannya masih belum ada yang baru. tak apalah, sekedar silaturahmi membalas komentar si abang. :D

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:50 PM

      ya gan, pertama lagi sibut, kedua juga lagi kurang mood nih hehe...

  • Asep Haryono
    Asep Haryono October 8, 2012 at 3:46 PM

    Menarik sekali. Tapi apakah ini akan memperlambat loading webnya?

    • Kang Muroi
      Kang Muroi October 8, 2012 at 5:51 PM

      mungkin berpengaruh juga sob, tpi sepertinya ga terlalu

  • Masjid Hassan II
    Masjid Hassan II October 8, 2012 at 4:23 PM

    sayang saya gak berani utak atik wp :(

  • Abed Saragih
    Abed Saragih October 8, 2012 at 6:49 PM

    Ke TKP mas.

  • BlogS of Hariyanto
    BlogS of Hariyanto October 8, 2012 at 9:57 PM

    efek hover-nya ternyata sangat menarik sobat :)

  • Abed Saragih
    Abed Saragih October 10, 2012 at 3:01 PM

    Update lagi sob :)

  • Tutorial Blogspot dan SEO
    Tutorial Blogspot dan SEO November 28, 2012 at 4:32 PM

    seperti blog detik yah

Add Comment
comment url