chia sẽ king nghiệm trình bày một entry bắt mắt

Các bạn thân mến kể từ bữa nay trở đi ngoài những bí kíp về các thủ thuật , và cách làm blog đẹp , tớ sẽ chia sẻ cho các bạn một số khung entry để các bạn trình bày cho cái entry của mình được bắt mắt hơn , thu hút hơn , thực ra là tớ sẽ thiết kế cho các bạn một số khung entry, các bạn chỉ việc copy phần code và cho vào mỗi bài viết thôi công việc này rất đơn giản , vì đây là lần đầu tớ chia sẽ bí kíp này nên sẽ hướng dẫn cụ thể hơn mong rằng tất cả mọi người đều có thể làm được , công việc hoàn toàn không khó các bạn nhớ là  phải làm đúng trình tự các bước theo hướng dẫn nhé :

Đầu tiên sau khi kích vào phần viết blog trên khung soạn thảo các bạn tích dấu chọn chế độ HTML như hình minh họa sau :



khi kích chọn chế độ HTML rồi thì các bạn copy toàn bộ code của phần khung entry vào ,đoạn code này bạn nhé : code cho khung entry:

<div style="border: 2px outset rgb(255, 255, 255); width: 570px;">
<div style="border: 2px inset rgb(255, 255, 255);" align="center">
<div style="border: 2px outset rgb(255, 255, 255); background: transparent url(http://img504.imageshack.us/img504/5284/thth462188gyx6hh262q.gif) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 558px;"><br>
<div style="border: 2px inset rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 500px;">
<div style="border: 1px solid rgb(0, 0, 128); background: transparent url(http://img36.imageshack.us/img36/6334/vanhoai.gif) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 498px;">
<div style="background: transparent none repeat-y scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="left">
<div style="background: transparent url(http://img36.imageshack.us/img36/1733/kz7h803web9uca8t7pio.gif) repeat-x scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<div style="background: transparent none repeat-y scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<div style="background: transparent url(http://img134.imageshack.us/img134/6334/vanhoai.gif) repeat-x scroll left bottom; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<div style="margin-left: 55px; width: 390px;"><br><br>nội dung entry <br><br><br><br><br></div></div></div></div></div></div></div><br></div></div></div>

khi copy vào nó có dạng như sau :



bây giờ các bạn lại đưa chuột đến chổ HTML tích thả dấu ra để nó trở lại trạng thái soạn thảo thông thường
lúc này thì bạn đã thấy được hình dạng của khung entry rồi đó :


bây giờ thì bạn có thể thoải mái soạn thảo nội dung bài viết của mình như bình thường , các bạn nhớ trong quá trình soạn thảo thì làm sao đó căn lề cho đẹp nhé đừng để nội dung của entry chồng lên phần viền của khung,
để làm được như vậy thì mỗi lúc gõ chữ khi chữ chạy đến phần viền hoa của khung các bạn nên nhấn enter để gõ ở dòng tiếp theo .....

khi các bạn làm thành công thì các bạn sẽ thấy các bài viết của mình nằm trong một cái khung xinh xắn tương tự như thế này :




từ nay trở đi tớ chỉ cung cấp code cho phần khung entry và không nói thêm về cách sử dụng nữa nhé , hy vọng mọi người đều có thể làm được .
chúc các bạn thành công nhé .
khung entry được thiết kế bởi vanhoai.tk