Nếu blogspot của bạn đã có một số tác giả tham gia viết bài cộng tác viên thì tiện ích Team Blog Profile rất cần thiết vì nó cho độc giả biết rằng blogspot của bạn đang có chương trình cộng tác viên, đồng thời cũng giúp tạo sự trân trọng đối với các tác giả.
Để làm như vậy, thông thường Có 2 cách làm như sau:
Cách 2: Theo thuthuatblogger, sử dụng file Scrip
Sau đây mình sẽ giới thiệu cho các bạn cả 2 cách như sau:
Cách 1: theo Duypham, không dùng scripBước 1: Thêm 1 widget Nhãn tại nơi muốn hiển thị Top Authors.
Bước 2: Xác định id của widget này bằng cách chọn Chỉnh sửa widget và nhìn phía cuối thanh địa chỉ. Như ảnh dưới đây widget có id là Label2.
Bước 3: Vào Chỉnh sửa HTML (không chọn Mở rộng Mẫu Tiện ích) và tìm trong template từ khóa
(trong đó Label2 là id của widget tìm ở bước 2).
Thay thế
Bằng đoạn mã dưới đây.
<b:widget id='Label2' locked='false' title='Nhãn type='Label'/> (trong đó Label2 là id của widget tìm ở bước 2).
Thay thế
<b:widget id='Label2' locked='false' title='Nhãn type='Label'/> Bằng đoạn mã dưới đây.
<b:widget id='Label2' locked='false' title='Nhãn' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul style='list-style-type:none'>
<b:loop values='data:labels' var='label'>
<li>
<!-- (1) Start Author 1 -->
<b:if cond='data:label.name == "Author1"'>
<div>
<img expr:alt='data:label.name' style='float:left;margin-right:10px;width:32px;height:32px' src='URL-Avatar-Author1'/>
<div style='float:left'>
<div style='font-weight:bold'>
<a href='URL-Blog-Author1' expr:title='"Xem blog của " + data:label.name' target='_blank'><data:label.name/></a>
</div>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' rel='tag' expr:title='"Xem bài viết của " + data:label.name'><data:label.count/> Bài viết</a>
</div>
</div>
<div style='clear:both;margin:0;width:0;height:0'></div>
</b:if>
<!-- (1) End Author 1 -->
<!-- (2) Start Author 2 -->
<b:if cond='data:label.name == "Author2"'>
<div>
<img expr:alt='data:label.name' style='float:left;margin-right:10px;width:32px;height:32px' src='URL-Avatar-Author2'/>
<div style='float:left'>
<div style='font-weight:bold'>
<a href='URL-Blog-Author2' expr:title='"Xem blog của " + data:label.name' target='_blank'><data:label.name/></a>
</div>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' rel='tag' expr:title='"Xem bài viết của " + data:label.name'><data:label.count/> Bài viết</a>
</div>
</div>
<div style='clear:both;margin:0;width:0;height:0'></div>
</b:if>
<!-- (2) End Author 2 -->
</li>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>Ở đoạn mã trên bạn cần thay Author1, URL-Avatar-Author1 và URL-Blog-Author1 thành tên, địa chỉ avatar và địa chỉ blog của cộng tác viên thứ nhất. Tương tự với Author2, URL-Avatar-Author2 và URL-Blog-Author2 cho cộng tác viên thứ 2. Ở đây mình làm mẫu với trường hợp có 2 cộng tác viên, nếu thêm cộng tác viên nào bạn thêm đoạn mã cho trường hợp đó.
Bước 4: Quay trở lại Bố cục và chọn Chỉnh sửa widget Nhãn vừa thêm. Ở phần Tiêu đề viết tiêu đề theo ý bạn, Top Authors chẳng hạn. Phần Hiển thị chọn Nhãn Đã chọn và click chỉnh sửa, ở cửa sổ Chọn nhãn để hiển thị chỉ đánh dấu vào những nhãn là tên cộng tác viên rồi nhấn HOÀN THÀNH. Phần Sắp xếp chọn Theo Tần suất. Phần Hiển thị chọn Danh sách và đánh dấu vào Hiển thị số bài đăng trên mỗi nhãn. Nhấp chọn LƯU.
Bước 4: Quay trở lại Bố cục và chọn Chỉnh sửa widget Nhãn vừa thêm. Ở phần Tiêu đề viết tiêu đề theo ý bạn, Top Authors chẳng hạn. Phần Hiển thị chọn Nhãn Đã chọn và click chỉnh sửa, ở cửa sổ Chọn nhãn để hiển thị chỉ đánh dấu vào những nhãn là tên cộng tác viên rồi nhấn HOÀN THÀNH. Phần Sắp xếp chọn Theo Tần suất. Phần Hiển thị chọn Danh sách và đánh dấu vào Hiển thị số bài đăng trên mỗi nhãn. Nhấp chọn LƯU.
Để làm ta sẽ thêm vào tiện ích Profile (Hồ sơ). Cấu trúc XML của tiện ích này như sau:
<b:widget id='Profile1' locked='false' title='Các tác giả' type='Profile'> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <b:if cond='data:team == "true"'> <!-- team blog profile --> <ul> <b:loop values='data:authors' var='i'> <li><a expr:href='data:i.userUrl'><data:i.display-name/></ a></li> </b:loop> </ul> <b:else/> <!-- normal blog profile --> <b:if cond='data:photo.url != ""'><a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a></b:if> <dl class='profile-datablock'> <dt class='profile-data'><data:displayname/></dt> <b:if cond='data:showlocation == "true"'> <dd class='profile-data'><data:location/></dd> </b:if> <b:if cond='data:aboutme != ""'><dd class='profile- textblock'><data:aboutme/></dd></b:if> </dl> <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a> </b:if> </div> </b:includable> </b:widget>
Theo cấu trúc XML ở trên, hẳn bạn sẽ thấy rằng đối với Team Blog Profile thì tiện ích hồ sơ chỉ hiển thị tên tác giả (data:i.display-name) và đường dẫn đến trang hồ sơ tác giả (data:i.userUrl); còn trường hợp blogspot không có cộng tác viên thì tiện ích hồ sơ (normal blog profile) sẽ có thêm Avatar của quản trị viên. Như vậy với trường hợp Team Blog Profile thì tiện ích hồ sơ trông rất đơn điệu. Vấn đề mình nêu ở đây là gắn thêm Avatar cho các tác giả để tiện ích trở nên đẹp hơn. Ngoài ra có thể gắn thêm số đếm bài viết cho các tác giả. Bạn có thể xem Demo tại trang chủ của Thủ thuật Blogger. Để làm được như vậy bạn hãy thay toàn bộ đoạn code trên bằng đoạn code bên dưới:
<b:widget id='Profile1' locked='false' title='Các tác giả' type='Profile'> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <b:if cond='data:team == "true"'> <!-- team blog profile styled by www.thuthuatblogger.info --><style>.authorlist ul li {list-style:none;padding:0;margin:0}.authorlist img {float:left;margin:0 10px 10px 0;width:50px;height:50px;border:solid #ddd 1px;padding:1px}.authorlist .userUrl {font-weight:bold}</style><script type='text/javascript'>function showpostcount(json){document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script><div class='authorlist'> <ul> <b:loop values='data:authors' var='i'> <li> <b:if cond='data:i.userUrl == "URL_ProfileID_Tác giả 1"'> <img src='URL_Avatar_Tác giả 1'/> <span class='userUrl'><a expr:href='data:i.userUrl' expr:title='data:i.display-name'><data:i.display-name/></a></span><br/> <span>Quản trị viên</span><div style='clear:both;'/> <b:else/> <b:if cond='data:i.userUrl == "URL_ProfileID_Tác giả 2"'> <img src='URL_Avatar_Tác giả 2'/> <span class='userUrl'><a expr:href='data:i.userUrl' expr:title='data:i.display-name'><data:i.display-name/></a></span><br/> <span><script src='/feeds/posts/default/-/Tác giả 2?alt=json-in-script&callback=showpostcount'/> bài viết</span><div style='clear:both;'/> <b:else/> <b:if cond='data:i.userUrl == "URL_ProfileID_Tác giả 3"'> <img src='URL_Avatar_Tác giả 3'/> <span class='userUrl'><a expr:href='data:i.userUrl' expr:title='data:i.display-name'><data:i.display-name/></a></span><br/> <span><script src='/feeds/posts/default/-/Tác giả 3?alt=json-in-script&callback=showpostcount'/> bài viết</span><div style='clear:both;'/> <b:else/> <a expr:href='data:i.userUrl' expr:title='data:i.display-name'><data:i.display-name/></a> </b:if></b:if></b:if> </li> </b:loop> </ul></div> </b:if> </div> </b:includable> </b:widget>
Ở đoạn code trên, bạn lần lượt thay URL dẫn đến ProfileID của các tác giả, thay URL tương ứng các Avatar của các tác giả. Lưu ý khi duyệt bài của các tác giả, quản trị viên nên đặt thêm nhãn theo tên tác giả cho bài viết để tiện quản lý bài viết của các tác giả đồng thời giúp tạo số đếm bài viết cho tiện ích này.
Cách tự động để ẩn là đặt label trùng tên cộng tác viên
Bạn thay tất cả các đọn code:<b:loop values='data:post.labels' var='label'> ... </b:loop>Thành:
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name != data:post.author'> ... </b:if> </b:loop>Chúc thành công!
Nhận xét
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaNguyên nhân có thể do bạn bấm nhầm vào link báo cáo spam khi xác nhận bạn hãy làm lại và chú ý link xác nhận vì bao giờ nó cung có 2 link đó bạn ak.
Trả lờiXóa