調整HEADER上放google adsense (phpBB)

一般站務公告事項
回覆文章
頭像
admin
系統管理員
文章: 23
註冊時間: 2008年 11月 26日, 00:17

調整HEADER上放google adsense (phpBB)

文章 admin »

在 HEADER 上方的內容有點空, 來放個 google adsense 的圖片廣告組. 不過要調整一些地方才有良好的呈現結果, 這裡不藏私, 把調整的方式給大家, 方便有架 phpBB 論壇的朋友們來應用.

從後台或是從檔案直接改都可以, 就是 overall_header.html 這支程式而已.

1. 先找到
<div id="site-description">

調整為
<div id="site-description" style="width: 270px;">

這裡的寬度看自己的實際內容來調整, 本站的寬度只要 270px 就夠了, 就是到深藍色論壇這個"壇"字的位置後即可, 如下圖所示的位置:
ja2.jpg
ja2.jpg (16.96 KiB) 已瀏覽 8764 次

2. 在這個 site-description 的 div 結束後, 放一個 div 進來, 也就是在:

代碼: 選擇全部

			<div id="site-description" style="width: 270px;">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
後面加入一個 <div>....</div>

3. 該 div 的內容如下:

代碼: 選擇全部

<div id="google-ad" style="float: left; position: relative; padding: 10px;">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxx";
/* 468x60, 已建立 2009/10/23 */
google_ad_slot = "xxx";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
			</div>
那個 id="google-ad" 只是方便自己查詢修改用, 而後面的 inline style 是用來描述這個圖片式 google adsense 的放置方式, 使用了相對位置, 靠左, 並且上方留了 10px, 這樣看起來的結果就會像現在畫面上方的樣子了.

4. google adsense 的程式碼, 使用的是 468*60 的圖片廣告組, 最後記得完成存檔, 重新整理頁面應該就 ok 了, 有什麼問題可以提出來, 我會儘量協助.
深藍色論壇-管理員
歡迎大家來發言!!
回覆文章