PDA

View Full Version : đặt adsense vào bài viết???



ganewbies
09-09-2007, 10:12
tôi muốn đặt adsense code vào bài viết thì làm như thế nào nhỉ? tôi đang dùng blogspot, ai chỉ dùm với, thanks

nongdanmang
09-09-2007, 10:53
Khi viết bài bạn vào "Chỉnh sửa html"(Edit html) rồi chèn code adsense vào chỗ nào bạn muốn trong bài viết hoặc trong "Page Elements" --> edit "Blog posts" --> tic vào "Show Ads Between Posts" ad sẽ hiện sau mỗi bài viết.

ganewbies
10-09-2007, 10:44
oh thấy rồi, thanks, nhưng chèn lúc post bài thì không được, nó trắng xóa và không hiện////?????

tui_là_tiamo
10-09-2007, 12:28
Vì cậu chưa được accept nên chưa hiện ads
Cậu cũng có thể vào Page Elements -> Thêm phần tử trang -> adsense
Chọn ads rồi ok là xong

sideduck
10-09-2007, 21:40
Mình cũng từng bị như bạn ganewbies. Nếu bạn đã có acc Adsense rồi thì mình kuyên bạn nên tắt chế độ ads trong entry đi, mà hãy tự chèn ads vào template. Mình sẽ hướng dẫn cho bạn nhé!

Đầu tiên bạn phải sao lưu template phòng bất trắc.

1)Bạn đăng nhập vào Adsense, chọn ads muốn chèn, tùy chon mày sắc, copy cái code rồi để sang 1 bên.

2)Đăng nhập Blogger, vào setting -> edit HTLM -> đánh dấu chọn vào ô Expand Widget Templates

3)Bạn tìm dòng <p><data:post.body/></p>

4)Bạn chèn phần code của Adsense mà bạn giữ lại lúc nãy vào phía sau dòng vừa tìm được.
Mẫu:
<p><data:post.body/></p>
CODE ADS CỦA BẠN

5)Tại dòng code của Ads bạn vừa chèn, sửa <!-- thành &lt;!-- và //--> thành //--&gt;
(nhớ nhìn kỹ mấy cái dấu chấm phẩy, và chỉnh chính xác. Trong trường hợp này bạn được quyền sửa code mà không vi phạm luật của GA vì nếu k làm vậy tùy biến về màu sắc trên ads sẽ k được hiển thị)

6) Lưu lại và xem thành quả của bạn ;)

Bạn lưu ý là ads chỉ hiện tối đa 4 cái, mình khuyên bạn nên đặt thêm code "Read more..." để tăng "thu nhập" ^^ . Chúc bạn thành công ^^

thesaint
10-09-2007, 21:47
mong sideduck chỉ cho mình cách thêm cái code để mỗi bài viết sẽ có phần readmore đối với trên blog và trên website html luôn!
thank you!
Ko vào được blog của u là sao vậy?

sideduck
11-09-2007, 06:29
Blog của mình vẫn vào được bình thường mà :)

thongtinlaptop
11-09-2007, 07:42
@sideduck: Share cái template của http://sideduck.blogspot.com đi, tớ cũng có cái blog về funny pic : http://123haha.blogsome.com

tui_là_tiamo
11-09-2007, 09:43
Sao bác thuoc ko bảo em
Để e share cho bác
Cái iphone e đang sắp okie roài..khi nào ngon e send cả thảy.

ganewbies
11-09-2007, 10:35
code readmore la thế nào vậy?
theo cach này hay đấy, thanks, tuy nhiên 3 cái ads đều có vẻ giống nhau nhỉ?

tvtinh
11-09-2007, 11:16
các bác muốn có theme đẹp và muốn biết cachs chỉnh sửa, có thể download cả XML tại đây: vietblogthemes.blogspot.com

sideduck
11-09-2007, 11:35
code readmore la thế nào vậy?
theo cach này hay đấy, thanks, tuy nhiên 3 cái ads đều có vẻ giống nhau nhỉ?

Về mặt nguyên tắc thị 3 cái ads đó không liên quan với nhau. Nếu giống nhau thì chỉ do ngẫu nhiên hoặc các bài viết đó có điểm chung (Vd như bài viết của mình điều liên quan đến brush).

Chèn thêm "read more..." có nghĩa là bạn chỉ cho hiển thị 1 phần đầu của của bài viết, phần sau muốn xem tiếp thì phải click vào chữ "read more...", làm vậy trông blog bạn sẽ chuyên nghiệp hơn và cơ hội để người xem "click nhầm" được tăng lên ^^"

