樱花

2013年1月16日星期三

部落格廣告

目前的部落格廣告大致為以下四種：

(比較推薦的是 1 跟 2 )

1. UrlAD部落格廣告聯盟

網址：http://www.urlad.com.tw/Bloger/Bloger_01.aspx?affil=mystic77

2. BlogAd部落格廣告聯盟

網址：http://www.blogad.com.tw/BlogAD/About/Default.aspx?L=aav0823

3. 部落客廣告BloggerAds

網址：http://author.bloggerads.net/01_join_read.aspx?refid=20304&id=20100724000092

4. Google Adsense

網址：https://www.google.com/adsense/login/zh_TW/?destination=/adsense/home

一個部落格可以放很多家的廣告喔!!

Google Blogger 模板设计器使用教程

对于我这种没学过 HTML、CSS 的人来说，对 Blog 的页面设计只有美好想法，很难达到自己想要的效果

现在不同了，Google Blogger 推出了方便好用的模板设计器，让页面布局修改不再需要面对一堆 HTML 语言，新手也能设计出精美的 Blog 版面

如同现今的软件都是拿 Beta 版当正式版用，Alpha 版当测试版用

Google Blogger 也要用 Blogger in Draft 测试区才能体验到便捷无比的模板设计器

首先登录 Blogger 测试区 http://draft.blogger.com/home

点击布局→修改 HTML→下载完整模板以备份原有模板

再点击模板设计器

如果你之前对 Blogger 修改较多，切换到 Blogger 模板设计器中的预设模板可能会导致一些自定义功能失效

所以感觉改得不爽就可以用刚才的备份回复之前的设置

第一项模板

用于布置 Blog 页面主体构架

第二项背景

用来选择 Blog 的页面背景图，这里可选的图片质量都很高

第三项布局

可以设定正文和页脚的分栏，最方便的还是调整宽度这一项，以前改 HTML 改得我焦头烂额，如今轻松搞定

第四项高级

此项的选择比较多，不过要动的地方基本没有，也就不多介绍

最后，要改 Favicon 的话

进入布局中的修改 HTML 界面

用 Ctrl+F 搜索 <b:skin>

在 <b:skin> 的上方加入以下字符保存即可

<link href="图片地址" rel="shortcut icon">

擁有你的個人部落格？太棒了！

這裏有最簡單的也是最有效的方法,包括最好的鏈結交換或者是橫幅鏈結交換服務, 當然,還有更多...

1. 輸入您的部落格地址

2. 把代碼放入您的部落格，和全世界一起分享它。讓BlogUpp! 偕同讀者更有效地推廣您的部落格！

只要輸入網址它就會給你語法~貼到你的部落格等審核成功就行囉!!!

這是網址~~http://www.blogupp.com/

小綠泡書局泡四個小時才找到的~~很辛苦

在blogger首頁只顯示文章摘要, 隱藏全文的做法

首先要注意的是, 每次修改之前, 最好先備份一下模板.

備份說明: 按一下 "下載完整模版", 把目前的template 另存到電腦.

先選擇範本--> 修改 html --> 打勾展開小裝置範本

1.在 head 後面加入這行程式



<script 
type="text/javascript">


function toggleIt(id) {


post = 
document.getElementById(id);


if (post.style.display != 'none') 
{


post.style.display = 'none';


} else 
{


post.style.display = 
'';


}


}




function showFullPost(id) 
{


var post = document.getElementById(id);


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


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


if (spans[i].id == 
"fullpost")


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


if 
(spans[i].id == "readmore")


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


}


}




var fade = 
false;


function showFull(id) {


var post = 
document.getElementById(id);


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


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


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


if 
(fade) {


spans[i].style.background = 
peekaboo_bgcolor;


Effect.Appear(spans[i]);


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


}


if (spans[i].id == 
"showlink")


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


if 
(spans[i].id == "hidelink")


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


}


}




function hideFull(id) 
{


var post = document.getElementById(id);


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


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


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


if 
(fade) {


spans[i].style.background = 
peekaboo_bgcolor;


Effect.Fade(spans[i]);


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


}


if (spans[i].id == 
"showlink")


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


if 
(spans[i].id == "hidelink")


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


}


post.scrollIntoView(true);


}




function 
checkFull(id) {


var post = 
document.getElementById(id);


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


var found = 0;


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


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


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


found = 
1;


}


if ((spans[i].id == "showlink") && (found == 
0))


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


}


}


</script>

2.再來就是找到下列這段程式碼, 把相關程式加上去



<b:includable id='post' 
var='post'>


<div class='post' expr:id='"post-" + 
data:post.id'>


<a 
expr:name='data:post.id'/>



<div 
class='post-header-line-1'/>


<div 
class='post-body'>


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


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


<b:else/>


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


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


<span 
id='showlink'>


<p><a 
expr:onclick='"javascript:showFull(\"post-" + data:post.id + 
"\");"'


href='javascript:void(0);'>[+/-] 
繼續閱讀...</a></p>


</span>


<span 
id='hidelink' style='display:none'>


<p><a 
expr:onclick='"javascript:hideFull(\"post-" + data:post.id + 
"\");"'


href='javascript:void(0);'>[+/-] 
只顯示摘要...</a></p>


