[ Yêu cầu ] : Hiển thị widget ở 1 trang Label nhất định + Chèn code quảng cáo vào giữa bài viết

Theo yêu cầu của bạn 360korea (http://360korea.com)

[FD's BlOg] - Bài viết sẽ hướng dẫn 2 thủ thuật, 1 chỉ cho phép widget hiển thị ở 1 trang nhãn (label) nhất định. Thứ 2 là việc chèn code quảng cáo vào giữa bài viết. Ngoài ra còn 1 yêu cầu nữa là cho phép widget đó hiển thị cả trong các bài viết thuộc nhãn đó. Nhưng yêu cầu này mình không thể thực hiện.

A. Thủ thuật thứ 1 : Chỉ cho phép hiện thị widget ở 1 trang nhãn cụ thể .
- Đây là một ứng dụng từ thủ thuật mà mình đã đăng. Đó là thủ thuật hiển thị các widget ở những trang nhất định trong blog.

Hình ảnh minh họa kết quả

Kết quả hiển thị ở trang nhãn (trong hình là Nhãn "bai3")

Kết quả hiển thị ở trang khác (trong hình là trang chủ)

- Đầu tiên để thực hiện, bạn phải xác định vị trí code của widget mà mình muốn thực hiện nằm ở chỗ nào trong code template. Muốn xác định điều này, trước tiên bạn phải biết ID của widget mà mình muốn thực hiện. Để làm điều này, bạn nhấp chọn vào phần chỉnh sửa của widget đó, rồi xem ID của nó.

Xem hình minh họa :

Như trong hình minh họa, ID của widget này là HTML4

Bây giờ ta vào bố cục » vào chỉnh sửa code HTML » chọn mở rộng mẫu tiện ích rồi tìm code của widget này (có thể nhẫn Ctrl + F rồi điền ID của widget vào để tìm), và nó sẽ là code bên dưới :

<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:includable>
</b:widget>

- Sau khi tìm được code của widget, ta sẽ thêm đoạn code màu đỏ vào như bên dưới :

<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == &quot;http://YOURBLOG.blogspot.com/search/label/LabelName&quot;'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

- Thay YOURBLOG.blogspot.com thành địa chỉ URL blog của bạn.
- LabelName là tên nhãn mà bạn muốn hiển thị widget.
- Một lưu ý nhỏ : thủ thuật chỉ chỉ hiển thị tốt với các label không dấu , không hiển thị được với label tiếng việt. Và với các label có kí tự khoảng trắng, bạn phải đổi nó lại thành %20

- Sau cùng save template lại là hoàn thành.

B. Thủ thuật 2 : Chèn code quảng cáo vào giữa bài viết.
- Trên thực tế nếu chỉ đơn thuần chèn code quảng cáo vào bài viết thì ta chỉ có thể chèn vào trước hoặc sau bài viết, còn chèn vào giữa bài viết thì không thể. Nếu muốn chèn vào giữa bài viết thì phải dùng tới 1 đoạn javascript nhỏ.
- Tuy nhiên phương pháp chèn code quảng cáo vào giữa bài viết này không phải tự động hoàn toàn, đoạn javascript chỉ có tác dụng thay thế code quảng cáo mỗi khi ta soạn thảo bài viết mới. Do vậy khi bạn thực hiện thủ thuật này, chỉ với các bài viết mà ta chèn đoạn code quảng cáo thay thế vào bài viết thì nó mới hiển thị vào giữa bài viết, còn các bài viết không có đoạn code thay thế này nó sẽ hiện ở phía trên cùng.
- Mở rộng ra ta có thể gọi thủ thuật này là chèn code quảng cáo vào bất kì vị trí nào trong bài viết.

Hình ảnh minh họa:

Với bài viết có đoạn code thay thế:

Với bài viết có không đoạn code thay thế:

☼ Bây giờ ta bắt đầu:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Nhấp chọn "Mở rộng mẫu tiện ích"
4. Tìm đoạn code sau:

<data:post.body/>

5. Thay thế nó bằng đoạn code bên dưới:

<div expr:id='"aim1" + data:post.id'></div>

<div style="clear:both; margin:10px 0">

{Đoạn code của quảng cáo - Lưu ý là đoạn code quảng cáo phải được mã hóa(tức là chuyển các kí tự đặc biệt thành các chuỗi thay thế) trước khi dán vào đây}

</div>

<div expr:id='"aim2" + data:post.id'>

<data:post.body/>

</div>

<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- ads-code --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

5. Save template.

- Nếu thực hiện được tới đây thì code quảng cáo hiển thị được, nhưng sẽ không phải là ở giữa bài viết mà ở đầu bài viết. Muốn nó hiển thị ở giữa bài viết thì ta phải thực hiện thêm 1 bước, đó là chèn đoạn code thay thế đoạn mã quảng cáo vào vị trí giữa bài viết mỗi khi bạn soạn thảo bài viết.
- Và đây là đoạn code thay thế :

<!-- ads-code -->

Hãy dán code thay thế này tại vị trí bạn muốn hiển thị trong bài viết mỗi khi soạn thảo. Và nếu muốn các bài viết cũ cũng hiển thị được thì bạn phải thêm đoạn code thay thế này vào tất cả các bài viết đó. Và đây chính là công đoạn thủ công của thủ thuật.

Thủ thuật 2 tham khảo từ anshuldudeja

Chúc các bạn thành công.