网页浏览总次数

2013年1月16日星期三

如何移除Yam(天空部落)側邊欄的贊助商廣告與系統公告

移除YAM的系統贊助廣告
YAM(天空部落)雖然好用,也形成了一定的聚落,可是它總是會在我們的格子內擺放些有的沒有的廣告,像是「贊助商廣告」之類的東東,而且還是擺放在側邊欄最上面最顯眼的位置,誰叫我們要寄人籬下,雖然也我不反對要適當的給這些BSP(部落格服務商)一些賺錢的方法,讓他們可以繼續生存,但這樣子把最好的廣告位置視為其理所當然的廣告擺放位置,而且連一杯羹都不分給部落格格主,簡直就是把部落客當成免費的內容提供者,這點讓我非常地不能接受。
其實我衷心的建議YAM能夠多為它的部落客們想想,把這些廣告收入與提供內容的部落客分享,或是學學其他的BSP業者,幫客戶在其部落格中掛上Adsense廣告,然後互相拆帳,這樣也比較不會被罵得這麼慘。
還好YAM(天空部落)的工程師還算有點良心,在其程式的後台留下了伏筆,可以讓我們透過修改其佈景的CSS語法,手動移除其系統公告、贊助商廣告、其他資訊…等欄位。另外RSS及Power By YAM則不行。所以下面的方法將教你如何選擇性移除這三個功能中的任何一項或全部。



1. 進入YAM(天空部落)的後台,點選「管理首頁」,在其左側邊欄點「樣板設定」,然後再點擊「編輯CSS檔」。移除YAM的系統贊助廣告
2. 在【CSS設定】的欄位最底下增加下面的程式碼,你可以選擇性的只移除其中一項,如「贊助商廣告」或是全部,記得完成後要按下「存檔」。
/* 移除贊助商廣告 */
div#sponsorAd
{display:none;}
/* 移除系統公告 */
#systemAnnouncebyyam
{display:none !important;}
/* 移除其他資訊 */
#othermessage
{display:none !important;}
移除YAM的系統贊助廣告
3. 再回頭來看看我們的首頁,果然那些系統公告、贊助商廣告、其他資訊都不見了,這樣子的畫面是不是乾淨多了。移除YAM的系統贊助廣告

Google 殺手應用 YouTube Capture 從 iPhone 上傳編輯影片

Google 殺手應用 YouTube Capture 從 iPhone 上傳編輯影片



YouTube Capture-05 002 youtube capture-07
Google 最近在 iOS 上有不少大動作,影響最大的當然是上週推出後目前已經達到一千萬次下載量的 Google 地圖 iPhone App,而更早之前, Google 也推出了關於 GmailYouTube iOS AppGoogle+ 的更新,讓一系列 Google 服務現在也能夠在 iPhone、 iPad 等裝置上更完整的使用。
而今天 Google 趕在年底前又推出了一款殺手級應用: YouTube Capture 」,一個可以讓你從 iPhone、 iPod Touch 上拍攝、上傳影片到 YouTube 的免費軟體!
透過「 YouTube Capture 」,你可以直接拍攝影片,具備了穩定攝影、色彩修正等內建功能,拍攝完成的影片可以從軟體裡直接編輯描述、新增背景音樂,然後上傳 720p HD 高畫質檔案到你的 YouTube ,或是直接分享到 Facebook、 Google+ 等其他社群上。


下載安裝「 YouTube Capture 」,登入你的 Google 帳號,就能開始使用。
YouTube Capture-01 YouTube Capture-02

除了新拍攝的影片,也可以選擇之前手機內拍過的影片上傳。
YouTube Capture-03 YouTube Capture-04

上傳前,可以在設定裡選擇上傳的畫質。
YouTube Capture-05 YouTube Capture-04 002

拍攝畫面也很簡單,按下錄影鍵便能開始攝影。
YouTube Capture-05 002

完成拍攝後,就會進入上傳影片的編輯畫面,你可以編輯影片資訊、選擇要分享的社群,以及透過強化功能,修正影片的色彩,或是幫影片加上配樂。
youtube capture-07 youtube capture-08

