Laman

Pages

Laman

Aug 20, 2011

Tạo author-box cho blogger

author-box cho blogger
Bạn là 1 tác giả 1 blog nào đó , bạn muốn nhiều người biết đến bạn thông qua bài viết, cụ thể là ở dưới mỗi bài viết . Vậy tại sao chúng ta ko tự làm 1 Author-box vừa nhanh vừa cơ bản lại vừa đẹp mắt.Xin lưu ý thủ thuật này áp dụng được cho tất cả các tác giả trong blog -> thú vị chưa ???







Chúng ta sẽ bắt đầu ngay với việc thêm css vào blog:
1.Thêm css:
Tìm thẻ
]]></b:skin>
và thêm vào trước nó đoạn css sau:
.author-box{background:#CFCFCF;width:570px border:1px dashed #999; margin-top:20px; overflow:hidden; padding:10px}
.avatar-author{border:1px solid #888; float:left; padding:5px}
.info-author{float:right; width:483px}
.info-author h2{font-size:18px}
2.Code trình bày:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
                                    <div class='author-box'>
                                        <b:if cond='data:post.author == &quot;Thay tên tác giả vào đây&quot;'>
                                            <img class='avatar-author' height='80' src='Hình tác giả' width='80'/>
                                            <div class='info-author'>
                                                <h2>Đôi chút thông tin về tác giả <a href='http://www.blogger.com/profile/ID profile của bạn' target='_blank'>Tên tác giả</a></h2>
                                                <p>Lời giới thiệu</p>
                                            </div>
                                        </b:if>
                                    </div>
                                </b:if>
Chèn vào sau:
<div class='post-footer-line post-footer-line-1'>
Or
<div class='post-footer-line post-footer-line-2'>
Or
<div class='post-footer-line post-footer-line-3'>
Nếu ko có các bạn cứ để dưới
<data:post.body/>
Xin lưu ý đoạn code:
<b:if cond='data:post.author == &quot;Yolks&quot;'>
đây là đoạn mã về bài viết của tác giả , tác giả nào đăng bài thì cái khung author-box sẽ hiện lên cho các bạn.
Ví dụ nhiều tác giả thì bạn làm nhiều khung nhưng chữ Yolks sửa thành tên của profile của tác giả ấy thì mới chạy được nhé các bạn.

34 comments:

  1. Thanks for share !!! :D, xé tem trước nhé .

    ReplyDelete
  2. Mình chỉ xem thôi chứ ít spam, mấy trang quen quen hầu như tớ xem hết rồi mờ ít để lại dấu chân lắm, nói nhiều thấy kì kì sao á, lọt vào top bình luận của trang thấy càng tệ hơn. Vậy nên mấy cái comment ít thấy có mặt tớ

    ReplyDelete
  3. uhm, rất hữu ích khi blog có nhiều tác giả

    mà này thằng em 15 tuổi thật đó à

    ReplyDelete
  4. Thật chứ :)) ! Em nói dối bao giờ ^^

    ReplyDelete
  5. Yolks bị thằng nào ganh gét mà chơi trò bị ổi này thế nhỉ?

    ReplyDelete
  6. Kệ bạn đó đi Chị Dung , tự thể hiện mình là người vô học đó mà

    ReplyDelete
  7. sao ko để lại copyright của template =))

    ReplyDelete
  8. Haha, anh Yolks nhà ta bữa nay chơi oách giữ ta, mà Hiếu Bò chuyển qua Blogger hồi nào vậy. Không 360plus hay gì nữa à ;)). Có gì add nick Y!M mới của anh nhé Yolks => beat6 <=

    ReplyDelete
  9. @ Linh dung: Nghĩa là sao ?

    ReplyDelete
  10. @[ND]o[SKT]: À thằng đó spam Yolks đó mà, gần 50 comment liền, Yolks xóa rồi bạn!

    ReplyDelete
  11. Đợt tấn công tiếp theo sẽ là 291 comment vào ngày 2/9

    ReplyDelete
  12. Ta nói là làm sẽ có khoảng 10 người tham gia chiến dịch này.

    ReplyDelete
  13. @Ngay bên trên : Thằng này bị sao thế nhỉ? Thừa cơm à?

    ReplyDelete
  14. Yolks Scandal phải ko, ai rảnh tham gia chiến dịch spam hở, Thừa cơm

    ReplyDelete
  15. ủa Yolks còn nhỏ vậy hả? Sao viết thủ thuật Blog tài thế!

    ReplyDelete
  16. y có thể nghiên cứu làm cái menu dock như thế này k!
    http://ndesign-studio.com/blog/css-dock-menu
    T là mèo blog đây, cái everydns bị die nên mất cái tên miền rồi! đen quá :(

    ReplyDelete
  17. @Thi Ngân Hàng Cái này bên Fandung có giới thiệu rồi mà, bạn chịu khó qua tìm là có đó!

    ReplyDelete
  18. @Thi Ngân Hàng :)) hihi , hãy tìm ở khắp nơi nhé ^-^

    ReplyDelete
  19. Yolks xem lại cho tem mình với, mình làm rồi mà cái avata trồi lên trên còn phần info tác giả thì xuống dòng với lại chả thấy đóng khung chi hết trơn

    ReplyDelete
  20. york coi giùm mình sao mình làm mà nó ko hiện chi hết là sao?

    ReplyDelete
  21. Xin chào bác Yolks, bác tuổi trẻ tài cao, mình rất khâm phục. Mình đang cố gắng để được như bác bây giờ. Bác nếu có rảnh thì ghé nhà em chơi nha. http://sieudan.blogspot.com.
    Đừng chém mình vì spam nha

    ReplyDelete
  22. Mình mới tập tành blogging. Vui lòng cho hỏi để thao tác với CSS thì làm thế nào. Xin cảm ơn Yolk và các anh chị!

    ReplyDelete
  23. Nếu blog có nhiều author, thì mình sẽ add từng cái cho từng author hả bác?

    ReplyDelete

Comment của bạn sẽ bị xóa nếu:
- Bạn chèn thẻ liên kết (a tag).
- Nội dung gây khó chịu cho các bạn đọc khác.
- Thắc mắc không liên quan bài viết, hãy post tại Hỏi đáp.
- P/s : Comment chê Admin xấu trai cũng sẽ bị xóa không thương tiếc :D