Sidebar Widget With Hover

Inilah yang dimaksud Sasya tentang request-annya, hehe.. Yuk, kita buat!

I dunno untuk blogskins atau classic template. This is my own coding. Repost? Full credit to me!! ^^
  • Dasbor > Template > Edit HTML
  • Cari kode
.sidebar .widget {
  • Kalo gak ada, aku gak bisa bantu, nih. Karena untuk tutorial ini, sidebar kamu harus berborder, hehe ^^ Udah ketemu? Copy kode ini 
.sidebar .widget:hover {
-webkit-box-shadow: 0px 0px 8px 3px #99C7FF;
-moz-box-shadow:    0px 0px 8px 3px #99C7FF;
box-shadow:         0px 0px 8px 3px #99C7FF;
-webkit-transition-duration: 4s;
border-top: 2px dashed #A8CFFF;
border-bottom: 2px dashed #D0E6FF;
border-left: 2px dashed #D0E6FF;
border-right: 2px dashed #A8CFFF;
border-radius: 40px 0px 40px 0px;
-moz-border-radius: 40px 0px 40px 0px;
-webkit-border-radius: 40px 0px 40px 0px;
}
  • Lalu, pastekan di bawah kode sidebar widget yang paling bawah. Lihat capture di bawah ini. 
  • Seperti itu letak memastekan kodenya ^^
  • Kalau sudah, save!
Semoga berhasil, yaa :D

Comments

  1. Ann29 March 2015 at 13:55:00 GMT+7

    Kak kalo buat blogskins ada gak

    ReplyDelete
    Replies
    1. Mutiara Nurul I29 March 2015 at 16:46:00 GMT+7

      aku gatau nih, kalo untuk blogskins.. ntar aku coba-coba HTML dulu yaa :)

      Delete
  2. Ann29 March 2015 at 17:18:00 GMT+7

    Ok semoga bisa

    ReplyDelete
  3. Obat Penyakit Wasir Atau Ambeien2 April 2015 at 11:05:00 GMT+7

    Mau coba ah biar blog ku keren :D

    ReplyDelete
  4. Unknown2 April 2015 at 18:14:00 GMT+7

    Kak Tiara, kalau buat simple template bisa gak?

    ReplyDelete
  5. ap y18 April 2015 at 20:11:00 GMT+7

    Lalu aku sidebarnya enggak berborder. Gimana cara nge-borderin nya?

    ReplyDelete
    Replies
    1. Mutiara Nurul I19 April 2015 at 09:38:00 GMT+7

      ada di blogku lhoo :) cari aja sidebar berbackground ok? ^^

      Delete
  6. Alneira Firja Azaria17 May 2015 at 08:12:00 GMT+7

    Kak Tiara, kalo boleh aku izin repost, ya. kusertain full credit kok!

    ReplyDelete
  7. ap y23 May 2015 at 07:31:00 GMT+7

    Kalo aku gak ada kode Mobile,kak!

    ReplyDelete
  8. ap y23 May 2015 at 07:33:00 GMT+7

    Kalo aku gak ada kode Mobile,kak!

    ReplyDelete
  9. ap y23 May 2015 at 09:15:00 GMT+7

    Thanks kak Tiara! udah bisa.

    ReplyDelete
  10. 𝘕𝘢𝘪𝘭𝘢 𝘏𝘢𝘴𝘯𝘢21 July 2015 at 02:47:00 GMT+7

    Izin repost ya, Kak!

    ReplyDelete
  11. Anonymous23 June 2016 at 09:26:00 GMT+7

    Kak Tiara, aku repost ya. Full credit by kakak kok!

    ReplyDelete

Post a Comment

Before leave a comment, please ensure your comment is supportive and spread positivity :)

Popular posts from this blog

Lomba Children Helping Children Tupperware 2015

Image
Halo temen-temen! Kali ini aku mau kasih info, yaa! Tahun 2015 awal Januari ini, Lomba Chidren Helping Children Tupperware  kembali lagi, loh! Kalo mau tahu selengkapnya, simak yukk! Tahun 2015 ini, lomba CHC tidak hanya mengarang cerita dan menggambar, lho! Tapi, ada lomba baru, yaitu lomba fotografi. Tapi, lomba ini hanya khusus untuk teman-teman yang menduduki bangku SMA yaa! Untuk info selengkapnya, bisa baca foto di bawah ini atau bisa baca infonya di bawah fotonya yaa! ^^ Karya Hebat, Bantu Sahabat Lewat Beragam Kreasimu! Selama 10 tahun anak Indonesia menolong sesama lewat 274.687 karya yang tercipta. Yuk, kirim karya gambar, cerita, atau fotografi (khusus SMA), karena setiap karya yang kamu kirimkan,Tupperware Indonesia akan mendonasikan Rp10.000,00 dalam bentuk peralaan sekolah kepada teman-teman yang membutuhkan. Tema Karya: MENOLONG Hadiah menarik menantimu! Juara 1 Rp. 5.000.000,- + laptop, piagam, dan produk Tupperware Juara 2 Rp. 3.000.000,- + la...
Read More >>

My Life Update

Image
Hi everyone! Here i am and i wanna share you about what i've been through this past. Looking my blog posts that i just posted a post in August, it really makes me a little dissapointed of myself huhu. Sorry i couldn't post something useful or entertain you guys in this occasion, so here are the reasons! Okay, credit this photo to Google, i just found this is soo aesthetic and take it as my post cover hahah. Lately, i got many assingments to do from my college even i haven't started my first academic year!! Yess, now i am a freshman. Those assignments have intention to prepare the freshmen for doing their study in college because as you know the environtment is quite different than high school and that is the college is working for educate us about character education. Start from this past two weeks, i'm busy to finish all of my assignments and until this second, i haven't finished it yet, lol. Actually it has two topics; about softskills and information technology t...
Read More >>

Movie About Insecurity : Imperfect

Image
Hai semuanya! Btw , ini tampilan blogger baru berubah gini ya? Jadi agak bingung wkwk. Okee, kali ini aku balik lagi dengan review film yaa. Film kali ini mengangkat isu insecurity , nih. Pasti kalian udah tau soal insecurity . Buat yang belum tahu, insecurity  merupakan kondisi di mana kita nggak nyaman dengan diri sendiri, bisa dibilang nggak pede gitu karena flawless . Tapi, di dunia ini memang nggak ada kan, manusia yang sempurna? Nah, sayangnya, banyak orang-orang di luar sana yang suka membuat standar kecantikan perempuan. Makanya kalo gendutan dikit, muka ada jerawat, dan lain-lainnya suka bikin nggak pede.  Mungkin beberapa di antara kalian juga mengalaminya? Cocok banget nih, Film Imperfect hadir untuk menghibur kalian! Judul : Imperfect  Tanggal rilis: 19 Desember 2019 (Indonesia)  Sutradara: Ernest Prakasa  Lagu unggulan: Pelukku untuk Pelikmu  Produser: Chand Parwez Servia  Skenario: Ernest Prakasa, Meira Anastasia Sinopsis Mine Version Ra...
Read More >>