• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Gắn tem Avatar cho bài viết của tác giả ở trang nhãn

12
03/08/2011

Chúng ta đã từng biết đến cách tạo Author Panel giới thiệu sơ nét về tác giả bài viết và khung tác giả thường được đặt ở cuối bài viết ở các trang item. Thế thì liệu chúng ta có thể làm điều tương tự ở trang chủ và trang nhãn hay không. Mình sẽ giúp bạn làm được điều này bằng cách gắn tem Avatar cho tác giả bài viết hiển thị ở trang chính (index) gồm trang chủ, các trang nhãn và trang lưu trữ. Thủ thuật này có thể áp dụng cho blogspot có nhiều tác giả làm cộng tác viên viết bài.

Xem Demo.

Thật thú vị phải không các bạn. Bây giờ còn chờ gì nữa nào, chúng ta cùng thực hiện theo các bước đơn giản để cài đặt vào blogspot của bạn. Xin lưu ý là scipt của mình rất đơn giản ngắn gọn nên không ảnh hưởng gì nhiều đến tốc độ load trang blogspot.

Bước 1. Đăng nhập Blogger, vào Design >> Edit Template. Chọn Expand Widget Templates. Đặt đoạn code sau đây vào trước thẻ </head>.

<script type='text/javascript'>
//<![CDATA[
// Adding Author Avatar Stamp to Label Posts Script by www.thuthuatblogger.info
function author_avatar_stamp (author) {
avatar = new Array()
avatar[0] = ""
avatar[1] = "<img border='0' style="display:block;float:right;width:35px;height:35px;margin:0 auto" src='URL_avatar_tác giả 1'/>"
avatar[2] = "<img border='0' style="display:block;float:right; width:35px;height:35px;margin: 0 auto" src='URL_avatar_tác giả 2'/>"
avatar[3] = "<img border='0' style="display:block;float:right; width:35px;height:35px;margin: 0 auto" src='URL_avatar_tác giả 3'/>"

if (author == "Tên tác giả 1")
{document.write(avatar[1]);}

if (author == "Tên tác giả 2")
{document.write(avatar[2]);}

if (author == "Tên tác giả 3")
{document.write(avatar[3]);}

}
//]]>
</script>
Trong đoạn code trên, bạn cần thay URL dẫn đến Avatar cho các tác giả tương ứng với tên tác giả (có thể thêm số lượng tác giả theo đúng định dạng ở trên), đồng thời có thể tùy biến CSS cho Avatar phù hợp với blogspot của bạn.

Bước 2. Dưới đây là đoạn scipt để gọi avatar ra:
<script type='text/javascript'>
author_avatar_stamp("<data:post.author/>");
</script>
Đặt đoạn code nới trên vào một trong những vị trí bạn có thể cần hiển thị tem avatar như sau:
<div class='post-header-line-1'>
VỊ TRÍ 1 -->
</div>
<div class='post-body entry-content'>
VỊ TRÍ 2 -->
<p>VỊ TRÍ 3 -->
<data:post.body/></p>
Lưu Template là xong.

{12 bình luậnAdd yours ?}

23:41:00, 3 thg 8, 2011

Thủ thuật hết sức đơn giản nhưng thật pro! :55)

Reply
16:09:00, 4 thg 8, 2011

chết... chết... chết... em đi vắng có một ngày mà hàng hóa ế ẩm hết cả.
thủ thuật dư này mà ko ai hưởng ứng hả, để em mở hàng cho...
Thủ thuật này giúp các bài viết trên blogspot trông pro hơn.

Reply
16:25:00, 4 thg 8, 2011

Nhà mạng bị đứt cáp, ae bỏ đi chơi hết rồi Vietutd ơi. Thôi đi nghỉ cuối tuần đây.

Reply
17:15:00, 4 thg 8, 2011

Có những lúc này mới thấy gprs có ích, nhất là những đứa ôm phone suốt ngày như e =)))Có những lúc này mới thấy gprs có ích, nhất là những đứa ôm phone suốt ngày như e =)))

Reply
17:15:00, 4 thg 8, 2011

đành phải giải loa tới cuối tuần vậy

Reply
21:03:00, 4 thg 8, 2011

Mọi người nên đọc comment này.
http://www.thuthuatblogger.info/2011/02/beautiful-navigation-for-blogger.html#c4837195086105982394
Từ nay Thủ thuật Blogger sẽ có quy định mới, bình luận với tư cách Name/URL đều quy vào hạng Nặc danh. Những kẻ nặc danh lợi dụng sự thả lỏng quy định comment lâu nay đã có những hoạt động chống phá. Và đây là động thái cảnh báo kẻ nặc danh đầu tiên mà Thủ thuật Blogger đã nhận diện.
http://www.thuthuatblogger.info/2011/02/beautiful-navigation-for-blogger.html#c4837195086105982394

Reply
21:51:00, 4 thg 8, 2011

cái comment của nó có nội dung là gì vậy bác

Reply
22:03:00, 4 thg 8, 2011

Hắn đòi giúp làm cái widget bài viết cũ nhất, bài viết ít xem nhất và script giúp trang load chậm hơn bình thường 1 phút. Còn một tay nặc danh “Quyên Trạng” không biết có phải là “Quan Truyện” không đây. Chắc là thế.

Reply
09:56:00, 28 thg 10, 2011

a ơi sao e làm như các bước a ao nó k hiện thị nhỉ?với tem của pac noct ấy/
a xem dùm e vs nha:http://maritimeship.us.pn/
à .e chỉ sư dụng 1 avata mình xóa luôn 2,3 theo cấu trúc trên (chỉ để lại 1 cái)

Reply
11:03:00, 28 thg 10, 2011

@mAn ĐiezEl Code Bước 1 sẽ như zầy:
<script type='text/javascript'>
//<![CDATA[
// Adding Author Avatar Stamp to Label Posts Script by www.thuthuatblogger.info
function author_avatar_stamp (author) {
avatar = new Array()
avatar[0] = ""
avatar[1] = "<img border='0' style="display:block;float:right;width:35px;height:35px;margin:0 auto" src='URL_avatar_tác giả 1'/>"

if (author == "Tên tác giả 1")
{document.write(avatar[1]);}
}
//]]>
</script>


Nhớ thay đổi phần in đậm.

Reply
12:28:00, 1 thg 11, 2011

thks a!:3)

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn