Pages

Thứ Tư, 21 tháng 3, 2012

Hướng dẫn cấu hình Wireless linksys ( Wifi )

Cấu hình Wireless linksys giống như các bước trong hình chắc chắn là okie.

Chỉnh sữa title, description, keywords Blogspot

SEO (Search Engine Optimization) luôn là thử thách với rất nhiều blogger, ngay cả với những người chuyên nghiệp. Với blogspot thì các thủ thuật SEO lại càng ít. Mình cũng hay tìm đọc các bài viết trong lĩnh vực này tuy nhiên cũng khá lơ mơ. Viết blog cũng được vài năm, cũng đã áp dụng thử nhiều thủ thuật được cho là cải thiện khả năng SEO cho blogger và cũng có lúc choáng váng vì chỉ có một link duy nhất trong sitemap được index, mình có một chút ít kinh nghiệm muốn chia sẻ với các bạn.

1. Thay đổi dạng hiển thị tiêu đề trang (Page title)
Thông thường thì khi bạn mở một trang bài viết trên thanh tab sẽ hiển thị dạng Tiêu đề blog: Tiêu đề bài viết

Theo nhiều ý kiến, để tốt cho SEO thì bạn nên thay đổi nó về dạng Tiêu đề bài viết: Tiêu đề blog.

Page title

Tìm tới đoạn code:
<title><data:blog.pageTitle/></title>
và thay thế nó bằng:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Khi xuất hiện trong trang tìm kiếm thì kết quả trông cũng đẹp hơn nhiều.

2. Thẻ meta keyword và description
Ngoài các thẻ meta để xác thực các dịch vụ như sitemap (Google, Yahoo, Bing), Alexa... và
<meta content='index' name='ROBOTS'/>
theo mình bạn chỉ cần thêm thẻ meta keyword và description.

