Trang chủ \27.4.11

Tùy chọn vị trí quảng cáo cho banner 468x60 pixels

ads

Banner 468x60 pixels là 1 trong những banner quảng cáo được sử dụng phổ biến trên weblog, thông thường nó được đặt ở header. Để gây sự chú ý cho độc giả mình sẽ hướng dẫn chèn nó ở 2 vị trí là ở giữa bài viết thứ nhất và thứ 2 khi duyệt trang kiểu index và ở phía trên bài viết khi duyệt trang kiểu item.

Bước 1: Tạo hàm hiển thị quảng cáo. Tìm thẻ <b:includable id='main' var='top'> và thêm vào trước nó đoạn mã dưới đây:
<b:includable id='ads' var='posts'>
 <div style='clear:both'/>
 <div style='background:#FFF;padding:10px 0;text-align:center;line-height:0'>
  <a href='http://duy-pham.blogspot.com'  target='_blank'><img alt='ads' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCoQxWnsmnvxIpXL1Q-Khok968mgykT7aCA0mFHRVgT6zGc6Vtvz5sPP_s4JvDR7-WYtqB_ju1WPkMW1hqL77T4CIZnJnv5At4NM6l2p-yqBoGkD0BkPFRjHpXlCOZc9cNE0y8P2111_8/s468/qc.gif'/></a>
 </div>
</b:includable>

Thay thế http://duy-pham.blogspot.com bằng địa chỉ của website cần quảng cáo và https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCoQxWnsmnvxIpXL1Q-Khok968mgykT7aCA0mFHRVgT6zGc6Vtvz5sPP_s4JvDR7-WYtqB_ju1WPkMW1hqL77T4CIZnJnv5At4NM6l2p-yqBoGkD0BkPFRjHpXlCOZc9cNE0y8P2111_8/s468/qc.gif bằng địa chỉ của banner quảng cáo.

Bước 2: Gọi hàm quảng cáo ở vị trí cần chèn.
  • Ở giữa bài viết thứ nhất và thứ 2 khi duyệt trang kiểu index:

    ads index

    Tìm thẻ <b:include data='post' name='post'/> và thêm vào sau nó đoạn mã dưới đây:
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
     <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
      <b:include data='post' name='ads'/>
     </b:if>
    </b:if>

  • Ở phía trên bài viết khi duyệt trang kiểu item:

    ads item

    Tìm thẻ <b:include data='post' name='post'/> và thêm vào trước nó đoạn mã dưới đây:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <b:include data='post' name='ads'/>
    </b:if>

Hi vọng nó có ích cho những người muốn kiếm thêm tiền từ quảng cáo khi mà Google Adsense còn "e ngại" blog Tiếng Việt.

Hướng dẫn thủ thuật Blogger, Blogspot

60

Nhận xét
1

Cái vụ này hay, e chèn gì bi giờ nhỉ =))

Reply Xóa nhận xét
2

mà cái này chèn vào blog làm những bannerr giới thiệu bài hot là ok nhất, nó sẽ tăng tính đồ họa và bắt mắt hơn cho Blog, rất hay và cần cho blogger, cảm ơn Duy Phạm

Reply Xóa nhận xét
3

Mà sao blog này không thấy đặt ad nữa nhỉ :-?

Reply Xóa nhận xét
4

@Noct Toàn quảng cáo k công thôi mà bác, họ nhờ đặt hết hạn khuyến mại rồi thì thôi :D

Reply Xóa nhận xét
Nặc danh 28/4/11 06:23
5

Trong Mazinseo Template, mình cũng để sẵn 1 adv div cho khách khi họ cần đến tại vị trí này. Thanks for sharing bác Duy.

Reply Xóa nhận xét
6

quan trọng giờ là có quảng cáo để mà..click, BID ko hiện, GÀ cũng lơ xơ, chả có cái gì ra hồn với site TV :((

Reply Xóa nhận xét
7

Mình có GA mà mấy năm chưa đc 10$ :)) Gắn lên để đó chơi thôi

Reply Xóa nhận xét
8

