[教學]在Blogger中調整小工具或Adsense廣告的位置
要在Blogger中微調、移動小工具或Adsense廣告的位置,及小工具的字體大小,有兩種方法。
小工具或Adsense是用【HTML/JavaScript】做的
直接在原本程式碼的上下方加入調整位置的程式碼即可,如下
<div style='margin-left: -20px;padding-top: 15px;'>
原本程式碼
</div>
如下圖
margin-left: -20px,往左移20px〈left可改為right或top或bottom〉
padding-top: 15px,上方多留15px空間〈top可改為right或left或bottom〉
推薦網誌:宜蘭傳藝中心門票限時優惠買1送1 - 小美輕鬆旅
小工具或Adsense是用【HTML/JavaScript】做的
直接在原本程式碼的上下方加入調整位置的程式碼即可,如下
<div style='margin-left: -20px;padding-top: 15px;'>
原本程式碼
</div>
如下圖
margin-left: -20px,往左移20px〈left可改為right或top或bottom〉
padding-top: 15px,上方多留15px空間〈top可改為right或left或bottom〉
也可用margin: 1px 2px 3px 4px及padding: 1px 2px 3px 4px
1px 2px 3px 4px分別為控制上、右、下、左的位置
在 ; 後加入 font-size: 14px,可將字體設定成14px大小〈14px可改為自己想要的字體大小,如15px、16px〉
在 ; 後加入 font-size: 14px,可將字體設定成14px大小〈14px可改為自己想要的字體大小,如15px、16px〉
要到【範本】→【編輯HTML】中,找到小工具的程式碼,在<b:includable id='main'>的下一行加入程式碼,如要左移30px,<div style='margin-left:-30px'>,在</div>的下一行加入</div>,如下圖
可在 30px 後加入 ; font-size: 14px,可將字體設定成14px大小〈14px可改為自己想要的字體大小,如15px、16px〉
margin-left: -30px,往左移30px〈left可改為right或top或bottom〉
可在 30px 後加入 ; padding-top: 15px,上方多留15px空間〈top可改為right或left或bottom〉
可在 30px 後加入 ; font-size: 14px,可將字體設定成14px大小〈14px可改為自己想要的字體大小,如15px、16px〉
margin-left: -30px,往左移30px〈left可改為right或top或bottom〉
可在 30px 後加入 ; padding-top: 15px,上方多留15px空間〈top可改為right或left或bottom〉
也可用margin: 1px 2px 3px 4px及padding: 1px 2px 3px 4px
1px 2px 3px 4px分別為控制上、右、下、左的位置