上面這張圖片展示了美麗說–逛寶貝頁面中，瀑布流中的廣告位，美麗說作為國內女性購物分享網站的佼佼者，其精美的內容，清晰的運營思路，是值得我們站長學習的，尤其是網站內的廣告位，穿插的恰到好處，就拿上面圖片中的廣告位而言，廣告所在的位置，既不會影響到網站美觀，也不影響用戶體驗，而且廣告的內容可以根據分類或者標簽的不同而改變，可以大大提升廣告的價值，為運營增加收益。

  那么如何在方維程序加入這個廣告位呢，其實呢，如果在其它地方創建廣告位，是一件很簡單的事情，但是這個廣告位是在瀑布流中的，在這里添加廣告位是否會影響到瀑布流的布局，答案是肯定的，但是如果我們進行一些修改，是可以完成這個要求的，首先要分析瀑布流的顯示原理。

  方維的瀑布流是采用的/public/js/jquery.masonry.js這個jQuery插件完成的，在你當前模板文件的page/book/book_index.htm中：

 $(‘#imagewall_container’).masonry({
  itemSelector: ‘.i_w_f’,
  isAnimated:true,
  gutterWidth:15,
  gutterHeight:8,
  columnWidth:225,
  cornerStampSelector:’.corner_stamp’
 });

這段代碼創建的瀑布流顯示效果， cornerStampSelector:’.corner_stamp’代碼是我自己添加的，.corner_stamp就是廣告位的div的class名稱，這兩個英文很明顯的說明是“角上的圖標”，添加這個廣告位需要對jquery.masonry.js進行修改，具體修改辦法可以去jquery.masonry.js官方查看:

http://masonry.desandro.com/demos/corner-stamp.html