Berbagi Info Un, Info Loker, Info Property, Info Game, Info Lowongan, Info Kerja, Info Bank, Info Lowongan Pekerjaan, Info Terbaru, Info IT terbaru, Info Film, Info Driver, Info Info CPNS, Info Pekerjaan, Info Property, Info Islam, Info Indonesia, Info Jakarta, Info Lowongan Terbaru, Info Gratis, Info Beasiswa, Info Kesehatan, Info Rumah, Info Tiket, Info Komputer, Info Handphone, Info usaha.
Politik    Sosial    Budaya    Ekonomi    Wisata    Hiburan    Sepakbola    Kuliner    Film   
Home » » Cara memberi Warna Background pada Kode HTML

Cara memberi Warna Background pada Kode HTML

Posted by Berbagi | Berbagi Info | Berbagi Informasi on Thursday, 28 March 2013



Bagi Sobat yang suka dengan warna, coba tips yang satu ini yaitu memberi background pada artikel yang ingin diberi latar belakang warna khusus seperti kode HTML.
Langkah-langkahnya sebagai berikut :

Cara Pertama :
1. Login ke blogger dengan ID anda
2. Klik Tata Letak / Layout
3. Klik Tab Menu Edit HTML
4. Backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.
5. Cari kode &lt;/b:skin> Untuk memudahkan mencari tekan ctrl F / F3. Kemudian copy paste kode di bawah ini persis dibawah kode </b:skin>

<style>
.code {padding:10px; background-color:#dcdcdc}
</style>

Keterangan : Kode warna biru adalah kode warna merah Sobat bisa diganti sesuai selera.

6. Klik Save Template

Dan untuk menamlpilkan warna biru di patingan tinggal tambah kode berwarna biru dibawah ini :

 <div class="code">Text yang Sobat ingin diberi background disini</div>

Cara Kedua dengan Backgraund Image :
1. Masuk di Edit HTML
2. Masukan kode CCS dibawah ini di atas kode </b:skin>

/*code*/
.code {
display:block;
font-family:Courier New;
font-size:9pt;
width:360px;
overflow:auto;
repeat-y;
max-height:200px;
margin:5px 10px;
padding: 2px 15px 2px 25px;
background:url(http://i806.photobucket.com/albums/yy341/sodiyc/code.png) no
repeat left top; }

" Kode Warna merah adalah URL Backgraund image nya"

3. Klik Save template
4. Masuk ke postingan anda dan masukan kode berikut ditiap anda memposting kode :

<span class="code">
 ....ini tempat kode yang anda ingin posting
</span>

Selamat mencoba, semoga bermanfaat! :D

SHARE :
CB Blogger

1 komentar:

cerita dewasa 3 May 2013 09:04

Thanks banget infonya ya

Post a Comment

Ayo di Koment aja :), yang sopan ya ...

 
Copyright © 2014 Berbagi | Berbagi Info | Berbagi Informasi. All Rights Reserved. Powered by Blogger
Template by Creating Website and CB Blogger