[教學]讓AdSense廣告在文字的左邊或右邊呈現(文繞圖)
要在文章中讓AdSense廣告在文字的左邊或右邊呈現,類似文繞圖的效果,如下圖
只要在AdSense程式碼的上下各加入一行程式碼即可,如下
<div style="display: block; float: left; margin: 10px;">
AdSense程式碼
</div>
這個範例,是讓AdSense廣告在文字的左邊呈現,若要讓AdSense廣告在文字的右邊呈現,只要把加入的上面那一行程式碼中的 left 改成 right 即可。若要調整文字與廣告間的距離,只要修改10px 即可,如5px 或15px。
若要全面調整廣告與文字間上下左右的距離,則要將程式碼改成
<div style="display: block; float: left; margin: 1px 2px 3px 4px;">
其中1px 2px 3px 4px分別代表廣告與文字間上、右、下、左的距離。
推薦網誌:宜蘭傳藝中心門票限時優惠買1送1 - 小美輕鬆旅
只要在AdSense程式碼的上下各加入一行程式碼即可,如下
<div style="display: block; float: left; margin: 10px;">
AdSense程式碼
</div>
這個範例,是讓AdSense廣告在文字的左邊呈現,若要讓AdSense廣告在文字的右邊呈現,只要把加入的上面那一行程式碼中的 left 改成 right 即可。若要調整文字與廣告間的距離,只要修改10px 即可,如5px 或15px。
若要全面調整廣告與文字間上下左右的距離,則要將程式碼改成
<div style="display: block; float: left; margin: 1px 2px 3px 4px;">
其中1px 2px 3px 4px分別代表廣告與文字間上、右、下、左的距離。