Membuat Warna Bayangan Pada Setiap Komponen di Blogspot ~ Aneka Tutorial Pemrograman

Jika Anda berkeinginan merubah tampilan blog anda agar lebih cantik dan terlihat seperti di Emboss jika dalam gambar yang kita edit pada Photoshop,maka itu bukan lah perkara atau hal yang sulit jika anda mengerti dalam penempatan kode Css yang saya berikan.

Kode CSS Inti nya adalah seperti di bawah ini :

untuk Warna bayangan kode nya adalah seperti ini :
box-shadow:0 0 20px #0f1;

untuk membuat garis di sekitar nya adalah seperti ini :

border:1px solid #fff;
(#fff = Putih - #000 = Hitam - #0f1 = Hijau )

Lengkap nya adalah sebagai berikut :

border:1px solid #fff; box-shadow:0 0 20px #0f1;

Nah.. kode yang berwarna hijau tersebut tinggal anda sisipkan saja di antara kode - kode pada setiap Kode Css yang ingin anda beri warna bayangan tersebut.

Seperti untuk menambah warna bayangan pada Post.

Kode awal nya adalah sebagai berikut :

/* -- Post -- */
.sidebar .widget {
padding:10px;
margin-bottom:5px;
}

Lalu anda sisip kan Kode yang berwarna Hijau tersebut di antara nya,seperti contoh berikut ini :

/* -- Post -- */
.sidebar .widget {
padding:10px;

border:1px solid #fff; box-shadow:0 0 20px #0f1;

margin-bottom:5px;
}

dan untuk Widget pun sama saja hal nya seperti di atas,jadi anda tinggal menyisipkan nya saja di antara kode CSS yang sudah ada,seperti berikut ini :

Untuk Halaman Web

/* Main
--------------------- */
.main-outer {
Sisipkan di sini
}

atau

Untuk Judul Blog

/* Header
--------------------- */
.header-outer {
Sisipkan di sini
}

Atau
Untuk Sebagian Halaman Blog

/* Content
-------------------- */
.body {
Sisipkan di sini
}

atau
Untuk Tab Menu

/* Tabs
-------------------- */
.tabs {
Sisipkan di sini
}

Atau untuk Widget

/* -- Widget -- */
.sidebar .widget {

border:1px solid #fff; box-shadow:0 0 20px #0f1;

margin-bottom:5px;
}

Jika Anda dalam menyisipkan penempatan Kode yang berwarna Hijau tersebut benar,Maka hasil nya nanti akan tampak seperti pada gambar di bawah ini,atau seperti pada Blog saya.