Cái này hay quá. Nhưng mình có thể tùy chỉnh cho banner hiện theo ý muốn được không? Mình muốn cứ 3 bài thì có banner.

Reply Xóa nhận xét
9

@Tùng Lâm Em nghĩ là phải dùng đến js nếu muốn như vậy, chưa thử kia :D

Reply Xóa nhận xét
10

Có đoạn code đếm số comment có lẽ tùy biến được theo ý bác Tùng Lâm :)
Mình thì đang tìm xem có đoạn mã nào trong xml mà chọn được chẵn lẻ cho các đối tượng không, ví dụ như cái comments-body chẳng hạn @-)

Reply Xóa nhận xét
11

Bác Duy cho em xin 1 chỗ đặt banner quảng cáo blog em đc hok nhỉ :X

Reply Xóa nhận xét
12

:)) quang cao' hang` a` :))

Reply Xóa nhận xét
13

bán rẻ 3$/tháng :))

Reply Xóa nhận xét
Nặc danh 29/4/11 13:11
14

Thủ thuật này hay lắm thanks duy nhé

Reply Xóa nhận xét
Nặc danh 29/4/11 13:17
15

Ủa mà lạ thế Duy mình làm giống thủ thuật làm xong ko hiện ra gì hết còn mất hết bài viết

Reply Xóa nhận xét
16

Hay đấy, cứ chèn sẵn vào đấy biết đâu lại có người mời quảng cáo :))

Reply Xóa nhận xét
17

Nam Duy chỉ đc cái hiểu ý Anh Duy :))

Reply Xóa nhận xét
Nặc danh 30/4/11 19:08
18

@Nam Duy blog TV thì GA là không thể đâu bác. Đặt banner có lý hơn.

Reply Xóa nhận xét
19

@ Tien Nguyen: hihi, e cũng k có ý định bác ạ,vì k có hứng

Reply Xóa nhận xét
20

@Minh Quân Chắc bạn chèn nhầm code vào trước hoặc sau thẻ rồi, bạn đọc kỹ lại sẽ thấy, mình cũng bị vậy rồi!

Reply Xóa nhận xét
Nặc danh 3/5/11 20:19
21

@Linh Dung VnMart Thì bước 1 ghi là thêm vào trước đoạn mã đó

Reply Xóa nhận xét
22

@Minh Quân Tài khoản Blogger mà k publish thì khác gì ẩn danh, mình k giải đáp cho những comment như vậy.

Reply Xóa nhận xét
23

DuyPham cho mình hỏi 1 vấn đề với: tình hình là mình muốn trên trang chủ của mình ko hiển thị bài viết nào mà chỉ hiển thị hoàn widget, nhưng khi mình chọn số bài viết hiển thị là 0 thì nó lại có chữ "No posts" trên trang chủ! Vậy có thể nào bỏ đc chữ "No posts" này ko nhỉ :)

Reply Xóa nhận xét
24

@Tom Theo mình biết thì dantri.com.vn k sử dụng Blogger :D. Sao bạn k cho mọi người biết blog của mình nhỉ? Mình sẽ giúp bạn ngay.

Reply Xóa nhận xét
25

cám ơn bạn nhiều, đang nghiên cứu về blogspot :)

Reply Xóa nhận xét
26

Ý tưởng thành lập 1 forum cho blogger bác Duy thấy thế nào nhỉ?

Reply Xóa nhận xét
27

@DPMNET Đây là điều mà em tìm kiếm từ khi làm quen với Blogger. Nếu có 1 forum như vậy thì em ủng hộ 2 tay thôi, tuy nhiên thì nó phải domain + hosting riêng nếu muốn phát triển lâu dài. Hi vọng đó sẽ là sân chơi chung cho các Blogspotter :)

Reply Xóa nhận xét
28

@LeeVN Cảm ơn bác nhiều, rất vui nếu nó có ích cho bác và mọi người.

Reply Xóa nhận xét
29

Bạn có thế hướng dẫn thêm cách đặt banner lên thanh tiêu đề blog không?

Reply Xóa nhận xét
30

