网志好读版: http://weilife.pixnet.net/blog/post/93584311 ------------------------------------------------------------ http://pic.pimg.tw/weilife/1369054468-3135045421.jpg 今天中午午休前照惯例看了一下网志，结果发现版面整个歪掉了 原来痞客帮的MIB分润广告计画於今日正式上架 其实之前对MIB分润计画还满有兴趣的，只是很担心会破坏部落格版面 原本猜想会像一般放置广告那样，在後台可以利用栏位调整广告的位置 结果痞客帮很贼，直接将广告置於侧边栏位的最高点，无法於後台更改 这点应该让部落客们恨的牙痒痒的，虽然广告可以赚钱没错，但还是想保有美丽的版面呀! 更..的是痞客帮还推出了一个去广告的app，一年要价$600 (这根本是在骗不会CSS的人) 稍稍研究了一下，利用CSS调整了广告的摆放位置，将小技巧分享给大家 http://pic.pimg.tw/weilife/1369056439-2516096141.jpg 要修改之前要先了解部落格版面的标签，上图是一些重要的标签名称与配置 - container: 整个部落格内容 - header: 页首(部落格的横幅) - content: 文章区 - links: 侧栏，作者资讯、最新文章、文章分类等 - footer: 页尾 痞客帮将MIB广告放於第一侧栏的最顶端，标签为 #mib-ad-sidebar 有了这个标签，可以对MIB广告做许多的事，当然包括隐藏或删除广告 * 修改广告高度 #mib-ad-sidebar{ position: absolute !important; top: 100px; left: 0px; } 将以上语法贴至CSS编辑，可以修改广告的高度，往下降100像素 若很清楚知道要把广告放在某个高度，这样的方法很适合 如果想要将广告放置所有侧边栏位的下方，此方法变得很不实际 因为侧边栏位的高度可能因发表一篇新的文章而改变 参数改成 top: 0px; left: -200px; 就可以偷偷隐藏广告啦! * 将所有广告排排站，摆到网页的最左方 接下来要介绍的是本篇文章的重点，别怪我没提醒要看到最後喔 因为广告繁多，想说乾脆都把广告摆在一起，全都放到网页左方一排 可参考文章第一张图的广告位置 重点是文章内容与一般侧栏仍维持在网页的正中央 萤幕解析度越高，广告与文章便会越远，也就是较不显眼，版面看起来乾净许多 不过此方法只适用於一个侧边栏位的版面，双侧边栏位不适用 (1) 更改侧边栏位设定 至後台侧边栏位设定，将使用的栏位都移至侧栏2 侧栏1只摆广告的部分(如BloggerAds)，参考下图 http://pic.pimg.tw/weilife/1369057298-3235030017.jpg (2) CSS原始码编辑 这边的要改的东西比较多，将原本的标签配置图改成下图，共需修改六个标签的位置 ps. 以下修改依照目前图中所绘的版面，版面不同的话要请各位想一下再修改喔! 03 * 以下标签只修改标签的宽度与位置，只要把这些属性加进原本的标签里，其他的属性请不要删除 #container{ width: 100%; /* 将container的宽度调整成100%，让广告可以放置最左方 */ } #header, #content, #footer{ left: 50%; /* 方框的左边对其网页的中央 */ margin-left: -500px; /* 将方框往左移500像素，因为header+link-row-2总共1000像素 */ z-index: 2; /* 若视窗太小时，广告与文章区域会重叠，让广告不要遮住原本的文章 */ } #links-row-1{ position: absolute; /* 将第一侧栏限定绝对位置，网页左上角 */ left: 0px; /* -200px 的话广告就不会显示在网页上罗!!! */ top: 0px; } #links-row-2{ position: absolute; left: 50% /* 方框的左边对其网页的中央 */ margin-left: 200px; /* 将方框往右移200像素， */ } 概念大概就是移动标签的位置，只要搞清楚 left 与 margin-left 的涵义，就轻而易举罗! MIB广告刚好与BloggerAds宽度一样，摆起来真是整齐!! 昨天观察的结果，MIB广告有时候出不太来，拖慢了整个网页速度，希望痞客帮可以尽快 改善这点 * 大家最关心的xx广告 刚刚上面有提到怎麽将广告隐藏，但网页还是会读取广告资讯 只是将广告放在使用者看不到的地方，一样会拖慢网页速度 怎麽将广告整个拿掉，因为怕写出来痞客帮会来关切，想知道的请以悄悄话留言 一样，不适用於双侧栏版面，满版面OK --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 122.116.218.218 回信给你罗:p 痞客帮不让使用者调整MIB广告的资讯，所以在後台找不到栏位的 如果只是要隐藏的话，内文有喔~请再找找看 如果要整个拿掉，请到我的痞客帮留悄悄话 痞客帮近期可能还会针对JS破解的方法来进行改版 只要一改标签此楼上连结的方法便又失效，比较推荐一劳永逸的方法 虽然我的方法痞客邦也可能会破解，但依目前的架构来说是比较推荐的 现在mib广告都还在测试期间，所以无法知道好不好赚 也就是说现在应该是免费给他挂广告的 等之後正式上线，後台会有广告金与成效这些资讯可以看 ※ 编辑: wei76422 来自: 122.116.218.218 (05/24 16:59)