下面就是我簡單利用「 YouTube Capture 」拍攝的影片,可以看到我雖然是手持 iPad 拍攝,但影片中看起來的晃動程度有經過軟體的大幅修正(原本單手拿 iPad 所以手一直抖),「 YouTube Capture 」的影片穩定度功能確實有作用。
這是一款非常值得一試的 Google 官方工具,有興趣的朋友可以立刻去下載。

將 Adsense(部落格廣告) 放到 YAM(天空部落) 部落格

將 Adsense(部落格廣告) 放到 YAM(天空部落) 部落格



http://blogger-script-study.blogspot.jp/2009/12/adsense-yam.html
當你收到 Adsense 的審核確認信之後,就可以開始擺放 Adsense 程式碼到你的部落格之中,然後就等著廣告點擊獎金一點一滴的慢慢流到你的帳戶,請注意:Adsense 規定廣告獎金要達到 USD$100.0以上才可以領款,且所有人必須年滿 18 歲才可以領取,應該是要繳稅的關係吧!有件事絕對要注意的,不要輕易的點擊自己部落格的廣告,否則會被視為『違規』事件處理,網路上已經有很多人POP文說被Adsense停權並沒收廣告獎金了。
1. 點選【Adsense 設定】頁簽進行設定。Adsense_script01
2. 點選【Adsense 內容廣告】進行設定。
Adsense_script02

3. 這裡有【廣告單元】及【連結單元】兩種廣告。
【廣告單元】就是有標題並可能包含文字或圖像廣告,或只有文字,或只有圖像,可以點選下拉選單作選擇,可以參考其右邊的圖示。
【連結單元】就是只有標題,但是每個連結單元都會顯示幾組與您網頁相關的主題清單,可以參考其右邊的圖示。
這裡我們先選擇【廣告單元】作示範。然後按【繼續】…

Adsense_script03

4. 在【格式】的地方,我們先選擇【468x60橫幅】。
Adsense_script04

5. 其他的設定先暫時維持原設定不動,按【繼續】按鈕。
Adsense_script05

6. 這裡要你選擇【頻道】,但我們還沒有任何頻道,所以按【新增頻道】來新增一個頻道,其實也可以直接按【繼續】。
如果你想瞭解
何謂頻道?Adsense 有詳盡的解說,但大部分的人還是有看沒有懂,其實就是一種點擊行為的追蹤,後面有機會來談吧!
Adsense_script06

7. 建議先輸入你的部落格主目錄網址當作新的頻道名稱,以YAM(天空部落)為例,可以輸入 http://blog.yam.com/Your-Blog-Address (其中的Your-Blog-Address就是你的部落格位址)。輸入完成後按【確定】按鈕。 Adsense_script07
8. 回到步驟6的畫面,可以看到已經有剛剛輸入的頻道出現了,按【繼續】按鈕。
Adsense_script08

9. 可以改一個自己喜歡的【Adsense廣告單元名稱】,然後按【提交並取得程式碼】按鈕。
Adsense_script09

10.複製【Adsense廣告單元程式碼】。
Adsense_script10

11.進到 YAM(天空部落) 的管理介面,點選【個人資料】功能表,在【部落格描述】的欄位貼上剛剛複製的程式碼。
Adsense_script_yam01

12. 等10分鐘左右,就可以在 YAM(天空部落)的頁首地方看到 Adsense 廣告出現了。
Adsense_script_yam02

13. 經過一個晚上,再回到 Adsense 的管理頁面,可以看到 【Adsense 內容廣告】已經有數據出來了。數字的多寡就有待努力了。有件事絕對要注意的,不要輕易的點擊自己部落格的廣告,網路上已經有很多人POP文說被Adsense停權了。 Adsense_script_yam03

部落格廣告

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

(比較推薦的是 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 模板设计器使用教程

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! 偕同讀者更有效地推廣您的部落格!
只要輸入網址它就會給你語法~貼到你的部落格等審核成功就行囉!!!
小綠泡書局泡四個小時才找到的~~很辛苦

在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>"