Skip navigation.

Sign up | Lost password? | Help

Posts tagged with "Blog"

STICKY POST

Welcome !










.... Học làm Blog
.... English Music
.... Vietnamese Music,Chinese Music
.... Japanese Music,Korean Music
.... Funny
.... Ranh ngôn bỏ túi
.... Đọc và suy ngẫm








Đôi khi, có ai đó vô tình bước vào cuộc đời bạn, bạn sẽ không biết trước được người đó sẽ là ai và chỉ đến khi gặp họ, bạn mới biết họ có ý nghĩa quan trọng với bạn như thế nào. Họ giúp bạn nhận ra được mình là ai và người mà bạn muốn trở thành...



Mọi người có thể truy cập vào blog tại địa chỉ OnlyU.1x.net or thanhduy.1x.net or blog.1x.net




Tạo chuyên mục và danh sách trên sidebar

Để cho dễ hiểu trước hết xin giải thích sidebar là cái gì ? Ví dụ trong blog của tôi bên tay phải có một cột gồm các mục như About , Blog search, Latest blog posts ,My music...cột này gọi là sidebar .

Vậy bài viết này sẽ hướng dẫn cách tạo ra các chuyên mục như thế và các list kèm theo .

Trước hết các bạn vào menu Link ~~~~> New Category~~~> (Hình minh họa)

Trong New Category gồm các phần sau :

Category name:Tên của chuyên mục (Vd: Âm nhạc , Web của tôi , Bạn bè...)
Show this category in my blog sidebar. Đánh dấu chọn vào mục này để hiển thị chuyên mục ra sidebar
Category links: Danh sách các link trong chuyên mục

Url : Link của trang sẽ chuyển đến
Name : Tên của trang sẽ chuyển đến
Description : Để trống



Ví dụ : tôi có url của trang chứa bài hát "2-1=0 - Huyền Thoại" là http://my.opera.com/forevermyweb/blog/show.dml/1420145 thì tôi sẽ điền vào URL là _http://my.opera.com/forevermyweb/blog/show.dml/1420145 và điền vào phần Name "2-1=0 - Huyền Thoại"

Sau khi thực hiện xong nhấn Save để lưu lại


Cách chia bài viết thành 2 hay nhiều cột


*Con mèo mà trèo cây cau
Hỏi thăm chú chuột đi đâu vắng nhà
Chú chuột đi chợ đằng xa
Em là cô chuột, vào nhà đi anh

* Đi thi để biết phòng thi
Vô thi để biết đề thi thui mà
Khi xưa vác bút theo thầy
Bi giờ em lại vác cày theo trâu


Làm thế nào để chia nội dung bài viết ra thành 2 cột giống như ở trên ?!
Dưới đây là những gì ta phải viết trong phần post bài để có được kết quả trên :

<table><tr><td width="270px" style="padding:5px;font-size:12px;line-height:1.5;text-align:justify;">

*Con mèo mà trèo cây cau
Hỏi thăm chú chuột đi đâu vắng nhà
Chú chuột đi chợ đằng xa
Em là cô chuột, vào nhà đi anh 

</td><td width="270px" style="padding:5px;font-size:12px;line-height:1.5;text-align:justify;">

* Đi thi để biết phòng thi
Vô thi để biết đề thi thui mà
 Khi xưa vác bút theo thầy
Bi giờ em lại vác cày theo trâu 

</td></tr></table>

Ta có thể tăng thêm số cột của bài viết bằng cách chèn thêm đoạn code :

</td><td style="padding:5px;font-size:12px;line-height:1.5;text-align:justify;">
vào giữa đoạn text mà ta muốn chia cột .
Thuộc tính width="270px" trong code trên quy định chiều rộng của mỗi cột , ta có thể điều chỉnh thông số của thuộc tính này để các cột có chiều rộng thích hợp .

Tạo ảnh nền cho bài viết ( hướng dẫn hoàn chỉnh )

















