[教學]在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〉
也可用margin: 1px 2px 3px 4px及padding: 1px 2px 3px 4px
1px 2px 3px 4px分別為控制上、右、下、左的位置
 在 ; 後加入 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〉
也可用margin: 1px 2px 3px 4px及padding: 1px 2px 3px 4px
1px 2px 3px 4px分別為控制上、右、下、左的位置
推薦網誌:宜蘭傳藝中心門票限時優惠買1送1 - 小美輕鬆旅

熱門排行

2024.2.11 friDay影音序號免費體驗

用電腦玩手機遊戲較不傷眼睛,乾淨輕量版Android模擬器推薦

置頂視窗釘選最上層顯示小工具DeskPins Win10、Win11

移除百度(Baidu)搜索,被百度綁架的解決方法

網路芳鄰電腦消失解決方法win10

不用到玉山銀行開戶,直接提領PayPal美金到台幣或外幣帳戶

免費賺比特幣7個網站推薦.錢包軟體下載及使用教學

friDay影音取消訂閱及刪除信用卡資料

2024.3.22 myVideo 序號免費體驗