tvtinh
11-09-2007, 13:26
các bạn xem thử của tôi xem thế nào nhé, tôi thì không thích dùng read more tý nào cả: vnexpressnews.blogspot.com

sideduck
11-09-2007, 14:00
Mình chỉ đưa ra ý kiến cho các bạn tham khảo, còn việc thích đặt hay không thì tùy các bạn thôi.

Việc đặt read more giúp rút ngắn được trang chủ, bạn có thể chèn thêm entry vào trang chủ. Việc này rất có tác dụng đối với khách vãn lai, thường thì loại visitor này ghé ngang site bạn rồi nhìn một lượt, nếu không thấy gì hay ho họ sẽ tắt ngay. Bạn thử nghĩ nếu blog bạn bài nào cũng dài thường thượt, trang chủ bạn chỉ chứa 2-3 entry, người mới sẽ mệt mỏi và out ngay nhưng không biết có những thông tin bổ ích mà họ cần ở phía sau. Nếu đặt read more, nội dung chính của trang sẽ được hiện thị, người đọc chỉ cần lướt sơ qua xem thông tin có cần thiết hay không rồi tiếp tục xem tiếp, khả năng kiếm dc thông tin ngay từ lần ghé thăm đầu tiên được nâng cao qua đó sẽ giữ chân dc visitor.

Nếu bạn có ý định quảng cáo blog thì mời bạn qua box Hot Link nhé!

Chúc 1 ngày tốt lành!

ganewbies
12-09-2007, 09:30
chỉnh read more thế nào nhỉ? bác chỉ hộ em cái, em nghĩ cách này rất hay

tui_là_tiamo
19-10-2007, 10:59
Hack Readmore ah
Đơn giản ấy mà, các bác làm theo em nhé, nhanh thoai mà :D
Vào mục EDIT HTML nhé:
Tích vào mục Mở Rộng Template ấy (tiếng anh là gì ấy, miến là bên trái trên cùng của khung html ấy)
Tìm dòng này:
<div class='post-header-line-1'/>
<div class='post-body'>
sau đó thêm lũ này vào dưới
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
Tiếp theo dòng này (ngay dưới dòng trên đó)
<p><data:post.body/></p>
Thêm cái này vào
<a expr:href='data:post.url'>Read More......</a>
</b:if>
Roài vào SETTING -> FORMAT ->cái khung cuối cùng ấy cho thêm cái này vào:

Type your summary here
<span class="fullpost">
Type rest of the post here
</span>
Roài..xong
Các bác khi muốn thêm post ấy, thay chữ type your summary here bằng dòng chữ muốn hiện lên (chính là lời giới thiệu ban đầu đó )
thay dòng Type rest of the post here bằng cả bài viết
Xong

myclip
19-10-2007, 11:08
Mình cũng từng bị như bạn ganewbies. Nếu bạn đã có acc Adsense rồi thì mình kuyên bạn nên tắt chế độ ads trong entry đi, mà hãy tự chèn ads vào template. Mình sẽ hướng dẫn cho bạn nhé!

Đầu tiên bạn phải sao lưu template phòng bất trắc.

1)Bạn đăng nhập vào Adsense, chọn ads muốn chèn, tùy chon mày sắc, copy cái code rồi để sang 1 bên.

2)Đăng nhập Blogger, vào setting -> edit HTLM -> đánh dấu chọn vào ô Expand Widget Templates

3)Bạn tìm dòng <p><data:post.body/></p>

4)Bạn chèn phần code của Adsense mà bạn giữ lại lúc nãy vào phía sau dòng vừa tìm được.
Mẫu:
<p><data:post.body/></p>
CODE ADS CỦA BẠN

5)Tại dòng code của Ads bạn vừa chèn, sửa <!-- thành &lt;!-- và //--> thành //--&gt;
(nhớ nhìn kỹ mấy cái dấu chấm phẩy, và chỉnh chính xác. Trong trường hợp này bạn được quyền sửa code mà không vi phạm luật của GA vì nếu k làm vậy tùy biến về màu sắc trên ads sẽ k được hiển thị)

6) Lưu lại và xem thành quả của bạn ;)

Bạn lưu ý là ads chỉ hiện tối đa 4 cái, mình khuyên bạn nên đặt thêm code "Read more..." để tăng "thu nhập" ^^ . Chúc bạn thành công ^^

Sao bác sidebuck không chỉ anh em cách tạo tag read more trong blogspot đi nhỉ?

