在 blogger 文章中 adsense 或其他廣告 隨你放!

因為有朋友留言提到這個問題, 一直抽不出身, 現在終於有時間把這些資訊整理一下了.

blogger 原本就有提供側邊欄(side-bar)直接導入 adsense 的功能, 在加入網頁元素時, 就可以看到這個選項了. 不過, 如果想在文章之中放 adsense 的話, 怎麼做比較好呢?

有幾個方式, 可提供參考.


1.如果 你的blogger 範本, 原本在 文章區的上方 就有新增網頁元素的功能, 那真是恭喜了, 因為你可以直接把 google adsense 的程式碼, 貼到這邊來.


選 加入網頁元素-> 選 HTML/JavaScript ->把程式碼貼上 -> 用滑鼠將這個新增的網頁元素,拖拉到文章區的下方, 就會出現一個顏色較淡的區域, 就可以移動到此了.


如果你發現在文章區上方無此功能, 但想用這方式, 可以參考這篇文章.新增Blogger Header及Post的網頁元素,可加入圖片或Adsense

不過,這種做法,會放在文章回應的下方, 效果像這樣.


2.如果是想放在文章結束後, 那麼就要動到html template 模板了. 老規矩, 先備份template吧!

然後 選擇 範本--> 修改 html

在<p><data:post.body/></p> 後面加入以下這段程式碼.
<div style='float:center;'>
你的adsense 程式碼
</div>

**要注意的是, Adsense 程式碼, 要先處理一下. 才不會在儲存時, 出現編譯錯誤的訊息.
< 用 &lt; 取代
> 用 &gt; 取代
" 用 &quot; 取代

程式碼如圖.


效果如下.


3.如果是想放在文章的右方,


或是文章的左方,


那就要選一組最小尺寸(125X125)的設定,取得程式碼後, 一樣先處理<,>,"的問題.


然後 在<div class='post-header-line-1'/> 之下, 放下述程式碼.

<div style='float:left;margin:5px 10px 15px 20px'>
adsense 程式碼
</div>

其中 float:left 改成right, 就會變成把廣告放在文章右方了.

相關文章 :