Loading post navigation ...
 
 

Pro page

23
Nhận xét

[ Yêu Cầu ] - Chèn quảng cáo giữa 2 bài viết bất kỳ trên trang chủ

| by Phan Dũng | views

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

Việc chèn quảng cáo vào blog cũng khá đơn giản, ta chỉ cần xác định vị trí đặt quảng cáo (như trên header, top main, sidebar, hay là bên dưới footer) rồi tạo 1 widget HTML/javascript để dán code quảng cáo vào. Đó là các vị trí đơn giản, tức là chèn giữa các widget, nhưng còn chèn giữa các bài viết thì sao???


Xem DEMO
Lưu ý : DEMO chỉ xem được khi thủ thuật còn tồn tại trên blog test

Như chúng ta đã biết các bài viết hiển thị ở trang chủ hay các trang label, archive đều nằm trong widget Blog1. Các bài viết đều được lặp tuần tự để hiển thị ra trên các trang này. Nếu ta chèn thẳng code quảng cáo vào trong code của widget Blog1 thì các quảng cáo này cũng sẽ được lặp lại tuần tự. Như thế thì có bao nhiêu bài viết hiển thị thì sẽ có bấy nhiêu quảng cáo xuất hiển, và các quảng cáo này đều giống nhau. Và với bài viết này, với 1 chút thủ thuật nhỏ, mình sẽ hướng dẫn cho các bạn cách chèn vào quảng cáo vào giữa 2 bài viết bất kỳ trên trang chủ. Và ở mỗi vị trí này (tức là giữa các bài viết) ta hoàn toàn có thể chèn các quảng cáo khác nhau.


Sau đây là các bước thực hiện:
- Vào Thiết kế --> Chỉnh sửa code HTML --> nhấp chọn mở rộng mẫu tiện ích
- Tìm đoạn code tương tự như bên dưới (lưu ý : có thể mỗi emplate đoạn code bên dưới sẽ dài ngắn khác nhau, nhưng quan trọng ta tìm đúng vị trí của nó và chú ý đến đoạn code highlight)

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>

</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>

</b:loop>
<data:adEnd/>

</div>

- Sau khi tìm thấy đoạn code như trên, ta thêm đoạn code màu hồng như bên dưới :
<div class='blog-posts hfeed'>

<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 1';
var ads2='Code của quảng cáo 2';
//]]>
</script>


<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>

</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>

<script type='text/javascript'>
stt=stt+1;
if (stt==1) {document.write(ads1);}
if (stt==2) {document.write(ads2);}
</script>


</b:loop>
<data:adEnd/>

</div>

- Với :
+ stt = 1: là vị trí giữa bài viết 1 và 2
+ stt = 2: là vị trí giữa bài viết 2 và 3
+ và thực hiện tương tự ta có các vị trí khác.

- Nếu muốn các quảng cáo chỉ xuất hiển ở trang chủ thì ta thay đoạn code bên dưới :
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 1';
var ads2='Code của quảng cáo 2';
//]]>
</script>

bằng :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 1';
var ads2='Code của quảng cáo 2';
//]]>
</script>
</b:if>

Ảnh minh họa ở trang chủ:

Mở rộng hơn, các bạn có thể tùy chỉnh thêm bằng cách cho hiển thị các quảng cáo khác ở trang label hoặc trang archive.
- ví dụ ở trang archive, ta thay quảng cáo ads1ads2 thành các quảng cáo ads3, ads4
- để thực hiện ta thay đoạn code ở trên thành code bên dưới :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 1';
var ads2='Code của quảng cáo 2';
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 3';
var ads2='Code của quảng cáo 4';
//]]>
</script>
</b:if>

Ảnh minh họa ở trang archive:

- Ngoài 2 trang này (trang trang chủarchive) ta có thể hiển thị các quảng cáo ads5ads6 ở các trang còn lại (các trang label và các trang index khác). Để thực hiển thì ta thay đoạn code ở trên bằng đoạn code bên dưới:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 1';
var ads2='Code của quảng cáo 2';
//]]>
</script>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 3';
var ads2='Code của quảng cáo 4';
//]]>
</script>
<b:else/>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 5';
var ads2='Code của quảng cáo 6';
//]]>
</script>
</b:if>
</b:if>

- Khi thực hiện cách mở rộng tới đây, chúng ta vẫn còn 1 thiếu sót, đó là quảng cáo vẫn có thể sẽ hiển thị ở trang bài viết. nếu vị trí 1 là giữa bài 1 và bài 2 thì quảng cáo sẽ xuất hiện ở trang bài viết. Nếu muốn không cho quảng cáo này hiển thị ở trang bài viết thì các bạn thay đoạn code này :
<script type='text/javascript'>
stt=stt+1;
if (stt==1) {document.write(ads1);}
if (stt==2) {document.write(ads2);}
</script>
thành:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
stt=stt+1;
if (stt==1) {document.write(ads1);}
if (stt==2) {document.write(ads2);}
</script>
</b:if>

Ảnh minh họa ở các trang còn lại, ví dụ trang label:

