原先的網站長相如后：
 |
| 抓漏職人修改前網站 |
 |
| 抓漏職人修改後網站 |
https://developers.google.com/+/web/badge/?hl=zh-tw
輸入google plus的帳號密碼
 |
Google+ 徽章- Google+ Platform — Google Developers |
寬度由300，調為210(這是配合自已網站的設定值)，若是這個值設定的不恰當，程式碼
data-width="210"
這個值，也可以進行修改
按進階設定下拉選單
非同步:不勾選
剖析標記：選擇>預設 (載入時)
複製程式碼，如下：
----------------------------------------------------
<!-- 將這個標記放在標頭中，或放在內文結尾標記前面。 -->
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
{lang: 'zh-TW'}
</script>
<!-- 在您要顯示「小工具」的位置放上這個標記。 -->
<div class="g-page" data-width="210" data-href="//plus.google.com/u/0/100798189333635204519" data-rel="publisher"></div>
-------------------------------------------------
有二個檔案，需要修改
index.html
ix2-body.css
方式如下：
index.html中
原程式中，大約Line41-Line51，div的結構需要，新增一組div，以利插入google badge。
原程式碼如下：
-----------------------------------
<div>
<ul>
<li><img src="pic2/discuss.jpg" title="" alt="" /></li>
<li><img src="pic2/flags.jpg" title="" alt="" /></li>
<li><img src="pic2/graph.jpg" title="" alt="" /></li>
</ul>
<div>
<h3>高空防水、高科技抓漏 <span>讓抓漏達人、抓漏大師也折服</span></h3>
<p>飛鼠工程不同於一般坊間抓漏防水公司。飛鼠工程除一般屋頂防水、廁所防水、壁癌處理外，更專精於高科技專漏，擁有管道攝機、蛇管、漏水檢測器、漏水檢知器、漏水檢測儀器、漏水檢查、漏水檢修，並擁有繩索技術協會高空作業技術員，能進行高空外牆防水及高空非破壞性檢測工程。</p>
</div>
</div>
---------------------------------------
修改後程式式碼如下：
----------------------------------
<div>
<div class="t1">
<ul>
<li><img src="pic2/discuss.jpg" title="" alt="" /></li>
<li><img src="pic2/flags.jpg" title="" alt="" /></li>
<li><img src="pic2/graph.jpg" title="" alt="" /></li>
</ul>
<h3>高空防水、高科技抓漏 <span>讓抓漏達人、抓漏大師也折服</span></h3>
<p>飛鼠工程不同於一般坊間抓漏防水公司。飛鼠工程除一般屋頂防水、廁所防水、壁癌處理外，更專精於高科技專漏，擁有管道攝機、蛇管、漏水檢測器、漏水檢知器、漏水檢測儀器、漏水檢查、漏水檢修，並擁有繩索技術協會高空作業技術員，能進行高空外牆防水及高空非破壞性檢測工程。</p>
</div>
<div class="t2">
<!-- 在您要顯示「小工具」的位置放上這個標記。 -->
<div class="g-page" data-width="210" data-href="//plus.google.com/u/0/100798189333635204519" data-rel="publisher">
</div>
</div>
</div>
-------------------------------------------------------
Line183-Line184，附近需加入程式碼
原程式碼，如下：
--------------------
</div>
</body>
-----------------------
修改後程式碼，如下：
---------------------
</div>
<!-- 將這個標記放在標頭中，或放在內文結尾標記前面。 -->
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
{lang: 'zh-TW'}
</script>
</body>
-----------------------------------
ix2-body.css，修改方式如下：
原程式碼：大約Lin13-Line37
-------------------------
#body .header div {
background: url(../pic2/smiling-man.jpg) no-repeat bottom right;
/* background: #FFCDFE; */
height: 472px;
margin: 0 auto;
padding: 0;
width: 960px;
}
#body .header div .left {
float:left;
background: #CDFEFF;
margin: 0;
padding: 0 30px 0 13px;
height: 400px;
width: 650px; /* 490px */
}
#body .header div .right {
float:right;
background: #9291FF;
margin: 0;
padding: 0 30px 0 13px;
height: 400px;
width: 180px; /* 490px */
}
--------------------------------
修改後，程式碼如下：
----------------------------------
#body .header div {
/* background: url(../pic2/smiling-man.jpg) no-repeat bottom right; */
background: 0; /* #FFCDFE; */
height: 472px;
margin: 0 auto;
padding: 0;
width: 960px;
}
#body .header div .t1 {
float:left;
background: 0; /*#CDFEFF; */
margin: 0;
padding: 0 0 0 13px;
height: 400px;
width: 650px;
}
#body .header div .t2 {
float:right;
background: 0; /* #9291FF; */
margin: 0;
padding: 50px 30px 0 13px;
height: 400px;
width: 180px;
}----------------------------------------
完工。
