2月 2008 --- webok20180316

2008年2月25日星期一

什麼是部落格？

部落格(Blog)並非是什麼新技術，但它是一個新的網路平台，提供了良好的操作介面與串連與互動性，讓人不需要知道太多複雜的電腦技術，便可以盡情組織一個屬於自己的高度傳播的網路媒體，這是一般網站平台所很難達到的一種特性，所以企業使用Blog跟使用傳統的網站，兩者並不相抵觸，反而還具有相乘的功效。

Blog的好處，在於它的後台介面簡易，可以節省教育訓練學習上手的時間，而且它在搜尋引擎上的能見度與曝光度，比傳統的網站好更多，Blog本身適用於經常會有文件發佈的產業，可以提供更多的延伸閱讀服務(例如成為企業電子報的輔助連結、或利用RSS的訂閱特性進行網路傳播)，使用Blog也可以加強與網友的互動，能夠以故事敘述性的方式做產品置入性行銷與蒐集回應，也能當作是新的客服回答溝通管道，所以說用Blog來做為行銷輔助、探測市場反應或後續客服都是相當適當的選擇，使用Blog是一種趨勢，而未來會有更多行業領域的企業，使用類似或是更新的平台來進行商業的行為。

2008年2月20日星期三

Google Blogger的優勢

到底申請Google Blogger有何特點優勢，請聽我娓娓道來...

Blog可付費購買獨立網址設定成專屬的網址名稱，網址就等於是您的網路品牌，網址所有權有您自己擁有掌握，不用再去申請那種很長不容易記憶的網址(一看就是不專業的廉價服務)。
Blog內預設不會擺上其他廣告，讓您的不再需要擔心租用來的部落格上被放一堆不相干的廣告影響閱讀與形象。
可擴充Google眾多服務及豐富資源，可以整合：Picasa(圖片編輯管理與相簿服務)，網址：http://picasa.google.com/、http://picasaweb.google.com/、Google文件(上傳存放檔案、也可以在此撰寫文章再發表到Blogger裡)，網址：http://docs.google.com/、Google 協作平台(網頁空間與網頁編輯，以前是Google Page Creator)，網址：http://sites.google.com/、Google Analytics(流量分析)，網址：http://www.google.com/analytics、Google AdSense(藉由您網站上的相關廣告賺取收益)，網址：http://www.google.com/adsense
可支援高達100人共筆更新部落格，也可以用寫E-Mail的方式撰寫文章再發表到Blogger裡，更新維護超方便。
可以自行編輯模版與下載模版做備份及還原，也可以自行安裝備份軟體下載部落格文章與回應資料。
若不喜歡部落格預設的美編樣式，網路上有許多資源提供新模版可供您自行下載運用。
網路上有許多針對Blogger的專屬免費資源，可靈活運用加入或刪除元件，未來擴充彈性自由度高。
一篇文章可以放在多個分類(標籤)裡，增加被點閱觀看到的機率。
無限制發表文章上限數(但每天限制發表50篇文章)，亦無限制部落格流量。
上傳圖片容量可達到1GB的大空間，還可上傳AVI、MPEG、QuickTime、Real 及 Windows Media的多媒體影音檔案(每個檔案需為100MB以內，無容量限制上限)。
使用Blogger服務能在Google搜尋關鍵字時能得到較佳的排序。

WEBSPACE Blogger加值付費服務
若您弄不清楚與沒有時間去申請與設定Blogger，我們提供代為申請設定Google Blogger的服務(您就可以比較專心在寫部落格文章上)，第一年包含專屬網址及設定費共需4,000元(新台幣/含稅)，第二年以後每年繳交2,500元(新台幣/含稅)，可包含以下項目：

代您申請一個Gmail免費電子信箱服務。
代您申請一個Google Blogger服務，並代為做基本設定。
讓您擁有獨立專屬部落格網址(本方案內含贈送.com.tw或.tw台灣專屬獨立網址，並代您設定對應)，以您的名義註冊專屬獨立網址(不是子網域或子目錄，您擁有此網址所有權)，不怕網址被「綁架」造成未來經營困擾，方案上線時您可以查證網址是否標明為您所有，讓您輕鬆建立網路部落格品牌，不必再受限於人使用一些冗長無自有掌控權的次網域或子目錄網址。
提供相關資源說明文章以及使用經驗分享。

◆租用或購買WEBSPACE架站方案再申請上述WEBSPACE Google Blogger服務者，可享搭配優惠價：第一年年繳2,800元(新台幣/含稅)，第二年以後每年繳交2,000元(新台幣/含稅)。

◆需要額外美編設計或其他特殊設定則視您所需的規格再另行報價！

◆本服務僅協助您申請Google Blogger提供之網路服務並提供獨立網址對應設定，您必須同意遵守Google條款規定，若因Google服務政策變更需產生其他費用或中斷本服務時，您如不願意繼續遵守則該年費用不得申請退費，隔年到期日後則自動停止本服務不續租。！

◆本服務簡報請下載：http://www.webok1.com/WNHelp/Blog-Service.pdf

◆本服務合約與申請規格價位表請到此下載：http://www.webok1.com/WNHelp/Blog-Rent.doc
本服務的市場定位：

若有需要上述代為申請設定付費服務請與我聯絡
電子郵件：eyeshop.jerry@gmail.com
Msn：jerrysu@ms27.url.com.tw

2008年2月13日星期三

