Icon Muncul Apabila Cusor Menyentuh Blockquote


Adithya Blog kali ini akan share cara membuat icon atau animasi pada kotak Blockquote. Apabila cursor menyorot Blockquote maka otomatis akan ada icon atau animasi yang muncul dari ujung kiri atas menuju sudut kanan bawah. mau lihat demonya, silahkan kamu sorot blockquote yang ada di postingan berikut ini.. HERE

Berikut tutorialnya :

  • Login ke blogger
  • Pilih menu template >> edit HTML >> lanjutkan
  • Dengan menggunakan ctrl + F, cari kode blockquote:hover
  • Lalu ganti semua kode tersebut dengan kode berikut ini
blockquote:hover {
background-color: #FFC8F2;
-webkit-transition-duration: 3.5s;
background-image:url(http://th929.photobucket.com/albums/ad135/wae_arix/th_NarutoGif.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

  • Apabila di HTML kamu tidak terdapat kode blockquote:hover. kamu dapat meletakkan kode diatas ini, di bawah kode .post blockquote {
  • Ubah code yg berwarna kuning untuk merubah warna background blockqute pada blog kamu.
  • Dan kamu juga dapat mengganti icon atau animasinya dengan merubah code yg berwarna hijau.
  • Setelah itu simpan HTML milik kamu.
Nah, sekarang coba kamu lihat blockquote yg ada di postingan kamu, apakah icon atau animasinya muncul atau tidak. jika belum muncul coba kamu periksa kembali letak kodenya....




Related Post:

21 comments

October 21, 2012 at 11:57 PM

nice post sob..
visit http://danielvsirait.blogspot.com/

October 22, 2012 at 12:01 AM

Thanks...

October 22, 2012 at 12:17 AM

Mantap Gan :D

Izin Coba :D

Koment back Yo
www.mediashared.info

October 22, 2012 at 12:43 AM

silahkan gan...

October 22, 2012 at 12:55 AM

Thanks sob visit
http://ryuugan-cbr.blogspot.com/ :yaya:

October 22, 2012 at 1:20 AM

ok..

October 22, 2012 at 3:47 AM

numpang sedot kk
kk adit itu ada widget ind creats dapat dari mn kk

October 22, 2012 at 4:48 AM

Keren Tipsnya bang.. mau nyoba jadinya neh hehehehhe..
# Comen Back

October 22, 2012 at 5:57 PM

silahkan sob, di coba...

October 22, 2012 at 5:57 PM

dari http://deny-4stroom.blogspot.com/

October 23, 2012 at 5:13 AM

ngak sama dengan milik kk

October 23, 2012 at 5:44 AM

Wah, Nice Infonya...!

#komentar back, http://heric-ajha.blogspot.com/

October 23, 2012 at 5:47 PM

coba buka link ini.
http://deny-4stroom.blogspot.com/2012/10/widget-indcreads-bergetar.html

October 23, 2012 at 5:47 PM

thanks...

di coba dulu ya ! uiia comment back >> ITCxGresida Salam sesama blogger !

October 26, 2012 at 7:48 PM

silahkan sob..

November 4, 2012 at 12:18 AM

Keren Sob ..
Bermanfaat Nih Buat Saya .

Jangan Lupa Mampir Di Blog Saya Juga ya ..

Di Sini Mas Clicknya

Thank's . Blogwalking ....

November 4, 2012 at 2:03 AM

oke..

November 19, 2012 at 6:20 PM

efek hovernya keren gan..:)

November 19, 2012 at 8:22 PM

so pasti... \m/

March 19, 2013 at 12:55 AM

:)

Post a Comment - Back to Content

Peraturan :
• komentar Dilarang Berbau SARA
• komentar Dilarang FLODDING,SPAM Dan Lain Lain
• komentar Dilarang Berbau Link Hidup
• Gunakan URL kalian utk berkomentar