BẠN CẦN CHÈN CODE VÀO BÀI VIẾT HOẶC COMMENT?
CHRISTIAN ITC
|
Wednesday, September 7, 2011
|
0 comments
1. Thêm CSS
Nếu bạn chỉ muốn chèn code vào comment thì không cần đọc phần này.Còn nếu muốn chèn code vào bài viết thì cần thêm một ít CSS để code đẹp hơn. Đối với Blogspot thì bạn mở trình soạn thảo template và tìm đoạn mã sau:
]]></b:skin>
Xong bạn chèn đoạn mã dưới đây lên trên đoạn vừa tìm được:
pre {
color:#281800;
font-family:Courier New;
font-size:13px;
line-height:17px;
background-image:URL(https://lh4.googleusercontent.com/_kck7-TEWM-M/TWtvurFWTlI/AAAAAAAAAlM/qNLb07OebIw/code_tag_bg.jpg);
display: block;
padding-left: 4px;
padding-right: 4px;
border: 1px #FC0 dashed;
overflow:auto;
word-wrap:break-word;
} 2. Sử dụng Code Escape
Mỗi khi bạn cần chèn code, hãy copy toàn bộ đoạn code đó dán vào khung dưới đây. Rồi bấm "CONVERT".Copy đoạn mã trong khung dưới đây để chèn vào bài viết
Hoặc copy đoạn dưới đây để chèn vào commment.
3. Xem trước
/*** SOCIAL MEDIA LINKS ***/
.social-media{
position: fixed;
top:220px;
right:0;
z-index:4;
overflow: hidden;
width: 180px;
}
.social-media li{margin: 5px 0 5px 148px;}
.social-media a{
display:block;
width: 200px;
background: #fff;
-moz-box-shadow:0px 0px 4px #f7d654;
-webkit-box-shadow:0px 0px 4px #f7d654;
box-shadow:0px 0px 4px #f7d654;
border: 1px solid #fff;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
font-size: 110%;
background: #f2b428;
background:#f2b428 url(http://www.traselcristal.es/wp-content/themes/atom/i/t-tl.png) no-repeat left top;
color: #fff;
}
.social-media a:first-letter{
font-size: 150%;
font-weight: bold;
margin-right: 5px;
}
.social-media .twitter a{
background-color:#9AE4E8;
-moz-box-shadow:0px 0px 4px #9AE4E8;
-webkit-box-shadow:0px 0px 4px #9AE4E8;
box-shadow:0px 0px 4px #9AE4E8;
}
.social-media .facebook a{
background-color:#3b5998;
-moz-box-shadow:0px 0px 4px #3b5998;
-webkit-box-shadow:0px 0px 4px #3b5998;
box-shadow:0px 0px 4px #3b5998;
}
.social-media .flickr a{
background-color:#fe0093;
-moz-box-shadow:0px 0px 4px #fe0093;
-webkit-box-shadow:0px 0px 4px #fe0093;
box-shadow:0px 0px 4px #fe0093;
}
.social-media .myspace a{
background-color:#0d366d;
-moz-box-shadow:0px 0px 4px #0d366d;
-webkit-box-shadow:0px 0px 4px #0d366d;
box-shadow:0px 0px 4px #0d366d;
}
vnblogspot
Filed Under: BÀI MỚI , THỦ THẬT BLOGSPOT
0 comments
Trackback URL | Comments RSS Feed