Thông thường chúng ta sẽ thêm 2 thẻ này vào trước <b:skin><![CDATA[ dưới dạng:
<meta name="description" content="Mô tả blog" />
<meta name="keywords" content="Các từ khóa chính" />

Tuy nhiên nếu làm như thế bạn sẽ gây trùng lặp meta keywords và description cho các bài viết. Bạn có thể thấy điều này khi kiểm tra trong Webmaster Tools, Diagnostics, HTML suggestions

duplicate meta

Chúng ta sẽ tùy biến một chút đoạn code trên.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Mô tả blog" />
<meta name="keywords" content="Các từ khóa chính" />
</b:if>

3. Hiển thị tiêu đề bài viết
Thông thường blogger thường sử dụng heading tag H2 hoặc H3 cho tiêu đề bài viết. Tuy nhiên theo khuyến cáo thì chúng ta nên sử dụng H1 để tốt cho SEO.

Vào phần Edit HTML, Expand Widget Templates, tìm với từ khóa 
<b:if cond='data:post.title'> để tìm tới đoạn code:
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:blog.pageType != "item"'> 
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Tùy vào template mà đoạn code trên có thể khác nhau đôi chút. Bạn thay H2 (hoặc H3) thành H1, tiếp tục tìm với từ khóa H2 (hoặc H3) để thay nó thành H1 trong phần qui định CSS của post-title.

Updated: Cách làm trên tuy đã giải quyết được vấn đề tag H1 cho tiêu đề bài viết nhưng nó chưa đủ. Thực ra chúng ta chỉ cần tag H1 cho tiêu đề ở trang bài viết và trang tĩnh (item_page và static_page) vì chúng ta cũng chỉ cần Google index những trang này. Nếu làm như trên thì sẽ gây trùng lặp tag H1 ở trang index và archive (một lỗi cũng không nghiêm trọng lắm nhưng để tốt nhất cho SEO thì chúng ta nên xử lý triệt để :D).

Bạn thay thế toàn bộ đoạn code bên trên bằng một đoạn code mới đầy đủ hơn:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>

Giải thích: Ở đây mình sẽ sử dụng tag H3 (khác với tag H2 của sidebar và footer) cho tiêu đề ở trang không phải là item_page và static_page và tất nhiên khi có dạng những trang này nó được tag H1.

Tiếp theo chúng ta cần chỉnh sửa một chút trong phần CSS.
Tìm đến phần qui định CSS cho bài viết (nó có thể không giống hệt với template của bạn nhưng thường có dạng như vậy).
.post h3 {...}
.post h3 a, .post h3 a:visited {...}
.post h3 a:hover {...}

Nếu bạn nào đã thực hiện theo cách ban đầu mình giới thiệu thì nó sẽ là H1

Chúng ta sửa thành dạng sau:
.post h1, .post h3 {...}
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {...}
.post h1 a:hover, .post h3 a:hover {...}

Vậy là đã hoàn thành.

Thứ Ba, 20 tháng 3, 2012

Thơ chế học sinh hay

Đêm nằm ở dưới bóng trăng
Thương cha nhớ mẹ không bằng nhớ em

****************************

Hồng nào hồng chẳng có gai
Gái nào gái chẳng yêu 2,3 thằng

***************************

Trên trời có đám mây xanh,
Ở giữa mây trắng xung quanh mây vàng.
Nếu mà anh lấy phải nàng,
Anh thà thắt cổ cho nàng ở không

************************

Cá không ăn muối cá ươn
Không có xe đẹp thôi đừng yêu em

***********************

Người đi một nửa hồn tôi mất!!
Một nửa hồn kia ...... đứng chửi thề

Người đi một nửa hồn tôi mất!!
Một nửa hồn kia ...... sửa lại xài

*******************

Bánh mì phải có patê
Làm trai phải có máu dê trong người!!!

*****************************

Làm trai cho đáng nên trai
Lang beng cũng trải giang mai cũng từng!!!

*********************
Gió mùa thu anh ru em ngủ
Em ngủ rồi......anh cạy tủ anh đi!!!!

***

Chọn xoài đừng để xoài chua
Chọn bạn đừng để bạn cua bồ mình

***

Những đêm dài ngồi chơi vi tính
Bỗng bàng hoàng khi nhìn thấy roi mây
***

Thân heo vừa béo lại vừa ù
Bảy nổi ba chìm với nước lu
Chết đuối quẫy chân không ai cứu
Đứa nào mà cứu, đứa ấy ***

***

Ngồi học hồn để lên mây
Ông tiên ổng hỏi: "Lên đây làm gì?"
Thưa rằng lên hỏi đề thi
Ông tiên ổng chửi : "Về đi, con ** ***...!!"

***
Hôm nay nhân dzợ đi xa
Còn cô em dzợ, dzê ra khỏi chuồng !

***

Trước mắt em anh là thằng hai lúa
Sau lưng em anh là chúa giang hồ

***

Nhớ quá khứ buồn rơi nước mắt
Nhìn tương lai lạnh toát mồ hôi

***
Nhận được thư em lúc nhá nhem
Mừng mừng tủi tủi mở ra xem
Trong thư em viết dăm ba chữ
"Anh ơi ngày mai nó lấy em"

***

Nắng mưa là chuyện do trời
Cúp cua là chuyện ở đơì học sinh
Cúp cua đừng cúp một mình
Rủ thêm vài đứa tâm tình cho vui

***

Hôm qua anh đến nhà em
Ra về mới nhớ để quên 5000
Anh quay trở lại vội vàng
Em còn ngồi đó, 5000 ...mất tiêu

***(Suy ngẫm)

Chị tôi lớn tuổi hơn tôi .
Mẹ tôi lớn tuổi hơn tôi rất nhiều .

Ô Kiaaàa có một cánh diều .
Diều mà có gió thì diều sẽ bay

***

Đời là... cái đinh
Tình là... cái que
Bố vợ là... con gà què
Ngo nghoe anh đập chết


***
Đường Sài Gòn vừa dài vừa hẹp
Gái Sài Gòn vừa đẹp vừa dê

***

Ai vô xứ Huế thì vô
Còn tao.. tao cứ thủ đô tao dzìa!

***

Chiều chiều ra đứng ngỏ sau
Trông về quê mẹ ruột đau chín chiều
Chờ hoài chờ mãi chẳng thấy mẹ yêu
Sao giờ chưa thấy mẹ yêu gửi tiền.

Chiều chiều lại đứng ngỏ sau,
Mẹ yêu mẹ hỡi mau mau gửi tiền.

20 kiến thức về CSS cần phải biết

1) Biết dùng reset.css: 
2) Biết dùng css shorthand: 
3) Hiểu cách dùng class và id
4) Biết cách sử dụng HTML semantic (dùng li để làm menu ... chẳng hạn)
5) Dựng layout bằng div thay cho table (tất nhiên vẫn dùng table cho dữ liệu dạng bảng. Để làm cái này phải nắm vững cái 10 ở dưới)
6) Biết dùng các công cụ debug CSS (mà nổi tiếng nhất là Firebug)
7) Biết rút gọn selector (đừng viết dài dòng thừa thãi)
8) Biết 1 số CSS Hack thông dụng như: !important
9) Biết kỹ thuật thay text bằng image (ví dụ dùng text-indent là một số âm thật lớn)
10) Biết các kỹ thuật CSS Positioning như: float: left, right ..
11) Biết CSS được load như thế nào (phân biệt @import và )
12) Biết làm đẹp form bằng CSS
13) Thường xuyên xem code các website làm CSS chuẩn
14) Biết làm góc bo tròn bằng CSS 
15) Biết cách bảo trì code CSS (viết code để người khác đọc, hoặc mình sau này đọc lại còn hiểu, cấu trúc rõ ràng, có comment...)
16) Biết sử dụng các loại đơn vị kích thước khác nhau như: px và em
17) Biết sự khác nhau về CSS giữa các trình duyệt (cùng 1 thuộc tính CSS thể hiện trên các trình duyệt khác nhau sẽ khác nhau thế nào, nhất là kiến thức về Box Model do IE 6 và các trình duyệt theo chuẩn quan niệm khác nhau về width, height ...)
18) Biết thiết kế một trang web nhiều cột bằng CSS (cái này không khó nếu bạn nắm vững cái 10)
19) Biết dùng 1 CSS Editor (như Dreamweaver, Notepad++ ...)
20) Biết cách dùng media type (để trang web hiển thị khác nhau trên các loại thiết bị khác nhau: máy tính, máy chiếu, máy in, máy điện thoại di động...)

