Social Icons

Photobucket Photobucket Photobucket Photobucket Photobucket Photobucket

Site Info

Tuesday, 24 March 2009

Memaparkan CSS Codes Atau Scripts Dengan Cara Yang Unik



Saya lupa mana dari mana saya dapat Blagger Hack ini. Untuk memaparkan codes view seperti di dalam blog saya adalah sangat mudah. Lihat contoh di atas. Codes anda akan berda di dalam kotak tersebut, ini supaya memperkemaskan lagi blog anda. Begini caranya.

1) Login pada akaun Blogger anda kemudian klik pada Layout
2) Kemudian klik Edit HTML
3) Tekan (Ctrl+F) untuk memudahkan pencarian codes ini ]]></b:skin>
4) Kemudian Copy dan Pastekan Codes dibawah betul-betul diatas ]]></b:skin>




.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #F6EAEC url(http://i211.photobucket.com/albums/bb172/nbp9495/gggg-1.jpg) no-repeat right bottom;
border-top : 1px solid #540B29;
border-right : 2px solid #540B29;
border-bottom : 2px solid #540B29;
border-left : 1px solid #540B29;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}


5) Codes yang bewarna merah adalah untuk anda edit mengikut kesesuaian dengan blog anda
6) Klik Save.

Jadi sekiranya anda hendak memaparkan CSS codes anda hanya perlu menampahkan codes dibawah di dalam setiap entri di dalam posting.

<div class="codeview">

Masukkan Codes anda disini.

</div>

Selesai..sekiranya mempunyai masalah tentang entri ini, cuma tinggalkan komen..Insya-Allah saya balas.

If you enjoyed this post, make sure you subscribe to my RSS feed! and Subscribe to Info To You by Email

Your comment will be highly appreciated.So Comment laa.

Share/Save/Bookmark

0 Comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...