Sunday, January 20, 2013

Membuat Blog Menjadi Transparant

Postingan kali ini agak sedikit ngotak nih.. soalnya kita harus ngubek2 wkkw
Di masing2 blog terdapat warna yang berbeda, untuk setiap warna isi HEADER, NAVBAR, SIDEBAR, BODY, FOOTER biasanya semua menggunakan format warna (css color) seperti : Background:#000000;
itu hanya lah sekedar contoh
ayo kita mulai
Kita menggunakan sample dari SIDEBAR blog
dan berikut ini adalah contoh untuk SIDEBAR yang akan kita rubat :D

 
.sidebar .widget-content {
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
background: #00000;

itu adalah contoh kode html pada sidebar, dan kode warna merah adalah kode css kolor wakwow css colour dan setau saya sih ga ada kode css warna untuk yang transparant, nah maka dari itu kita menggatinya dengan gambar yang berformatkan .PNG

kalo sahabat tutblog ingin membuat templatenya menjadi transparant ya cari kode seperti atau mirip seperti itu dan rubah menjadi seperti ini

.sidebar .widget-content {
-moz-border-radius: 20px 20px 20px 500px;
-webkit-border-radius: 20px 20px 20px 500px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYFbraE4ns-4upuIBPT_CALUkczlxOot18tI1BxOk6Ag52PeVXd7DtCLgryFO3kuUjObp8SGyBPjW5S2lNGNf_rpMi_f6uakVh55bEQv0IcjEMkcPHCTDvhALGVtcOCq1P-gyR_7eRGJE/s104/hitam.png) repeat center fixed;


nah liat tuh kode html yang berwarna biru adalah link's gambar, intinya sih ngerubah code css colour menjadi gambar
kalo anda kurang paham bisa koment or join di group kami :D

No comments:

Post a Comment