1. Trang chủ
  2. » Thể loại khác

Tạo Blog Đẹp potx

6 197 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 6
Dung lượng 30,38 KB

Nội dung

Tạo Blog Đẹp 1. Thay đổi con trỏ trên blog theo ý mình: Thiết Kế => Theme => Chế độ tự chỉnh sửa => CSS Điền vào ô trống của CSS nội dung sau: body{cursor: xxx;} a:hover{cursor:xxx;} Trong đó xxx là tuỳ chọn cho con trỏ trên blog bạn, body là lệnh cho con trỏ sử dụng trên toàn blog, a:hover là lệnh cho con trỏ hiển thị khi đặt lên một links liên kết, bạn điền từ nào vào xxx thì sẽ hiện lên hình ngay sau đây: pointer crosshair n-resize w-resize ne-resize nw-resize move wait help Hoặc bạn có thể sử dụng 1 ảnh động, 1 icons xinh đẹp để thay cho con trỏ trên blog bằng cách, copy đường links của ảnh đó điền vào chỗ xxx dưới đây: body{cursor:url(xxx)} a:hover {cursor:url(xxx)} 2. Ảnh nền theme của phần blog: Nếu để ảnh tràn toàn blog nên đặt là fixed như sau: BODY.blog_my {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} Hãy điền links của ảnh nền bạn thích vào đoạn http://www.xxx.jpg nhé. 3. Ảnh nền Bảng tin nhắn, có thể đặt ảnh khác BODY.guestbook {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} 4. Ảnh nền của bộ đếm Statistic cũng có thể thay bằng ảnh động, bạn nhớ kích thước của ảnh ko nên lớn quá 30 pixels: #statistic .bd {background:#FFFFFF url(http://www.xxxxx.gif);} 5. Ảnh nền của phần comments cũng vậy, nhưng nên dùng ảnh màu thật nhạt, ảnh tĩnh đuôi jpg nếu ko sẽ che hết chữ: #comment_new .bd {background:#FFFFFF url(http://www.xxxxx.gif);} 6.Ảnh nền của phần Thư mục (tag) thì có thể dùng ảnh dài, bởi tag càng nhiều nó sẽ càng dài ra: #folder .bd {background:#FFFFFF url(http://www.xxxxx.gif);} 7. Ảnh nền của phần lịch thì cố định kích cỡ: #calendar .bd {background:#FFFFFF url(http://www.xxxxx.gif);} 8. Ảnh nền của trang Profiles cũng có thể thay, giúp blog của bạn có tới mấy themes khác nhau: BODY.profile_view {BACKGROUND:url (http://www.xxxxx.jpg) #000000 fixed;} 9. Ảnh nền trong mỗi Entry: Bạn điền links ảnh vào trong đoạn xxx nhé! .mod-alist-full.mail-bd{background:#FFFFFF url(http://www.xxxxx.jpg)} 10. Ảnh nền của tiêu đề mỗi Entry: Có lẽ chọn 1 ảnh nhạt, hoa trái hay họa tiết trừu tượng tốt hơn là ảnh người ngợm! .mod-alist-full.mail-hd{background:#FFFFFF url(http:xxx.jpg)} Ứng dụng khác: 1. Đưa ảnh động lên trên banner đầu blog: Bố trí => đừng chọn gì mà nhìn sang tay phải, bấm vào "Sửa" => Chọn ảnh từ máy tính => Upload ảnh động bạn muốn sử dụng từ máy tính của bạn lên. Tốt nhất ảnh có kích thước phù hợp với đầu banner của blog, có bề rộng 770-800 pixels => Chọn "Hình nền trống" => Chọn "Không có khung" => OK 2. Nếu bạn không muốn đầu đề dòng chữ tên blog xuất hiện trên banner này, bạn có thể chọn: Bố trí => Sửa => Tựa Trong phần Chữ Màu và Link Màu, bạn đều điền vào chữ #FFFFFF (là ký hiệu của màu trong) hoặc bấm vào bảng màu chọn màu trắng. 3. Hướng dẫn sử dụng các module tự tạo: Bố Trí => Thêm Module => Xong. Sau khi đã tạo được một module trống trên blog, bạn thêm nội dung cho bằng cách bấm Bố Trí => bấm vào chữ Sửa trên Module đó. Bạn cho thêm các đoạn mã sau vào mỗi nội dung module nhé. Sau đây là một số Module tôi đang gắn thêm lên trên blog tôi: 4. Thời tiết Việt Nam: Vì không có bản đồ mây của riêng VN nên tôi dùng tạm Đông Á: 5. Số người đang online trong blog bạn: Vào http://www.usersonline.com/ đăng ký links của blog bạn rồi copy đoạn html của nó gắn vào module là xong. 6. Số lượt người xem blog: Nó ít hơn pageviews thông thường rất nhiều vì chỉ đếm người thôi. Vào trang http://www.petitcounter.net/ để lấy code nhé! Bạn thích dãy số màu nào thì bấm vào dãy số đó, nó sẽ hiện ra 1 dòng để điền links blog của bạn vào rồi bấm OK. Cách làm cho blog ngày càng đẹp Cách làm cho blog ngày càng đẹp 1. Công cụ: Các website hỗ trợ trang trí với nhiều hiệu ứng đa dạng cho blog: http://www.bigoo.ws/ http://www.blinkyou.com/widgets.php Các website hỗ trợ tạo chữ động (bổ sung): http://glittermaker.com/ Tạo ra các chữ ánh kim tuyến tuyệt đẹp. http://www.glitter-graphics.ws/ Tạo ra các dòng chữ lấp lánh, nhiều màu sắc trông rất xì tin vui nhộn. http://www.pimp-text.com/ Tạo ra các dòng chữ như khắc đá. http://www.graffitigen.com/ Tạo ra các dòng chữ loăn quăn. http://cooltext.com Tạo ra một số hiệu ứng chữ khá bắt mắt. 2. Ứng dụng cơ bản: Tạo đường phân cách, đường viền Bước 1: Vào http://www.bigoo.ws/images/divider/ Bước 2: Copy code Sau khi chọn được đường viền ưng ý, bạn sẽ được hỏi Please select the site you would like to generate this code for: Not listed? Click Here to View All Available Install Codes Bạn ấn vào Click Here Chỉ cần ấn vào Copy và dán vào blog của mình (nhớ chọn ô View HTML source khi soạn nhé). Thử nào, với đoạn code trên chúng ta sẽ có myspace backgrounds (nếu muốn bạn có thể xóa link myspace backgrounds ) Vậy là chúng ta đã có một đường viền tuyệt vời cho bài viết ngày Valentine, các bạn thấy không? Một cách khác là các bạn ấn vào Click image for actual size rồi lưu lại vào máy của mình hoặc mở hình trong một cửa sổ (window) mới và tay giữ chuột trái, kéo hình ảnh vào thẳng trong bài viết sau một thời gian, tốt nhất là lưu hình lại hoặc dùng code). Test tiếp nào: Chèn hình ảnh (động) Tương tự, bạn có thể chèn các hình ảnh (.gif). Ví dụ như dịp Valentine thì bạn có thể vào đây: http://www.bigoo.ws/Images/st-valentine/ Làm avatar búp bê lấp lánh http://www.bigoo.ws/Glitters/doll/ Dán dòng chữ lấp lánh http://www.bigoo.ws/Glitters/text-miscellaneous/ Tạo chữ chạy qua màn hình http://www.bigoo.ws/generator/WordGenerator.aspx Tạo Băng rôn: http://www.bigoo.ws/generator/banner-maker-2.htm Dán sticker chữ có sẵn:http://www.bigoo.ws/Words/text-and-quotes/ Thư tình viết tay:http://www.bigoo.ws/generator/love-notes-20.htm Thiếp Gấu bông:http://widget.blinkyou.com/blinkyou/generators/Teddy-Bear/index.asp Thiếp Hoa Hồng:http://widget.blinkyou.com/blinkyou/generators/Dozen-Roses/index.asp Tag Trái tim:http://widget.blinkyou.com/blinkyou/generators/Swinging-Heart/index.asp Lịch treo tường:http://widget.blinkyou.com/blinkyou/generators/calgen/index.asp Bảng điện tử (Led):http://www.bigoo.ws/generator/led-scroller.aspx Khung hình ấn tượng:http://www.bigoo.ws/generator/photo-border.aspx . điền links blog của bạn vào rồi bấm OK. Cách làm cho blog ngày càng đẹp Cách làm cho blog ngày càng đẹp 1. Công cụ: Các website hỗ trợ trang trí với nhiều hiệu ứng đa dạng cho blog: http://www.bigoo.ws/ http://www.blinkyou.com/widgets.php Các. Tạo Blog Đẹp 1. Thay đổi con trỏ trên blog theo ý mình: Thiết Kế => Theme => Chế độ tự chỉnh sửa => CSS Điền. blog: http://www.bigoo.ws/ http://www.blinkyou.com/widgets.php Các website hỗ trợ tạo chữ động (bổ sung): http://glittermaker.com/ Tạo ra các chữ ánh kim tuyến tuyệt đẹp. http://www.glitter-graphics.ws/ Tạo ra các dòng chữ lấp lánh, nhiều

Ngày đăng: 19/06/2014, 13:20

TỪ KHÓA LIÊN QUAN

w