Bảng mã màu CSS

Nếu muốn trang web của bạn hợp lệ với HTML và CSS. Chuẩn W3C có 16 màu cho bạn sử dụng: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. Nếu muốn tạo ra các màu khác thì bạn phải sử dụng giá trị của RGB hoặc Hex


Color NameMã màuXem trước
AliceBlue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGrey #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
Darkorange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #E9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
DarkSlateGray #2F4F4F
DarkSlateGrey #2F4F4F
DarkTurquoise #00CED1
DarkViolet #9400D3
DeepPink #FF1493
DeepSkyBlue #00BFFF
DimGray #696969
DimGrey #696969
DodgerBlue #1E90FF
FireBrick #B22222
FloralWhite #FFFAF0
ForestGreen #228B22
Fuchsia #FF00FF
Gainsboro #DCDCDC
GhostWhite #F8F8FF
Gold #FFD700
GoldenRod #DAA520
Gray #808080
Grey #808080
Green #008000
GreenYellow #ADFF2F
HoneyDew #F0FFF0
HotPink #FF69B4
IndianRed  #CD5C5C
Indigo  #4B0082
Ivory #FFFFF0
Khaki #F0E68C
Lavender #E6E6FA
LavenderBlush #FFF0F5
LawnGreen #7CFC00
LemonChiffon #FFFACD
LightBlue #ADD8E6
LightCoral #F08080
LightCyan #E0FFFF
LightGoldenRodYellow #FAFAD2
LightGray #D3D3D3
LightGrey #D3D3D3
LightGreen #90EE90
LightPink #FFB6C1
LightSalmon #FFA07A
LightSeaGreen #20B2AA
LightSkyBlue #87CEFA
LightSlateGray #778899
LightSlateGrey #778899
LightSteelBlue #B0C4DE
LightYellow #FFFFE0
Lime #00FF00
LimeGreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
MediumAquaMarine #66CDAA
MediumBlue #0000CD
MediumOrchid #BA55D3
MediumPurple #9370D8
MediumSeaGreen #3CB371
MediumSlateBlue #7B68EE
MediumSpringGreen #00FA9A
MediumTurquoise #48D1CC
MediumVioletRed #C71585
MidnightBlue #191970
MintCream #F5FFFA
MistyRose #FFE4E1
Moccasin #FFE4B5
NavajoWhite #FFDEAD
Navy #000080
OldLace #FDF5E6
Olive #808000
OliveDrab #6B8E23
Orange #FFA500
OrangeRed #FF4500
Orchid #DA70D6
PaleGoldenRod #EEE8AA
PaleGreen #98FB98
PaleTurquoise #AFEEEE
PaleVioletRed #D87093
PapayaWhip #FFEFD5
PeachPuff #FFDAB9
Peru #CD853F
Pink #FFC0CB
Plum #DDA0DD
PowderBlue #B0E0E6
Purple #800080
Red #FF0000
RosyBrown #BC8F8F
RoyalBlue #4169E1
SaddleBrown #8B4513
Salmon #FA8072
SandyBrown #F4A460
SeaGreen #2E8B57
SeaShell #FFF5EE
Sienna #A0522D
Silver #C0C0C0
SkyBlue #87CEEB
SlateBlue #6A5ACD
SlateGray #708090
SlateGrey #708090
Snow #FFFAFA
SpringGreen #00FF7F
SteelBlue #4682B4
Tan #D2B48C
Teal #008080
Thistle #D8BFD8
Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
WhiteSmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32