Hiển thị các bài đăng có nhãn kiến thức. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn kiến thức. Hiển thị tất cả bài đăng

Thứ Năm, 7 tháng 6, 2012

Chèn banner flash cho blogger (blogspot)


Nếu bạn không thích đặt banner quảng cáo bằng hình ảnh thì có thể thay thế bằng banner flash với tính chuyên nghiệp cao hơn. Các banner flash rât linh động và này bạn có thể tự thiết kế riêng cho mình hoặt từ các tập tin flash có sẵn. Một ví dụ điển hình là banner trên blog tôi. Nếu bạn thích các game flash, tại sao không thử
dùng cách này nhỉ.
Lưu ý: Sao lưu template trước khi tiến hành các thay đổi.
Bước 1:
Chuẩn bị: trước tiên bạn phải tự thiết kế cho mình 1 flash với kích thước phù hợp với blog của mình. Hoặc nếu không thì bất kì file flash nào bạn thích, up nó lên 1 nơi nào đó trên mạng, googlepages hoặc myopera, ….
Sau khi Upload lên 1 host nào đó các bạn tiến hành lấy link file Flash.
Bước 2:
Vào blogger, chọn Mẫu > Chỉnh sửa HTML, đánh dấu vào Mở rộng mẫu tiện ích, tìm đến đoạn code sau:
Code 1
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tiêu đề Blog' type='Header'><b:includable id='main'>


Chèn code2 sau dòng <b:includable id='main'>


Code 2



<embed bgcolor="#FFFFFF" height="123" width="955" pluginspage="http://www.macromedia.com/go/getflashplayer" src="link file Flash" type="application/x-shockwave-flash" >


</embed>


Bước 3:


Tùy chỉnh height và width trong Code 2 cho phù hợp


Lưu các thay đổi và TEST

Tùy chỉnh số bài viết hiển thị ở trang Label (Nhãn)


 
Giới thiệu: Thông thường khi load một nhãn nào đó từ một bài viết, mặc định blogger sẽ hiển thị kết quả là 20 bài viết. Bài viết này sẽ hướng dẫn bạn điều chỉnh lại số bài viết này. 


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 

4. Chèn script 

Bước 1: Tìm dòng expr:href='data:label.url'

- Thay thế nó bằng dòng code sau:

expr:href='data:label.url +  "?max-results=5"' 


Thay số 5 thành số bài mà bạn muốn hiển thị.

Bước 2: Save template. (Lưu mẫu)

Cách tạo phong cách bài viết chuyên nghiệp


Ở các báo điện tử lớn như Tuổi trẻ, Dân trí, bạn thường thấy bài viết được trình bày rất rõ ràng và đẹp mắt. Thường thì sẽ có một đoạn văn bản riêng biệt được làm nổi bật lên trên bài viết. Trên blog của tôi cũng đã sử dụng cách trình bày này cho một số bài viết, xem hình minh họa dưới đây:

Cách thực hiện rất đơn giản, bạn chỉ cần sử dụng đoạn code sau đây: 

<div style="border: #ccc 1px solid ; margin: 10px; padding: 5px; background: #CFE6F9; width: 150px; float: right; text-align: justify;"> {Đoạn văn bản} </div>

Trong đó: 
border: màu đường viền
+ background: màu nền
width: độ rộng (chiều cao thì sẽ tự thay đổi tùy theo độ dài của đoạn văn bản của bạn)
float: vị trí trong bài viết, có thể thay đổi trái(left) hoặc phải(right) tùy bạn.
text-align: căn đều cho văn bản.
marginpadding: căn lề, bạn có thể chỉnh sửa, tốt nhất là cứ để nguyên.

Và kết quả có thể sẽ trông như thế này:

Chúc bạn thành công!


Thành viên