Bagaimana memodifikasi kode untuk menampilkan pesan teks

Model untuk mengubah Kode Lihat Gambar Lainnya

Hanya untuk berbagi gan, kan tidak pernah menemukan sebuah blog yang menampilkan kode jauh lebih menarik daripada tapilan "default" kode yang dibawa oleh Bogger?
Seperti kita sudah tahu Gan untuk melihat artikel kode ini, kita hanya menggunakan kode perintah <code> </ code>, yang menghasilkan tampilan font menjadi berbeda dari yang digunakan sebagai teks utama.

Agan dan juga dapat melihat contoh dari pisiknya langsung di sini
Jika semua blogger untuk memberikan tampilan default hanya mengubah jenis teks, kita dapat mengubah warna latar belakang, ukuran teks, jenis teks untuk mengubah spasi pada tampilan kode, sobat bisa melakukannya dua cara, yaitu:

Perubahan Kode untuk menambahkan 1.Cara Lihat kode css
Lihat 2.Cara Mengedit kode dengan menggunakan <div> untuk menelepon.

1.memodifikasi kode untuk mengubah / menambahkan kode CSS itu.

Buka tata letak dashboard dan pilih Edit kemudian pilih tab HTML dan memeriksa exppand model widget, kemudian cari kode ini:
. Pesan
Setelah teman saya menemukan kode, selalu online cssnya tambahkan kode berikut:
. Postal Code {background: # eee; polisi: 12px Courier, Monospace, warna: # 0E304A;}

yaitu, sebelum ditambahkan sebagai berikut:

. {Pesan
background: url (http://2.bp.blogspot.com/-pe-GE8Tb3hA/TZgYqu0Bv5I/AAAAAAAAAyU/7Bpd3Ontaik/s200/post.jpg) repeat-x; # fff; font: 12px Arial, Tahoma, Verdana, Monospace ; color: # 0E304A;}
surat-spacing: 0,0001 em;
margin: 1.5em 0 .5 em;
perbatasan-bottom: 1px dotted $ bordercolor;
padding-bottom: 1.2em;
}

Tambahkan kode di sini ------------- ---------------

. Post h3 {font: normal 15px normal "Trebuchet MS", Georgia, Tahoma, Verdana, Trebuchet MS;
surat-spacing: 0,0001 em;
margin: .25 em 0 0;
padding: 0 0 4px;
line-height: 1.2em;
warna: $ titlecolor;
text-transform: memanfaatkan;
}

maka itu menjadi seperti ini (misalnya, Gan, sesuai dengan baris yang sama pacar css AJA)
. {Pesan
background: url (http://2.bp.blogspot.com/-pe-GE8Tb3hA/TZgYqu0Bv5I/AAAAAAAAAyU/7Bpd3Ontaik/s200/post.jpg) repeat-x; # fff; font: 12px Arial, Tahoma, Verdana, Monospace ; color: # 0E304A;}
surat-spacing: 0,0001 em;
margin: 1.5em 0 .5 em;
perbatasan-bottom: 1px dotted $ bordercolor;
padding-bottom: 1.2em;
}

. Postal Code {background: # eee; polisi: 12px Courier, Monospace, warna: # 0E304A;}

. Post h3 {font: normal 15px normal "Trebuchet MS", Georgia, Tahoma, Verdana, Trebuchet MS;
surat-spacing: 0,0001 em;
margin: .25 em 0 0;
padding: 0 0 4px;
line-height: 1.2em;
warna: $ titlecolor;
text-transform: memanfaatkan;
}

Simpan Template.

Cobalah sekarang sobat melakukan pekerjaan itu untuk menguji itu, kemudian tambahkan kode menggunakan post-test <code> </ code>.
Jika tampilan kode blog Anda tidak berubah, coba metode kedua.


Kode 2.memodifikasi menggunakan perintah <div> pemanggil.

Bersihkan segala sesuatu yang telah mengubah teman saya sekarang kembalil dashboard, kemudian klik tab Layout dan memeriksa edisi berikutnya html template widget exspand, cari kode berikut:

]]></ B: skin>

Tepat di atas teman saya setelah baris ini menempatkan kode CSS berikut:
. {Kode Area
warna: hijau;
margin: 12px 10px 2px;
padding: 10px;
jelas: keduanya;
font-weight: normal;
font-family: "Courier New";
font-size: 15px;
daftar-style-type: none;
latar belakang: hitam;
border-top: biru solid 8px;
perbatasan-kanan: 1px solid # cccccc;
perbatasan-bottom: 1px solid # cccccc;
border-left: 1px solid # eeeeee;
}

Setelah itu, simpan template deh: D
Bahwa kita telah berhasil di sini, tidak dunks, Khan kita harus memanggil di muka,
bagaimana masing-masing teman tentang posting, untuk menunjukkan teman saya menggunakan kode ini
<div class="areacode">
<! - Sebuah teks teman di sini ya ->
</ Div>

Posting deh dan lihat hasilnya, dengan sukses, kan? (Kadang-kadang rumit ya)



Klik pada "Buat Pesan populer" di bawah ini jika Anda merasa konten / menampilkan