</span>


<script 
type='text/javascript'>


checkFull("post-" + 
"<data:post.id/>");


</script>


</b:if>


<div 
style='clear: both;'/> 
</div>

其中,繼續閱讀及只顯示摘要的文字, 可以自己換掉.

4. 在設定-->格式

文章範本加入這行



"文章摘要的部分<span 
id="fullpost">這裡是要隱藏的部分</span>"

利用JavaScript加密文章內容

曾經使用過有名大站的人，或許會很喜歡它的文章密碼鎖定這個功能（至少我一些朋友不肯離開有名大站就是因為Blogger沒有這個功能），我曾經在Blogger Hacks的Wiki上看到一個「Encrypted blog posts」，這是一個利用JavaScript將文章內容以Advanced Encryption Standard (AES) 256 bit加密，就以我那低空飛過的密碼學的認識來說，安全性是足夠的，加密過後的文章會以不規則的英文顯示，當你想要看原始的文章內容，則需要輸入一串加密時所使用的Key（自行設定的字串），所以當你忘記key的內容，就無法看到原始的文章內容。

當初之所以沒有用這個Hack，是因為我覺得既然要在Blog上PO文又何必怕被人看呢？但是在跟朋友強力推薦Blogger時，卻又常常被以文章沒有保密的功能而加以回絕，昨天因RaRaYA的留言又讓我想起了這個Hack，於是決定將這個Hack的用法寫出來，順便看能不能打動我的朋友也加入Blogger的行列。

我在這裡有做了一篇Demo，建議各位先去看看，如果覺得這個效果不錯，再往下看這的Hack的做法。

前面提過這Hack是利用JavaScript以AES 256 bit將文章加密，所以第一步就是要將加密/解密用的Javascript加入範本中，所以請將下列的程式碼加入範本的</head>之前：<script src='http://vincentcheung.googlepages.com/blogjscrypt.js' language='JavaScript'></script>
到這個網頁將文章加密；“key”的欄位可自行輸入，也可以按自動產生，但是key的內容請一定要留著，因為文章的解密一定要用，如果忘記key的內容，我想大概也沒有人能解出原來的文章內容。
“Plain Text”這個欄位輸入想要加密的文章內容，按下會在下方的“Cipher Text”產生加密過後的字串。
而要在Blog內顯示的做法，就像我在Demo頁面有二種，一種是顯示加密過後的內容，一種是隱藏加密過後的內容，方法如下：
方法一（Demo1）：
<a href="javascript:Decrypt_text('unique_name');">Decrypt text（文章解密）</a> <div id="unique_name">這裡輸入步驟3所產生的字串</div>

方法二（Demo2）：
<a href="javascript:Decrypt_text('unique_name', '這裡輸入步驟3所產生的字串');">Show encrypted text（顯示加密過後的字串）</a> <div id="unique_name"></div>
而當你要解密時，按下上面所產生的連結時，會出現一個字串輸入視窗，將步驟2的key輸入就會將字串解密為原來的文章，所以當你只想讓特定的人士觀看你的文章時，只需要將步驟2的“key”給那個人即可，而不知道“key”的人所看到的不過就是一堆不相關英文字串，這樣就能有文章保密的效果了。

在步驟4中“unique_name”代表的是Div的ID，請儘量取一個不會和別的Div重覆的名字。紅字部份一定要填入“Cipher Text”的內容，這是文章解密的依據。
“key”的內容一定要備份。

blogger貼影片

Google提供的Blogger...
https://www.blogger.com/

登入後...在控制主頁按【新文章】...
先去複製YouTube提供的Embed語法...
在Blogger編輯頁面...先點【修改HTML】...
再把Embed語法語法貼入...

再點回【撰寫】...此時物件顯示不正常也不用理它...
繼續編寫你要說明的文字及排版...
完成後按【發佈文章】即可...

blogger.com、pixnet、天空、樂多、XUITE比较

blogger是google的服務
台灣人比較不習慣使用介面
在國外比較熱門
功能介面算是較為陽春，最近有改版過
使用族群算是比較成熟

PIXNET是交大學生出來的，今年跟傳統媒體城邦集團結盟合作
目前是網路業界算是滿看好的BSP
也是無名搬家潮中大部份網友選擇的一家BSP
也提供各BSP搬家系統
功能上幾乎該有的都有了
完全整合後台
族群分佈各年齡層

天空跟PIXNET有點類似
在功能服務上都很完整
但天空動線不順暢
很多人不太喜歡天空的介面和操作方式

樂多功能其實非常陽春跟雅虎、blogger差不多
所有一切都靠其他外掛
所以比較年輕喜好多種功能的族群比較不會使用樂多

XUITE因為靠當初的狂雜電視CF而提高知名度
但實際上大多人因為是有hinet帳號所以才有XUITE
許多人使用他的網路硬碟空間
但不選擇他的部落格或相簿服務
主要原因應該不是在於功能或動線
單純是朋友不再那吧～沒有社群就不容易留住人

订阅：博文 (Atom)

网页浏览总次数

2013年1月16日星期三

這裏有最簡單的也是最有效的方法,包括最好的鏈結交換或者是橫幅鏈結交換服務, 當然,還有更多...