@May Thy Mình nhận dc contact của bạn và thấy bạn hỏi ở đây nên trả lời luôn cho tiện. Mình nghĩ là mình k có đủ thời gian để thiết kế những yêu cầu riêng đó, chính vì lí do đó mà mình k mở những chuyên mục kiểu như yêu cầu hay hỏi đáp. Có thể sau này có t/g hơn thì thêm mục hỏi đáp cho đỡ loãng những bài viết.

Mình nghĩ cách tốt nhất là bạn tìm hiểu rồi làm thử, nếu vướng mắc chỗ nào thì mình sẽ trả lời nếu biết, sẽ vừa tiết kiệm t/g cho mình mà bạn lại biết thêm dc. Đi câu và tự nấu sẽ thú vị hơn ra chợ mua cá mà :)

Reply Xóa nhận xét
31

Không sao đâu, nếu bạn không có nhiều thời gian thì mình cũng không đòi hỏi :) Dù sao Template của bạn áp dụng cho blog của mình chạy rất nhanh và ổn định rồi, hihi! Chúc blog bạn phát triển nhé!

Reply Xóa nhận xét
32

Duy Pham có thể cho mình hỏi chút không? Nếu muốn đặt ifame của các nhà quảng cáo chia sẻ lợi nhuận thì làm thế nào? Mình muốn đặt y như vậy nek.:))

Reply Xóa nhận xét
33

Duy ơi! mình thay theo hướng dẫn trên nhưng nó cứ báo lỗi hoài, Duy có thể hướng dẫn cụ thể tý được không? Cảm ơn Duy nhiều. Blog của mình: vnfreeall.blogspot.com

P/s: Nó báo lỗi thế này:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "o" must end with the ';' delimiter.

Reply Xóa nhận xét
34

@24h-Cafe Chắc bạn đã làm dc? Mình thấy đã có ads rồi mà.

Reply Xóa nhận xét
35

Cái đó thì add được, vì bản chất nó vẫn là một Img, Nhưng khi thay vào đoạn code như thế này thì nó lại báo lỗi.

<iframe src="http://rcm.amazon.com/e/cm?t=vnf0b- ....... ..........</iframe>

Duy giúp mình với.

Reply Xóa nhận xét
36

@24h-Cafe Do code ads của bạn chưa chuẩn nên báo lỗi, như trên là thiếu ký tự ;. Khả năng là code bạn chèn có ký tự &, cần thay & thành &amp; để k báo lỗi.

Reply Xóa nhận xét
37

@Duy PhamMình làm được rồi. Cảm ơn Duy nhiều, Chuc Blog DuyPham ngày một phát triển.

Reply Xóa nhận xét
38

Vào trang này rồi convert code nhé
http://www.eblogtemplates.com/blogger-ad-code-converter/

Reply Xóa nhận xét
39

1. Mình muốn nó xuất hiện quảng cáo trên bài viết số 1 thay vì giữa bài số 1 và 2 thì đặt thể nào nhỉ. vẫn áp dụng thủ thuật này nhé, chứ cách tạo thêm widget mới rồi đặt trên widget Post trong Blogger thì mình biết rồi.
2. Mình xin trả lời thay Duy pham về trường hợp lỗi code của các bạn trên
Trong code trên các bác chèn vào mà bị lỗi là do các bác chưa convert code để chèn vào HTML. nếu muốn hết lỗi thì chép code và convert ở đây:

Reply Xóa nhận xét
40

@CEBỞ bước 2 bác chỉ việc đặt <b:include data='post' name='ads'/> lên trước <b:include data='post' name='post'/> để luôn hiển thị quảng cáo bên trên bài viết.

Reply Xóa nhận xét
42

Nhận xét này đã bị tác giả xóa.

Reply
43

Bạn ơi, vì blog mình có thiết kế khác với 1 số blog khác một chút. Nên bạn cho mình hỏi, có thể để quảng cáo hiện ra sau bài post thứ 2, thay vì bài post thứ nhất như trong hướng dẫn không?
Mình chờ hồi âm của bạn.
Cảm ơn bạn nhiều lắm!