Tình hình là như thế này , lúc trước tôi có viết một bài hướng dẫn về cách tạo ảnh nền để trang trí cho bài viết nhưng hình như không được chi tiết cho lắm nên vẫn có nhiều bạn thắc mắc về cách làm .Vì thế , hôm nay tôi sẽ viết lại bài này với những giải thích chi tiết hơn để mọi người có thể dễ dàng thực hiện .
Để tạo ảnh nền cho bài viết thì trước tiên các bạn phải chuẩn bị một bức ảnh có kích thước phù hợp với kích thước của bài viết ( khoảng 600px bề rộng ) . Sau đó các bạn upload ảnh này lên blog để lấy link

Lấy link ảnh như thế nào ?!
Trả lời : Click chuột phải vào ảnh rồi chọn propereties ~~> Link ảnh thường bắt đầu bằng http:// và kết thúc bằng .jpg hoặc .png> hoặc .gif Ví dụ :
http://files.myopera.com/forevermyweb/albums/708262/LoNelY_by_Innocent_raiN.jpg


Khi post bài , để tạo ảnh nền cho bài viết của mình các bạn copy code bên dưới và dán vào phần post bài viết :

<table style="border:0px solid #C0C0C0" ><tr><td style="background: #fff url(Link ảnh) top right no-repeat;padding:4px;font-size:12px;font-family: Tahoma , Verdana, sans-serif;  line-height:1.55;text-align:justify;">

Nội dung của bài viết được ghi ở đây .

</td></tr></table>

Giải thích các thuộc tính của code :
style="border:1px solid #C0C0C0 : code này quy định độ dày ,dạng đường viền, màu sắc đường viền của khung bài viết .

1px : Độ dày của đường viền khung bài viết là 1 px , nếu tăng lên 2,3,4..px thì đường viền sẽ càng dày .
Chú ý : Nếu để là 0px thì bài viết sẽ không có đường viền ( khung ) bên ngoài .
solid: dạng đường viền , ( còn có các dạng sau dotted , dashed , double , groove , ridge, inset , outset ) . Xem qua các dạng Tại đây
#C0C0C0 : Màu của đường viền . Xem thêm các mã màu khác Tại đây



style="background: #ffffff url(Link ảnh) top right no-repeat ; padding:4px ; font-family: Tahoma , Verdana, sans-serif; font-size:12px ; line-height:1.55 ; text-align:justify ;

Trong đoạn mã trên thì thuộc tính #ffffff quy định màu nền của bài viết . Xem thêm mã màu khác Tại đây
link ảnh là nơi dán link ảnh đã lấy ở phần trên vào .
top right repeat : những code này canh vị trí của ảnh nền , như code này thì ảnh sẽ được canh ở trên cùng ,phía bên phải và ảnh nền sẽ được lặp lại (nếu như nội dung của bài viết dài hơn kích thước của ảnh ) .
~~~~~>Ta có các kiểu quy định vị trí như sau :
+ top left
+ top center
+ top right
+ center left
+ center center
+ center right
+ bottom left
+ bottom center
+ bottom right
no-repeat ( hình nền không lặp)
repeat (hình nền lặp theo tất cả cách hướng)
repeat-x (hình nền chỉ lặp theo trục x)
repeat-y (hình nền chỉ lặp theo trục y)
padding:4px Text sẽ cách đường viền (khung) 4px
font-size:12px Kích thước của chữ là 12px
line-height:1.55 Khoảng cách giữa hai dòng
text-align:justify Text sẽ được canh đều
font-family: Tahoma , Verdana, sans-serif; : Font chữ là Tahoma



Cách chèn những Icon vui nhộn vào Blog

,


Nếu chú ý thì các bạn sẽ thấy trong các bài viết hay trong phần comment của tôi thường có những Icon rất dễ thương và vui nhộn ( giống như cái hình bên phải ấy :D ) và cũng đã có nhiều người hỏi tôi làm cách nào để có thể chèn vào blog những hình như thế . Thật ra cái này rất đơn giản , đầu tiên các bạn hãy vào trang http://emo.huhiho.com (trang này hầu như có đầy đủ các Icon vui nhộn mà mọi người vẫn thường thấy trong các Forum ) . Sau đó , muốn chèn Icon nào các bạn chỉ cần Click vào icon đó rồi copy dòng code cuối cùng dán vào bài viết của mình là xong .

Read more...

November 2009
M T W T F S S
October 2009December 2009
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30