Thứ Bảy, 1 tháng 1, 2011
Mùa Thu níu bước em về ( Trang Nhung )
Thứ Năm, 30 tháng 12, 2010
Chèn nút ” Đọc thêm ” cho bài đăng của blogger
Như bạn thấy bài đăng trên blog thường có phần “Đọc thêm” hoặc "Xem tiếp" và click vào phần này thì bài viết đầy đủ mới hiển thị ra. Nội dung phía trên tóm tắt bài viết. Sử dụng thủ thuật này giúp blog bạn chuyên nghiệp và trông giống một website hơn.
BƯỚC 1: SAO LƯU TEMPLATE VÀ CHÈN CSS
Sau khi đăng nhập vào blogger.com, click trên Template (Mẫu) -> Edit HTML (Chỉnh sửa HTML) thực hiện sao lưu template vào máy tính của bạn.
Sao lưu xong, kéo thanh trượt tìm tag </ head> (Có thể bấm Ctrl + F để tìm) và chèn vào phía trên nó đoạn mã dưới và lưu lại.
Xem thêm »
BƯỚC 1: SAO LƯU TEMPLATE VÀ CHÈN CSS
Sau khi đăng nhập vào blogger.com, click trên Template (Mẫu) -> Edit HTML (Chỉnh sửa HTML) thực hiện sao lưu template vào máy tính của bạn.
Sao lưu xong, kéo thanh trượt tìm tag </ head> (Có thể bấm Ctrl + F để tìm) và chèn vào phía trên nó đoạn mã dưới và lưu lại.
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>BƯỚC 2: CHÈN LIÊN KẾT “ĐỌC THÊM”Tiếp tục hãy click Expand Widgets Template (mở rộng tiện ích) và kéo thanh trượt để tìm tag<data:post.body/>
Cũng có thể như thế này:
<p><data:post.body/></p>(Bấm đồng thời Ctrl + F để tìm). Sau đó chèn đoạn mã này phía dưới nó.<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
</b:if>
BƯỚC 3: TÙY BIẾN “ĐỌC THÊM”Nếu bạn dùng đoạn mã trên, khi click vào “Đọc thêm!” bài đăng này sẽ được load về trình duyệt và thay thế trang trước đó. Bạn muốn bài đăng được mở ở một cửa sổ mới hãy chèn đoạn mã này.<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Đọc thêm!</a>
</b:if>
Trường hợp bạn muốn chữ “Đọc thêm” lớn hơn hay nhỏ hơn so với các chữ khác của bài hãy chèn đoạn mã dưới. Thay đổi phần trăm để được nhỏ hơn.<b:if cond='data:blog.pageType != "item"'>
<span style="font-size:140%;"><a expr:href='data:post.url' target='_blank'>Đọc thêm!</a></span>
</b:if>
Trường hợp bạn muốn chữ “Đọc thêm” in đậm hãy chèn đoạn mã dưới.<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"><a expr:href='data:post.url' target='_blank'>Đọc thêm!</a></span>
</b:if>
Trường hợp bạn muốn chữ “Đọc thêm” có màu hãy chèn đoạn mã dưới (ví dụ ở đây là màu đỏ, bạn có thể lấy màu khác: Từ cửa sổ đăng bài Compose, gõ vài ký tự và chọn màu, click Edit Html để lấy mã, chữ có màu sẽ nằm giữa <span>…</span>).<b:if cond='data:blog.pageType != "item"'>
<span style="color: rgb(255, 0, 0);"><a expr:href='data:post.url' target='_blank'>Đọc thêm!</a></span>
</b:if>
Bạn có thể sử dụng kết hợp cả ba.BƯỚC 4: THAY ĐỔI CÁCH ĐĂNG BÀIỞ cửa sổ đăng bài, thay vì chọn Compose, hãy chọn Edit Html và cấu trúc bài đăng của bạn như bên dưới.Phần tóm tắt hay đầu bài đăng
<span>
Phần còn lại
</span>
Xem hình
Bài đăng phải nằm trong cấu trúc này. Nếu bạn cảm thấy khó nhớ đoạn code thì hãy vào Settings (Cài đặt) -> Formatting (Định dạng), kéo thanh trượt và tìm Post Template (Mẫu đăng bài), dán đoạn mã vào box kế bên và click Save Settings (Lưu cài đặt) để lưu lại. Mỗi lần đăng bài, đoạn mã này được chèn trước và bạn chỉ việc làm các thao tác để đăng bài.
Nguồn: thuthuatblog.com
Tạo liên kết hình ảnh và chữ chạy cho blog/ website
Để tạo liên kết hình ảnh và chữ chạy, hãy tham khảo các đoạn mã dưới đây:
1. Bạn cần một dòng chữ chạy đơn giản, hãy đưa nó vào hai thẻ <marquee>...</marquee>
Mã:
<marquee> Dòng chữ chạy </marquee>
Kết quả hiển thị:
2. Bạn cần dòng chữ có định dạng ( font chử, màu sắc, kích thước,...) liên kiết, hình ảnh...
kiểu chữ
In nghiêng:
Mã:
<marquee <span style="font-style:italic;">Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
Xem tiếp>>
In đậm:
Mã:
<marquee <span style="font-weight:bold;">Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
Font chữ:
Mã:
<marquee <span style="font-family:Times New Roman;">Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
Màu chữ:
Mã:
<marquee <span style="color:blue;>Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
Kích thước chử:
Mã:
<marquee <span style="font-size:180%;">Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
3.Liên kết chữ và hình ảnh cùng chạy:
Mã:
<marquee> Chào mừng bạn đến với <img src="http://t0.gstatic.com/images?q=tbn:ANd9GcTs2ft0A3AJZXoUWnTN1v-fkFs4U_PbmcKoFHFdcKqaCCLb2zf3"><a href="http://vina1.tk">Vina1.tk</a></marquee>
Trong đó: "http://t0.gstatic.com/images?q=tbn:ANd9GcTs2ft0A3AJZXoUWnTN1v-fkFs4U_PbmcKoFHFdcKqaCCLb2zf3" là URL hình ảnh.
Kết quả:
3. Định kích thước hiển thị MARQUEE trên trang:
Mã:
<marquee width="20%">Chào mừng bạn đến với Vina1.tk</marquee>
Với widght="20%" ( chiều rộng=20%) thì kết quả chỉ hiể thị bằng 20% kích thước màn hình
Kết quả:
Tương tự, bạn có thể định chiều cao là hight.
4. Chiều chạy:
Về hướng trái của màn hình:
Mã:
<marquee direction="left">Chào mừng bạn đến với Vina1.tk</marquee>
Kết quả:
Bạn có thể thay left bằng right (phải), up (dưới lên), down (trên xuống)
Right
Up
Down
5. Thời gian trể:
<marquee scrolldelay=200>Chào mừng bạn đến với Vina1.tk</marquee>
Thời gian trể tính bằng mili giây ( 1mili giây = 1/1000 giây ), tôi chọn 200 nghĩa là thời gian trể 200/1000=0.2 giây
Kết quả:
6. Bước nhãy:
Mã:
<marquee srollamount=60>Chào mừng bạn đến với Vina1.tk</marquee>
60 ở đây là số pixel (điểm ảnh ). Mỗi lần nhãy, dòng chữ sẽ cách điểm xuất phát trước đó 60 pixel
Kết quả:
7. Màu nền:
Mã:
<marquee bgcolor=blue> Chào mừng bạn đến với Vina1.tk</marquee>
Kết quả:
Blue là màu xanh xanh dương, bạn có thể thay blue bằng màu bạn thích như: yellow (vàng), green (xanh lá cây), purple (tím), red ( đỏ ), turquoise ( Xanh ngọc), ...
Biển nhớ/ Quang dũng
Download
Xem thêm »
1. Bạn cần một dòng chữ chạy đơn giản, hãy đưa nó vào hai thẻ <marquee>...</marquee>
Mã:
<marquee> Dòng chữ chạy </marquee>
Kết quả hiển thị:
2. Bạn cần dòng chữ có định dạng ( font chử, màu sắc, kích thước,...) liên kiết, hình ảnh...
kiểu chữ
In nghiêng:
Mã:
<marquee <span style="font-style:italic;">Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
Xem tiếp>>
In đậm:
Mã:
<marquee <span style="font-weight:bold;">Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
Font chữ:
Mã:
<marquee <span style="font-family:Times New Roman;">Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
Màu chữ:
Mã:
<marquee <span style="color:blue;>Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
Kích thước chử:
Mã:
<marquee <span style="font-size:180%;">Chào mừng bạn đến với <a href="http://vina1.tk">Vina1.tk</a></marquee>
Kết quả:
3.Liên kết chữ và hình ảnh cùng chạy:
Mã:
<marquee> Chào mừng bạn đến với <img src="http://t0.gstatic.com/images?q=tbn:ANd9GcTs2ft0A3AJZXoUWnTN1v-fkFs4U_PbmcKoFHFdcKqaCCLb2zf3"><a href="http://vina1.tk">Vina1.tk</a></marquee>
Trong đó: "http://t0.gstatic.com/images?q=tbn:ANd9GcTs2ft0A3AJZXoUWnTN1v-fkFs4U_PbmcKoFHFdcKqaCCLb2zf3" là URL hình ảnh.
Kết quả:
3. Định kích thước hiển thị MARQUEE trên trang:
Mã:
<marquee width="20%">Chào mừng bạn đến với Vina1.tk</marquee>
Với widght="20%" ( chiều rộng=20%) thì kết quả chỉ hiể thị bằng 20% kích thước màn hình
Kết quả:
Tương tự, bạn có thể định chiều cao là hight.
4. Chiều chạy:
Về hướng trái của màn hình:
Mã:
<marquee direction="left">Chào mừng bạn đến với Vina1.tk</marquee>
Kết quả:
Bạn có thể thay left bằng right (phải), up (dưới lên), down (trên xuống)
Right
Up
Down
5. Thời gian trể:
<marquee scrolldelay=200>Chào mừng bạn đến với Vina1.tk</marquee>
Thời gian trể tính bằng mili giây ( 1mili giây = 1/1000 giây ), tôi chọn 200 nghĩa là thời gian trể 200/1000=0.2 giây
Kết quả:
6. Bước nhãy:
Mã:
<marquee srollamount=60>Chào mừng bạn đến với Vina1.tk</marquee>
60 ở đây là số pixel (điểm ảnh ). Mỗi lần nhãy, dòng chữ sẽ cách điểm xuất phát trước đó 60 pixel
Kết quả:
7. Màu nền:
Mã:
<marquee bgcolor=blue> Chào mừng bạn đến với Vina1.tk</marquee>
Kết quả:
Blue là màu xanh xanh dương, bạn có thể thay blue bằng màu bạn thích như: yellow (vàng), green (xanh lá cây), purple (tím), red ( đỏ ), turquoise ( Xanh ngọc), ...
Youtube Downloader - Công cụ tải video từ Youtube
Moyea YouTube Downloader là phần mềm miễn phí có chức năng mạnh mẽ để tải video FLV từ YouTube. Nó cung cấp cách dễ nhất để download video YouTube chỉ với một cú click chuột...
Dung lượng: 7.6 MB - Yêu cầu: Tất cả Windows
Google Chrome 9.0 dev
Siêu trình duyệt, tốc độ cự nhanh, duyệt web thông minh, sử dụng cho Windows XP, Vista, 7
Thứ Ba, 28 tháng 12, 2010
Bản tin video từ Người Việt TV
Lưu ý: Bản tin Người Việt TV là bản tin của người Việt ở Hải Ngoại, kênh này được nghi ngờ là hoạt động để chống nhà nước Việt Nam. Bạn hãy cân nhắc trước khi xem.
Chúng tôi - Blog www.socmai.tk không chịu trách nhiệm về các nội dung trên kênh này.
Đăng ký:
Bài đăng (Atom)