網站鑑賞電視錄影教學

Jerry受邀到國立空中大學教學頻道電視課程影音錄影，以網站鑑賞為一系列主題教授播放在空大電視訊道與華視超高頻，播出時間為從93年9月中旬至94年1月中旬每週五晚間8～9點。

第一段錄影：

第二段錄影：

Blogger首頁長篇文章的收合或繼續閱讀連結設定

這是針對Blogger首頁的單篇文章直接全部顯示出來佔到太多首頁版面的問題所做的修正設定，這樣您就可以自行決定該篇文章在首頁只要出現哪幾行摘要....(站長說明，這篇是舊的作法，目前Google Blogger已有內建繼續閱讀的功能，詳情請參考本站另一篇文章說明)

登入Blogger管理後台，版面配置/修改HTML，記得勾選「展開小裝置範本」，到最前面定義CSS Style的地方，隨便哪裡都可以，貼入以下基本的定義，其中那兩個<span> 用的 class "showDetail", "hideDetail" 是用來定義那個收合文章用的連結樣式，自己可以新增對該連結的設定：


/* Style of detail article toggle */

span.showDetail {

  float: right;

  border: 1px solid #333;

  font-size: 8pt;

  margin: 10px 0 10px 0;

  padding: 0 10px 0 10px;

}



span.hideDetail {

  display: none;

  float: right;

  border: 1px solid #333;

  font-size: 8pt;

  margin: 10px 0 10px 0;

  padding: 0 10px 0 10px;

}

找範本的 </head> 標籤，把下面幾行 javascript 貼到該標籤的前面：


<!-- User defined inline javascript -->

<script language='javascript' type='text/javascript'>
<!-- Script functions for show detail article checking: showDetail(), hideDetail(), checkDetail() -->
function showDetail(id) { 
  var spans = document.getElementById(id).getElementsByTagName('span');

  for (var i = 0; i &lt; spans.length; i++) {

    if (spans[i].id == 'detail' || spans[i].id == 'hideDetail')

      spans[i].style.display = 'inline';

    if (spans[i].id == 'showDetail')

      spans[i].style.display = 'none';

  }

}


function hideDetail(id) {

  var post = document.getElementById(id);

  var spans = post.getElementsByTagName('span');

  for (var i = 0; i &lt; spans.length; i++) {

    if (spans[i].id == 'detail' || spans[i].id == 'hideDetail')

      spans[i].style.display = 'none';

    if (spans[i].id == 'showDetail')

      spans[i].style.display = 'inline';

  }

  post.scrollIntoView(true);    

}



function checkDetail(id, link) {

  var spans = document.getElementById(id).getElementsByTagName('span');

  for (var i = 0; i &lt; spans.length; i++) {

    if (spans[i].id == 'detail') {

      spans[i].style.display = 'none';

      document.write('&lt;span id=showDetail class=showDetail&gt;');

      document.write('&lt;a onclick=javascript:showDetail(\&quot;'+id+'\&quot;); href=javascript:void(0);&gt;完整閱讀...&lt;/a&gt;'); 

      document.write('&lt;/span&gt;');

      document.write('&lt;span id=hideDetail class=hideDetail&gt;');

      document.write('&lt;a onclick=javascript:hideDetail(\&quot;'+id+'\&quot;); href=javascript:void(0);&gt;文章收合...&lt;/a&gt;'); 

      document.write('&lt;/span&gt;');

    }

    else {

      if (spans[i].id == 'fullpost') {

        spans[i].style.display = 'none';

        document.write('&lt;span id=showDetail class=showDetail&gt;');

        document.write('&lt;a href=\"'+link+'\"&gt;閱讀全文...&lt;/a&gt;');

        document.write('&lt;/span&gt;');

      }

    }

  }

}

</script>

找到這一段(位置和版面可能會因樣版不同而有所差異)：


<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->

改成：


<div class='post-body' expr:id='"post-" + data:post.id'> <!-- Add show detail check -->

<b:if cond='data:blog.pageType == "item"'>

      <p><data:post.body/></p>

<b:else/>

      <style>#detail, #fullpost {display:none;}</style>

      <p><data:post.body/></p>

      <script type='text/javascript'>

        checkDetail(&quot;post-&quot; + &quot;<data:post.id/>&quot;, &quot;<data:post.url/>&quot;);

      </script>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

在Blogger的後台：設定/格式/文章範本裡加入下面這一行：


<span id="detail"></span>

以後每次要發表新文章的時候在切換到「修改Html」時就會出現以下標籤：

<span id="detail">

這是要隱藏剩下的完整內文

</span>

標籤內的文字就會在首頁被隱藏起來，而標籤外(不管是前面或後面)的文字就變成該文章的前言或摘要。以上是只有在首頁才會有的效果，如果是單篇獨立文章的連結，不會有展開折疊的連結。如果你不想使用文章收合的效果，要用固定連結，只要把上面的 id 名稱從 detail 改成 fullpost，就可以有獨立文章連結的效果了。

成立源由及宗旨

本站成立於2008年2月，主要是以網站相關軟體設計與應用的教學資訊為主，並將原本CorelDRAW網路藝廊、FrontPage教室、PhotoImpact愛秀網等教學站台資料轉到本站以部落格形式繼續經營分享！
希望以部落格的型態能提高互動與即時便利，整合過的資料也會較為利於尋找觀看！也期許自己與觀看的網友們能夠在學習上都很OK順利～！