9.04.2008

Memberi Shading Text

Mungkin bagi anda yang ingin memperjelas postingan anda dengan memberi sedikit background pada tulisan atau yang biasa di sebut shading, mungkin postingan saya ini dapat sedikit membantu anda. Biasanya bloger memberikan shading tulisan pada teks atau postingan berupa code html sehingga pembaca mudah memahami dan mudah mencari mana dan mengkopy codenya.

Sebagai contoh buat pembaca, pembaca bisa lihat di blog saya ini atau di postingan ini, di bawah ini ada beberapa tulisan yang saya beri background dan ada warnanya. Nah kalo mungkin anda tertarik dengan postingan ini ya.... lanjutin yuk bacanya, ntar ada koq caranya. Sabar ya bro....

Nah gini nih caranya
1. Masuk ke blog kamu dg cara login
2. Klik Dashboard, kemudian pilih Layout
3. Kemudian pilih Edit html
4. Setelah itu cari code ]]></b:skin>
Kalo sudah ketemu copy kan code di bawah ini tepat di bawah code di atas :

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted
#223344;border-left: 1px dotted #223344;border-right: 1px dotted
#223344;}

warna background anda bisa anda ganti sesuai dengan warna kesukaan anda. code untuk mengganti warna adalah code yang berwarna biru (#DDE4FF),nah kalo anda ingin mengganti warna shading denga warna pilihan anda sendiri, silahkan pilih warna di blog mas kendhin

5. Kalo dah selesai jangan lupa di simpan ya boss..

Cara Menggunakan/Memposting

Nah, pada saat anda akan memposting tulisan dan tulisan tersebut pingin ada shading nya maka cara penggunaanya anda harus menambahkan code <p class="alert"> sebelum teks yang akan di beri shading, dan di akhir teks beri code penutup yaitu </p>

Selamat mencoba

Tidak ada komentar: