Thủ thuật tạo Featured content cho Blogspot
Saturday, 22 May 2010
Featured content giúp hiển thị những nội dung chính, những bài viết đặc biệt nhất trên blog của bạn một cách sinh động, trực quan và hài hòa, để người đọc có thể dễ quan sát nhất, nhận biết nhất...
Dưới đây là kiểu featured content cơ bản mà
Tùng Lâm đang sử dụng, xin chia sẻ đến cùng các bạn.
Demo: http://photo.dulichbui.org
Bước 1:
Đăng nhập
Blogger Dashboard > Layouts > Edit HTML
Chèn đoạn code dưới đây vào trước thẻ
]]></b:skin>
Doanload đoạn code
tại đây
Bước 2:
Chèn đoạn code dưới vào sau thẻ
]]></b:skin>
Download đoạn code
tại đây
Bước 3:
Vào
Layout > Page Elements -> Add a Gadget
Rồi chèn đoạn code sau đây vào (tùy chỉnh lại để phù hợp với nội dung blog của bạn).
Download đoạn code
tại đây.
Kết thúc.
Chú ý:
- Với các file ảnh bạn nên upload sang host riêng của mình (có thể sử dụng photobucket, picasa hoặc flick để upload).
- Với các file .js bạn có thể tải về rồi upload sang một host riêng để tránh trường hợp file trong bài viết die.
- Ảnh xuất hiện trên slide có 2 dạng:
- ảnh lớn: 400x250
- ảnh nhỏ: 80x50
Khi edit hay cập nhật bài vào silde nhớ edit ảnh lại cho phù hợp.
Chúc bạn thành công!
Tổng hợp từ Internet
,
Khoi tao Blog,
Layout,
Post
Ý kiến bạn đọc [ 15 ]
anh chinh oi , em thich cai skin ma` demo lắm :(
ko bjk anh co ko nhỉ
Bài này bác bên du lịch bụi đăng à :(
Thế ra là phải làm thủ công à :(
Muốn hiển thị gì thì tự gõ vào à :(
Không phải là truy xuất Feed tự động à :(
Khung comments của bác không cài emo à :(
à ... à .... :(
Chán quá à :(
BB à :(
bài này nhớ ko nhầm thì a phan Dũng phát triển từ jquery. tại thấy cái slide trái giống hệt slide của mềnh
hơ hơ ngankvn nói như người tàu à,
Bác show cứ view source là ra thôi mà :D
Blogger Template Style
Name: Emperors
Designer: wpthemedesigner
Converter: Anshul Dudeja
URL: www.anshuldudeja.com
Date: 12 Jan 2010
http://www.anshuldudeja.com/2010/02/blogger-template-emperors.html
thui , dung trinh diet IE no cứ lỗi sao ấy :(
ý của show9x là thích cái template demo à, nếu muốn bạn vào http://www.anshuldudeja.com/2010/02/blogger-template-emperors.html mà copy nhé
@Nganvn: Cái Featured content này rất tiếc là làm thủ công.
@ Pika rock: Featured content có nhiều dạng khác nhau, dạng này nguyên là của WP được edit lại để phù hợp với Blogspot. Bài này em lấy đọc được ở một trang nước ngoài rồi edit lại - không có liên quan tới Fandung.
@ Show9vip.com: để tải temp bạn có thể view code để xem link. Tuy nhiên bạn cần tùy chỉnh lại một số thứ để phù hợp với nhu cầu.
Thân!
Ý nói là nó giống cái FD giới thiệu thôi, chắc cũng giống lâm, cùng tham khảo nguồn đó chăng?
làm rồi bạn à nhưng nó không hiện như demo mà nó bung ra từng ảnh 1 không hiểu sao?có ai bị giống tôi không?
làm được ok nhưng code 3 bạn thiếu code pai thêm mấy cái <li id="nav-fragment-1".... vậy mới được
Trước đây blog FD có giới thiệu 1 cách chạy jquery nhưng truy xuất tự đông theo feed ,rất tiếc bi h cái host chứa file js của bác ấy(110mb )die rùi .Mình tìm mãi ko được cái khác , pùn ghê :((
cứ chèn vào là cứ báo lỗi hic! thử cả ở đây và bên anh fandung cũng thế chán quá :(
#13 @Nguyễn Báu: có thể trong mã của bạn không chấp nhận dấu " mà chỉ chấp nhận ' hoặc ngược lại, để giải quyết vấn đề này bạn có thể convert code và dán vào là ok thôi.
Chèn cái code 2 vào nó lịa bảo có thẻ div nên không nhận ???
Ý kiến của bạn