- Lưu ý : chỉ thay đổi nội dung code của các quảng cáo, còn các biến ads1, ads2 thì phải giữ nguyên, tức là quảng cáo 5 và 6 tên biến vẫn là ads1ads2, chứ không phải là ads5, ads6
- Cuối cùng là save template và kiểm tra kết quả.


Enter your mail address:

23

GIANG

Hỳ hỳ anh Dũng đang tính kinh doanh đây ;)

Phan Dũng

kinh doanh gì chứ, tại có người hỏi nên post hướng dẫn thôi, chứ muốn chèn quảng cáo giữa các bài viết trong blog anh thì dễ lắm, không cần dùng cách này.

Phan Dũng

mấy bữa nay đang đau đầu với cái host, bị dis liên tục, chán quá. chắc đổi host quá

dinhpsy

cái host data.fandung của anh đúng là gặp vấn đề nghiêm trọng rồi, ngay cả logo liên kết cũng k hiển thị luôn :) cảm ơn bài hướng dẫn của anh Dũng, nhưng cho em hỏi nếu chèn quảng cáo như vậy có ảnh hưởng đến tốc độ load trang k ạ ? em đang dùng cách chèn trực tiếp vào trong bài viết thấy tốc độ load châm quá :)]

Phan Dũng

thì tùy vào quảng cáo, nếu đó là hình ảnh thôi thì nhẹ, còn nếu là script hay flash thì nặng hơn chút

DPMNET

Thay vì quảng cáo mình có thể chèn 1 tiện ích recent post đc ko F. Dũng?

Huy Tập

anh phan dũng cho em liên kết với blog của anh nhé
tên :luubuttuoixanh.com
link:http://www.luubuttuoixanh.com/

Unknown

- Cái này được :D
- Anh Dũng giới thiệu luôn cái recent first blog được không :X

Điện Tử ChipKool

Chào anh Dũng,em cũng định kiếm chút $ hihi,nên cũng định chèn quảng cáo lên,hôm nay gặp được bài viết này của anh Dũng hay quá,Em đang kiếm $ qua download.hihi.Chúc anh có nhiều thủ thuật mới,sao anh ko kiếm $ nhỉ?

Unknown

Nội dung bài này giống bài của duypham Dung ơi.

Phan Dũng

@QUANGBUI : cám ơn bạn nhắc nhở. Mình có công nhận là trùng ý tưởng. Nhưng nội dung bài viết thì không có chuyện giống bạn à, bạn comment "nội dung giống..." mình nghe như kiểu nói mình đi lấy về rồi xào nấu lại vậy.
- Thứ 1 : bài này mình viết theo yêu cầu của bạn nhockewll (có hỏi trong shout box của mình, bạn có thể vô xem lại).
- Thứ 2 : mình nhớ là bên blog bạn Duy bạn ấy sử dụng lệnh có sẵn trong blogger để chọn bài viết đầu tiên, và thủ thuật đó chỉ hiển thị quảng cáo ở bên dưới bài viết đầu tiên. Còn ở thủ thuật này của mình dùng 1 chút javascript để can thiệp. Vì thế 2 cách hoàn toàn khác nhau, nên dùng từ giống nội dung... là không hay cho mình lắm.

Unknown

:D I'm so sorry, mình dùng từ sai.

Unknown

Anh Dũng ơi chỉ em cách tạo chức năng view ảnh dạng slide với. Demo : http://phamvietdao2.blogspot.com/2011/06/sam-trang-trinh-du-oan-ve-cuoc-chien.html

Bấm vào hình là thấy

Cảm ơn anh nhiều

Unknown

My blog

Mọi người đánh giá giúp em cái blog này với, mới làm nên chưa kinh nghiệm lắm

Dr.House

tuyệ vời, em đã áp dụng thành công, cảm ơn anh dũng rất nhiều, mọi người ghé qua blog mình xem thử nhé http://www.blogktv.net

quang viet

giúp em làm cái này với anh ơi http://www.vankiep123.com/

DTHQ

Chào anh Dũng. Tôi lạc đề tí được ko?
Bây giờ có một blog dạng xx.blogspot.com có pageviews, rank... có tên miền redirect đàng hoàng. Sau vài tháng muốn có link tới tận từng bài bằng tên miền redirect trên, chuyển sang mua host của bên thứ 3 hoặc Google (Empowerd by Google) giống như trang của anh chẳng hạn thì những pageviews, rank... cũng biến mất luôn và làm lại từ đầu phải không?

administrator

Mình mới tập làm blogger mong bạn góp ý với. http://www.trieuphu.info/

Unknown
Hoa Đẹp

Code mình nhập sao nó không hiện ra bạn nhỉ

Hoa Đẹp

code quảng cáo mình đặt vào nó không hiện ra ,chỉ có dạng text thôi thì nó hiện ra

Unknown

Đúng thứ mình đang cần.Cám ơn bạn nhiều!

Unknown

Thanks bạn. bài viết rất hay

http://jenavietnam.blogspot.com/



☺ 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