Loading post navigation ...
 
 

Pro page

21
Nhận xét

[ 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

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

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.


Enter your mail address:

21

1vn.biz

Wow thật tuyệt... anh Dũng đúng là 1 con người của cộng đồng... Cảm ơn anh

garivamaxo

great !

u are super man :))

PCnewSoft

thank you]
http://pcnewsoft.blogspot.com

360korea

Cam on Ban rat nhieu

Ngankvn ®

Học văn bao nhiêu năm rồi mà vẫn không tả nổi mức độ Pro của Fan Dzũng :)

ĐẶc biệt những một bài hay của Fan Dzũng xem qua mà ko có nhu cầu xài - thấy áy náy kinh dị :D

fandung

Sao tự nhiên bữa nay Ngân cho mình lên cao thía. :D
Mình chưa dám nhận lời khen của Ngân đâu, khi nào tự thấy mình "Pro" thiệt thì sẽ nhận ;)

share4vnn

bác check lại xem nó thừa cái dấu > ỏe ới quảng cáo là thế nào??

Phan Dũng

thừa cái dấu > ở chỗ nào Thuấn ???

share4vnn

ngay ở hình chụp trên bài viết của bác nó đã lòi ra 1 cái dấu > rùi..lúc em áp dụng thì cũng thấy nó nòi ra cái đó..anh nhìn trên cái ảnh của bài viết của anh có phải dưới dòng quảng cáo có cái dấu này > ở góc trái ko?? có thể qua blog em xem nữa.. hình như code bác để thừa 1 cái đó

share4vnn

:( lúc nào fix lại bài này pm qua yahoo cho em 1 tiếng nha...em đang cần cái này lắm..chụp ảnh chỗ lỗi cho bác dễ nhìn nè http://c.uploadanh.com/upload/0/546/0.085894001248202796.gif

Phan Dũng

ờ anh thấy rồi :D

[p][i][s][c][e][s]

Anh ơi, blog em muốn chèn quảng cáo vào bài viết, làm như của anh mà hok đc, có phải tại do cái code tạo "read more" không ha anh?

Phan Dũng

@[p][i][s][c][e][s] : nếu bạn đang dùng bản auto readmore của Anhvo thì việc thêm code này vô hơi rối hơn 1 chút, chứ không phải là ko được.

[p][i][s][c][e][s]

vậy em lỡ tay làm cái read more của Anhvo rùi, khi nào rãnh anh chỉ em làm với code anhvo nha anh

[p][i][s][c][e][s]

àh anh ơi, với cái auto read more của anhvo thì làm sao thay đổi fontsize cái tiêu đề vậy anh, em mò trong code mà không thấy!

Phan Dũng

@[p][i][s][c][e][s] : Anhvo ko đưa code chỉnh font-size ra ngoài có thể là nó nằm trong file JS, hoặc có thể Anhvo ko đặt font-size cho nó. Bạn có thể mở file JS lên để xem thử

Teenvnexpress

cái thủ thuật đầu nếu muốn widget hiển thị trang thị chỉ trang chủ thôi thì code này http://YOURBLOG.blogspot.com/search/label/LabelName"'> mình chỉ để link trang chủ ha anh? em làm ko đc

Phan Dũng

@Teenvnpress : à, nếu muốn widget chỉ hiển thị ở trang chủ thì em dùng code này :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

loc

còn nếu như mình muốn cái widget shoutchat chỉ xuất hiện ở trang đầu tiên thôi, các trang khác không hiển thị thì sao hả bạn???

loc

sao mình thấy id=html1
và đoạn mã
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
Vậy giờ mình dán như vậy được không?
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if>
</b:section>

Đúng không bạn?

Dung Minh Nguyen

Bài viết trình bày ứng dụng code này trong blog rất hữu dụng,mình đã dùng cho một số công việc thấy rất hiệu quả,tuy vậy mình còn đang kẹt một trường hợp nữa là ví dụ tôi mở HTML/JaVa dán code của trình nghe nhạc làm nhạc nền cho blog nhưng tôi muốn chặn Widget này ở một số Labed "Nhãn" như Labed Music hoặc Video không cho chúng hoạt động,bạn có thể giúp cho tôi đoạn code ấy để chặn không cho nó hiện ra được không?xin cảm ơn.



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home