Cara Membuat Label di Blog dan Mengedit dengan CSS

Cara Membuat Label di Blog  dan Mengedit dengan CSS

Heyy..!! kali ini ane akan shere tips CaraMembuat Label di Blog  dan Mengeditdengan CSS, biar tampilan di blog sobat tambah cantik dengan adanya lebel yang menggunakan CSS ini.Lebel ini berfungsi unutuk melihat semua postingan yang sobat punya, di bagi dalam beberapa kategiri.

Langsung aja sob kita ke TKP hehehe …!!

1.  Login kea kun blog sobat
2. Pilih Template  || edit HTML 
3. Cari kode  ]]></b:skin> gunakan ctrl+f untuk memudahkan dalam pencarian sob, setelah ketumu kode tersebut  copy code yang di bawah ini kemudian pastekan di atas kode ]]></b:skin>.
4. Untuk mengeditnya ubah warna dengan mengganti code warna

             Keterangan kode:

             color: #0066FF;  untuk mengubah warna huruf.

             border-color: #FF99CC; untuk menubah warna border.

             #99FF99 : untuk mengudah Beckground.

             color: #9966CC; untuk mengbah tampilan warna pada lebel sebelum di klik.

Kira2 tampilannya gini sob setelah jadi di edit. Setelah selesai klik save dan lihat hasilnya sob jeng-jeng-jeng cantik kan hehehe -_-Kira2 tampilannya gini sob setelah jadi di edit. Setelah selesai klik save dan lihat hasilnya sob jeng-jeng-jeng cantik kan hehehe -_-

 /* Label Edit created By eFTutor Blogspot */

.list-label-widget-content ul li,.list-label-widget-content ul

{list-style-type:none;padding-left:0px !important;display:inline;}

.list-label-widget-content ul li a {

color: #9966CC;

font: 9px verdana;

text-transform: uppercase;

transition: border-color .218s;

background: #FFFFCC;

background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(whiteSmoke), to(#99FF99));

display: inline-block;

text-shadow: 0 1px 0 white;

-webkit-transition: border-color .218s;

-moz-transition: border .218s;

-o-transition: border-color .218s;

transition: border-color .218s;

background: #FF99CC;

background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(whiteSmoke), to(#99FF99));

background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(whiteSmoke), to(#99FF99));

border: solid 1px #FFFFCC:

border-radius: 2px;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

margin: 0 4px 4px 0;

padding: 3px 5px;

text-decoration: none;

}

.list-label-widget-content ul li a:hover {

color: #0066FF;

border-color: #FF99CC;

-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);   

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

} 

Sekian artikel yang ane shere tentang Cara Membuat Label di Blog  dan Mengedit dengan CSS somoga bermanfaat kurang lebihnya mohon maaf jika ada kesalahan dalam pengetikan karan kesempurnaan hanya milik ALLAH SWT.

Jika ada problem dalam mencoba artikel ane jangan sungkan-sungkan utnuk bercomentar

sob makasih ….!!

Title : Cara Membuat Label di Blog dan Mengedit dengan CSS
Description : Cara Membuat Label di Blog  dan Mengedit dengan CSS Heyy..!! kali ini ane akan shere tips  CaraMembuat Label di Blog  dan Mengeditde...
Rating : 4.5 stars based on 153 reviews

Ditulis oleh: aziz husen - Saturday 1 March 2014

Artikel Lainnya