Hay, sobat blogger bagaimana kabar sobat sekalian ? semoga baik ya. Sekarang saya akan menjelaskan tentang membuat kotak script dengan effect shadow yang keren pastinya sobat blogger sudah tidak sabar lagi kan. nah berikut langkah-langkahnya :
.kotak1{
background:url(http://images2.layoutsparks.com/1/115273/kiss-me-falling-rain.gif) #000000 center no-repeat;
border-radius:15px 0 0 0;
width:400px;
overflow:auto;
color:#555;
height:200px;
padding:10px;
box-shadow:10px 7px 15px #000;
}
.kotak1:hover{
color:#FFFFFF;
cursor:text;
box-shadow:none;
border-radius:0 0 0 15px;
}
background:url(http://images2.layoutsparks.com/1/115273/kiss-me-falling-rain.gif) #000000 center no-repeat;
border-radius:15px 0 0 0;
width:400px;
overflow:auto;
color:#555;
height:200px;
padding:10px;
box-shadow:10px 7px 15px #000;
}
.kotak1:hover{
color:#FFFFFF;
cursor:text;
box-shadow:none;
border-radius:0 0 0 15px;
}
widget by Articles
Cara Pemasangan :
1. Buka Blogger Anda
2. Masuk Ke Halaman Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Cari Kode ]]></b:skin>
6. Copy Dan Paste Script Yang Ada Di Kotak Tadi Dan Tempatkan Tepat Di Atas Kode ]]></b:skin>
7. Simpan
*jika ingin di ubah lagi kotaknya silakan saja
Good Luck
Tidak ada komentar:
Posting Komentar