myclip
19-10-2007, 11:32
Hack Readmore ah
Đơn giản ấy mà, các bác làm theo em nhé, nhanh thoai mà :D
Vào mục EDIT HTML nhé:
Tích vào mục Mở Rộng Template ấy (tiếng anh là gì ấy, miến là bên trái trên cùng của khung html ấy)
Tìm dòng này:
<div class='post-header-line-1'/>
<div class='post-body'>
sau đó thêm lũ này vào dưới
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
Tiếp theo dòng này (ngay dưới dòng trên đó)
<p><data:post.body/></p>
Thêm cái này vào
<a expr:href='data:post.url'>Read More......</a>
</b:if>
Roài vào SETTING -> FORMAT ->cái khung cuối cùng ấy cho thêm cái này vào:

Type your summary here
<span class="fullpost">
Type rest of the post here
</span>
Roài..xong
Các bác khi muốn thêm post ấy, thay chữ type your summary here bằng dòng chữ muốn hiện lên (chính là lời giới thiệu ban đầu đó )
thay dòng Type rest of the post here bằng cả bài viết
Xong

Quá tuyệt, em thử xem thế nào và sẽ nhờ bác giúp sau nhé

tui_là_tiamo
19-10-2007, 15:00
cứ hỏi cứ hỏi
Mấy cái này mình...rành lắm :D

tui_là_tiamo
19-10-2007, 20:24
Hướng dẫn đặt bookmark luôn nè
1.Vào Template -> Edit HTML -> Tick into Expand Widget Templates
2.Tìm đoạn sau:

<p class='post-footer-line
post-footer-line-3'/>
sửa nó thành:

<p class='post-footer-line post-footer-line-3'>


<div class='rsociales'>
Share this post with:
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/Rjl62eMBQ0I/AAAAAAAAAto/zkas68GmVFk/s1600/technorati.gif'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl68-MBQ1I/AAAAAAAAAtw/Mftx1_Bi_oY/s1600/delicious.gif'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlY7uMBQrI/AAAAAAAAAsg/ov73dLSsrtA/s1600/digg.png'/></a></li>
<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/RjlZLeMBQtI/AAAAAAAAAsw/bNmkgSj_jj0/s1600/yahoo.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl6z-MBQzI/AAAAAAAAAtg/-13NieAS3J8/s1600/google.gif'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlct-MBQyI/AAAAAAAAAtY/UtGxUlBA7mc/s1600/meneame.png'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlaa-MBQuI/AAAAAAAAAs4/7hoQkbJNkUw/s1600/furl.png'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbHuMBQvI/AAAAAAAAAtA/L0TsC3OUUyI/s1600/reddit.gif '/></a></li>
<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbWuMBQwI/AAAAAAAAAtI/Vy_xjt3iY80/s1600/magnolia.gif'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbjuMBQxI/AAAAAAAAAtQ/WDlHSsaO_m4/s1600/blinklists.gif'/></a></li>
<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='http://bp0.blogger.com/_Zuzii37VUO4/RjlQzOMBQoI/AAAAAAAAAsI/qt5x09fQvNo/s1600/blogmarks.gif'/></a></li>
</ul>
</div>

</p>

3. Tìm tiếp


]]></b:skin>

Thêm cái lũ loăng ngoằng này lên trên


.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}

Save lại, và bookmark đã có roài nhé..

tui_là_tiamo
21-10-2007, 11:04
Hix hướng dẫn như trên là quá chi tiết roài, ko hiểu phần nào cứ post lên đay đi

sideduck
22-10-2007, 10:26
Mình muốn như sau:
- Lệnh Readmore trên sẻ giấu đi 1/3 bài viết.(tất nhiên nhấn vào đó sẻ xem được full rùi)
-Cám ơn và cám ơn

Cái này nhiêu khê đây! Bạn phải canh ngay 1/3 bài viết mà phang code vào! Site của bạn đến hơn 3000 bài... Làm xong là quay cuồng ^^"

tui_là_tiamo
23-10-2007, 04:03
Muốn căn 1/3 post thì căn theo mắt thôi
Muốn nó hiện bao nhiêu thì để vào đó, ẩn cũng vậy
Hướng dẫn trên là cả TV, vì TV cũng sài như vậy

thoimaem
02-08-2008, 18:32
cảm ơn anh tui_là_tiamo nhiều nhưng em làm theo thì bị bể layout rồi anh ạ!!!!! ???? help help

[=========> Bổ sung bài viết <=========]

bác chỉnh sửa code hoàn chỉnh rồi chụp cái màn hình ngay đoạn đó cho newbie xem đi bác, đọc hướng dẫn làm theo bác mà không thấy hiệu quả. Thanks

myclip
05-08-2008, 10:10
các bác dùng wp thì xem bài nÀY của tôi nhé: http://blogviet.info/2008/07/cong-c%E1%BB%A5-ban-qu%E1%BA%A3ng-cao-cho-blog-hi%E1%BB%87u-qu%E1%BA%A3-va-mi%E1%BB%85n-phi/

