Thursday, March 29, 2012

Posting Source Code - Đăng tải mã nguồn lên wordpress

Chào các bạn, trong quá trình sử dụng wordprees từ ban đâu tôi gặp khó khăn trong việc đư mã nguồn lên giao diện của wordpress vì wordpress sẽ hiểu các ký tự gõ vào là thẻ của ngôn ngữ HTML. và sau khi tìm hiểu tôi tìm được thông tin từ wordpress cho phép đưa mã nguồn lên như bên dưới.
[sourcecode language="css"]
#button {
font-weight: bold;
border: 2px solid #fff;}
[/sourcecode]
Vậy làm sao để thực hiện được ?
Chỉ đơn giản đặt mã nguồn vào giữa thẻ sourcecode và chỉ định language="ngô ngữ sử dụng". Ví dụ với đoạn mã nguồn trên khi đăng thông tin ta viết như sau:


Với thể SOURCECODE hỗ trợ các ngô ngữ sau:
•actionscript3,bash,clojure,coldfusion,cpp,csharp,css,delphi,erlang,fsharp,diff,groovy,html,javascript,java,javafx,matlab (keywords only),objc,perl,php,text,powershell,python,r,ruby,scala,sql,vb,xml

Ngoài ra chúng ta còn có thể cấu hình ở các thuộc tính của thẻ sourcecode để thực hiện một số công việc hữu ích.
Ví dụ: autolinks (true/false) — Cho phép tự kiểm tra và chuyển đổi địa chỉ liên kết.
Bạn tham khảo thêm tại
[sourcecode language="html" autolinks="true"]
http://en.support.wordpress.com/code/posting-source-code/
[/sourcecode]

Ví dụ code html và highlight dòng 12

[sourcecode language="html" autolinks="true" highlight="12"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>WordPress.com Code Example</title>
</head>
<body>
<h1>WordPress.com Code Example</h1>

<p><?php echo 'Hello World!'; ?></p>

<p>This line is highlighted.</p>

<p>This line is very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long.</p>

<div class="foobar">
This is an
example of smart
tabs.
</div>

<p><a href="http://wordpress.com/">WordPress.com</a></p>
</body>
</html>
[/sourcecode]

Monday, March 26, 2012

Mang 25 GB miễn phí vào máy tính của bạn (Skydrive to Window explorer)

- Với dung lượng lên đến 25 Gb miễn phí dịch vụ skydrive của microsoft là một nơi lưu trữ trực tuyến rất đáng quan tâm. Trong bài này Dân chia sẽ với các bạn cách thức chúng ta đồng bộ skydrive trực tiếp thông qua window explorer.
1. Đăng ký tài khoản trên hệ thống live.com
2. Click chuột phải lên My Computer vào chọn


3. Đăng nhập vào skydrive và copy id của bạn


4. Dán vào giao diện kết nối như sao \\docs.live.net@SSL\phần id tô bên trên


5. Nhấn Connect và điền thông tin chứng thực


Tới đây chúng ta có thể sử dụng Skydrive như một ổ đĩa cục bộ rồi.

Hiện tại thì SkyDrive đã cung cấp một phần mềm nhỏ để cấu hình tự động và đồng bộ với máy tính mạnh hơn và nhanh hơn

Chúc các bạn thành công.

Tuesday, March 6, 2012

CSS button

This is very simple CSS for nice button



CSS code:
[sourcecode language="css"]
.buttons a, .buttons button{
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;

font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
padding:5px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
.buttons a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
.buttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.buttons a.regular:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
[/sourcecode]

Translate