到底Facebook 與 google+,誰強誰弱,網路上大家的看法不一:
魔旅士:為何 google+ 比較遜 ?
http://morrisjfwong.com/blog/why-google-plus-not-a-plus/
商業周利:不只是社群網站!10個你應該再試試Google+的理由
http://www.businessweekly.com.tw/KBlogArticle.aspx?id=4560
而我個人使用比較之後,感覺上卻比較喜歡使用google+
這種感覺,如同在我多年前先使用yahoo email ,gmail 出現後,我就以gmail 為主,yahoo email 為輔了。
而現在,也正是這種感覺。最近我用到google+之後,我就以google+為主要使用的社群網站工具,facebook為輔助工具了。
二者的差別到底在那裏?
我覺得,這不能單單以使用項目來作對比(這種比較方式,google+ 並沒有比較強)。
但以google 整體服務項目來比較,我倒是覺 google+強多了。
舉例來說,我在youtube,發了一支個人影片。沒多久(正確時間,我沒有注意,但不會超過一日),
google 就可以搜與到了。
另外一件事,更可怕,
google+,我發表了一篤文章,不到10分鐘,google 就可以搜到了。
畢竟,這都是google 自家的產品,不是嗎?
電話:02-2737-5790,此為防水抓漏飛鼠工程建立之blog,主要是研究防水工法、抓漏工法、
抓漏技術、各種儀器抓漏、高科技抓漏之技術之公司。
因為我們專精於高科技抓漏,擁有管道攝影機、內視鏡、蛇管、漏水檢測器、漏水檢知器、漏水檢測儀器、漏水檢查、漏水檢修,並能進行高空非破壞性檢測工程。
www.leakproof.tw
LineID:gotop123
email:detective.leak@gmail.com
2014年4月13日 星期日
抓漏職人網站google badge修改記錄
想要將自已的網站 www.leakproof.tw 增加google badge,過程想做個記錄。
原先的網站長相如后:
打算修改如后:
先到
https://developers.google.com/+/web/badge/?hl=zh-tw
輸入google plus的帳號密碼
寬度由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;
}----------------------------------------
完工。
原先的網站長相如后:
抓漏職人修改前網站 |
抓漏職人修改後網站 |
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;
}----------------------------------------
完工。
訂閱:
文章 (Atom)