Cara Menyimpan file CSS blog

sekarang saya akan membahas artikel tentang Cara Menyimpan file CSS ke Komputer .

Cara Menyimpan CSS apa yang terdengar di benak anda tentang CSS ini mungkin disini saya akan menjelaskan sedikit mengenai CSS dan fungsinya sedikit tidak terlalu mendetai CSS menurut saya sendiri adalah suatu codding yang digunakan untuk bagian body atau badan HTML dan bisanya berupa style bagian layout dan bagian bagian seprti menubar dan yang lainya itu yang dinamakan CSS biasanya terdapat pada halaman html atau bias juga dapat di temukan di bagian XML dan baisanya berupa codding yang panjang dan beberapa baris namun semua itu dapat disingkat menjadi 1 baris namun saya akan menerangkan bagaimana cara menyimpannya dan cara ini sangat mudah ok saya akan langsung saja menjelaskan caranya berikut ini.

Tutorial Menyimpan File CSS

• Pertama anda masuk ke aacount blogger
• Masuk bagain HTML
• Kemudian pilih edit HTML
• Dan cari kode CSS blog sobat

Kode css ini bisanya terletak sebelum ]]></b:skin> dan biasanya panjang memiliki beberapa baris

Contoh kode CSS berikut di bawah ini :

#menubar{width:770px;height:32px;background:#de360f;float:center;margin-bottom:10px;}

#menubar ul{float:left;margin:0;padding:0;}

#menubar li{float:left;list-style:none;margin:0;padding:0;}

#menubar li a, #menubar li a:link{border-right:1px solid #F0512D;float:left;padding:8px 12px;color:#fff;text-decoration:none;font-size:13px;font-weight:bold;}

#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {color:#ffa500;text-decoration:underline;}

#menubar li li a, #menubar li li a:link, #menubar li li a:visited{font-size: 12px;background: #de360f;color: #fff;text-decoration:none;width: 150px;padding: 0px 10px;line-height:30px;}

#menubar li li a:hover, #menubar li li a:active {background: #F0512D;color: #ffa500;}

#menubar li ul{z-index:9999;position:absolute;left:-999em;height:auto;width:170px;margin-top:32px;border:1px solid ##F0512D;}

#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{left:auto}

#menubar li:hover, #menubar li.sfhover{position:static}

• Diatas adalah contoh kode css menubar
• Kemudian anda copy code CSS tersebut
• Kemudian buka notepad di computer kamu
• Copy code css tersebut kedalam note pad dan save
• Pada bagian save ganti extensinya menjadi .css jangan .txt
• Dan save pada directory hardisk mu
• Dan file siap untuk di upload ke Hosting atau google code

Mungkin cukup saja artikel yang dapat saya sampaikan ini semoga bermanfaat

 

Sumber: thomijasir.blogspot.com

Posted in: Blogger Tutorial