chúc vui vẻ

VNTTN
05-08-2008, 10:18
Bác thử tham khảo 1 bài viết của mình. Xem đặt thế có được không!
http://www.wirelessoverview.net/index.php/reviews/laptops/54-laptop/390-lenovo-ideapad-y510-review

EasyAdsenseVn
02-09-2008, 23:57
Hack Readmore ah
Đơn giản ấy mà, các bác làm theo em nhé, nhanh thoai mà :D
Vào mục EDIT HTML nhé:
Tích vào mục Mở Rộng Template ấy (tiếng anh là gì ấy, miến là bên trái trên cùng của khung html ấy)
Tìm dòng này:
<div class='post-header-line-1'/>
<div class='post-body'>
sau đó thêm lũ này vào dưới
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
Tiếp theo dòng này (ngay dưới dòng trên đó)
<p><data:post.body/></p>
Thêm cái này vào
<a expr:href='data:post.url'>Read More......</a>
</b:if>
Roài vào SETTING -> FORMAT ->cái khung cuối cùng ấy cho thêm cái này vào:

Type your summary here
<span class="fullpost">
Type rest of the post here
</span>
Roài..xong
Các bác khi muốn thêm post ấy, thay chữ type your summary here bằng dòng chữ muốn hiện lên (chính là lời giới thiệu ban đầu đó )
thay dòng Type rest of the post here bằng cả bài viết
Xong

Cảm ơn Tiamo rất nhiều về bài viết này. Nhờ bài này mà mình mới có ý tưởng về việc thiết kế Read More (mình đang học hỏi thôi). Nhưng làm theo cách của Tiamo có nhiều điều bất tiện, chẳng hạn như phải edit lại toàn bộ các bài đã viết trước đó, và khi post lên còn nhiều khoảng trống,... Vì vậy mình ngồi search và tìm ra một cách add code tối ưu hơn, tiện lợi hơn, tự động hoàn toàn, và hoạt động tốt (có thể kiểm chứng qua blog của mình). Ai quan tâm có thể tham khảo thêm ở đây:
http://easyadsensevn.blogspot.com/

tui_là_tiamo
03-09-2008, 00:22
Cảm ơn Tiamo rất nhiều về bài viết này. Nhờ bài này mà mình mới có ý tưởng về việc thiết kế Read More (mình đang học hỏi thôi). Nhưng làm theo cách của Tiamo có nhiều điều bất tiện, chẳng hạn như phải edit lại toàn bộ các bài đã viết trước đó, và khi post lên còn nhiều khoảng trống,... Vì vậy mình ngồi search và tìm ra một cách add code tối ưu hơn, tiện lợi hơn, tự động hoàn toàn, và hoạt động tốt (có thể kiểm chứng qua blog của mình). Ai quan tâm có thể tham khảo thêm ở đây:
http://easyadsensevn.blogspot.com/

vậy thì hack readmore hỗ trợ thumbnail của Anh Võ đi
Có thuận lợi là chẳng cần chèn hay căn lẽ, tự động hết
http://www.vietwebguide.com/2008/08/to-read-more-c-tip-mt-cch-t-ng-ver-20-h.html
chúc thành công

calvintran
31-01-2009, 07:02
bác sideduck có chi về cài GA vào nhưng sao mình tìm không thấy đoạn <p><data:post.body/></p> vậy. chỉ tìm được <p><data:comment.body/></p> thôi mình mới tập viết trên blogger ah.

MyLifeForShare
31-01-2009, 09:20
bác sideduck có chi về cài GA vào nhưng sao mình tìm không thấy đoạn <p><data:post.body/></p> vậy. chỉ tìm được <p><data:comment.body/></p> thôi mình mới tập viết trên blogger ah.
Không có thì tìm <data:post.body/> thôi, nếu tìm không ra thì chắc chắn bài viết cũng không hiển thị :D

calvintran
02-02-2009, 07:39
cám ơn?
nhưng có bác nào chỉ em rõ hơn về read more không?
cảm ơn trước nha

mistarg
06-03-2009, 22:06
bác nào biết chèn code adsense vào sidebar blogspot không? chỉ em với

http://img15.imageshack.us/img15/4170/90481951.jpg (http://img15.imageshack.us/my.php?image=90481951.jpg)


giống như thế này

dv2n
07-03-2009, 11:20
Cách đặt AdSense vào bài viết:

http://www.thuthuatblog.com/2009/01/cch-t-qung-co-google-adsense-trn.html