Reply Xóa nhận xét
44

Sẽ phải dùng đến js nếu muốn làm như vậy.

Reply Xóa nhận xét
45

Em muốn đặt quảng cáo ở bên phải chỗ này này a thì làm s ạ ?
http://bt.bloggerpremium.com/wp-content/uploads/2013/02/gaming-blogger-template.jpg

chỗ 486x60 ấy ạ

Reply Xóa nhận xét
46

Bạn tìm đến chỗ code banner đó mà chèn quảng cáo vào thôi.

Reply Xóa nhận xét
47

Em không biết, a bày chi tiết hơn đi ạ

Reply Xóa nhận xét
48

Ở vị trí bạn muốn chèn quảng cáo có 1 section chưa add widget nào. Bạn nhấn vào add widget và thêm widget HTML rồi chèn code quảng cáo vào widget đó.

Reply Xóa nhận xét
49

hay quá bạn ơi

Reply Xóa nhận xét
50

Bác Duy ui, bác có thể huớng dẫn cách làm cho banner ở giữa bài viết: thứ 5 - thứ 6, thứ 13 và thứ 14, thứ n và thứ n+1 khi duyệt trang kiểu index

Cảm ơn bác

Reply Xóa nhận xét
51

Được bác ơi, giờ Blogger có biến số đếm rồi, bác thích đặt giữa 2 bài viết số thứ bao nhiêu cũng được :D

Reply Xóa nhận xét
52

Giống như bài này phải không bác
http://www.kompiajaib.com/2017/04/memodifikasi-tampilan-post-di-homepage.html

Reply Xóa nhận xét
53

Đâu phải, bài kia chỉ can thiệp được vào css. Còn mình can thiệp thẳng vào code XML của Blogger để trả lại HTML mỗi bài viết khác nhau. Thích code quảng cáo thêm vào bài viết thứ bao nhiêu cũng được.

Reply Xóa nhận xét
54

Mình định làm cái banner bài HOT, cứ khoảng 6 bài 1 banner

đang đào bới cách làm :D

Reply Xóa nhận xét
55

Mình hướng dẫn bác dựa theo bài viết này nhé. Ở bước 2 bác tìm code dạng này trong tem

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
...
</b:loop>


rồi thay thành:

<b:loop index='i' values='data:posts' var='post'>
<b:if cond='data:i == 5'>
<b:include data='post' name='ads'/>
</b:if>
<b:include data='post' name='post'/>
...
</b:loop>


Vậy là cứ đến bài thứ 6 thì sẽ có code quảng cáo chèn trên đầu bài viết đó.

Reply Xóa nhận xét
56

Được voi đòi thêm tiên:
nếu để ngay trên các bài: 6, 16, 26, 36 mà các banner đó không lặp lại thì phải là, thế nào ác ui :)

Reply Xóa nhận xét
57

Chắc phải dùng js tạo random thôi

Reply Xóa nhận xét
58

Ngĩa là các banner đó không trùng nhau ấy :D

Như này được không bác:



Reply Xóa nhận xét
59

<b:loop index='i' values='data:posts' var='post'>
<b:if cond='data:i == 5'>
<b:include data='post' name='ads'/>
</b:if>

<b:if cond='data:i == 15'>
<b:include data='post' name='ads'/>
</b:if>

<b:if cond='data:i == 25'>
<b:include data='post' name='ads'/>
</b:if>

<b:if cond='data:i == 45'>
<b:include data='post' name='ads'/>
</b:if>

<b:if cond='data:i == 45'>
<b:include data='post' name='ads'/>
</b:if>

<b:include data='post' name='post'/>
...
</b:loop>

Reply Xóa nhận xét
60

Không được đâu. Giả sử bác chỉ cho hiển thị 10 bài viết mỗi trang. Thì bài viết thứ 15 nằm trang 2 nó cũng tương ứng với data:i == 5. Cho nên code của hàm ads dùng js với hàm random để hiển thị

Reply Xóa nhận xét

Đăng nhận xét

Cancel