在梅干桑家發現這超好用的東西!!XD
終於不用再用photoshop吐血的排版啦!!>口<
又!!PhotoScape排出來的照片,整齊又美觀
也可以調整大小
重點是很方便,在少少的時間就可以輕鬆完成排版圖~
為得力助手是也!!-///-
而且這軟體功能列很清楚,又是中文版,所以很容易就能上手~~
所以真的超推薦超推薦的阿!!
Important
Selected Category: Other (10)
- Mar 12 Thu 2009 17:46
PhotoScape∥將多張影像併成一張
- Jan 21 Wed 2009 18:54
分享∥預測你未來的孩子
- Nov 25 Tue 2008 01:28
分享∥網址前小圖
網址前小圖已經慢慢變成個人網站、部落格不可或缺的個人標章，不僅讓瀏覽者記住你的網站，也向瀏覽者傳遞了自己的形象。
當然網址前小圖設置十分容易，只要準備一張屬於你的小圖，再輸入一列網址，一份屬於自己的形象就完成了！
首先我們必須準備的是16X16大小的gif圖檔或是icon檔
如果沒有的話
可以到下面推薦的網站去下載或製作:)
----------------------------------
＊PS 痞客邦只要將小圖檔上傳至後台即可更改!真的很方便:)
上傳位置是:管理後台--->右上角"帳戶管理"--->左邊"網域設定"--->瀏覽器網址列圖示 選擇 使用自訂的網址列圖示 之後上傳你的GIF或ICON檔(10KB以內)即可看到變更:)
以下為非痞客邦更改圖檔之步驟:
第一步驟
把你的ICON圖或GIF圖傳到網路空間
網路空間我覺得Google的Google Page Creator不錯
第二步驟
把ICON或GIF的圖檔網址
替代以下語法中的的 ICON網址
第三步驟
把剛剛貼上網址的語法
整段貼到網誌敘述(或部落格可提供貼語法的地方)中即可
*若是自己的個人網頁,請貼到<head></head>間
---------------------------------
許多下載ICON的網站
各國國旗
小工具圖示
線上自製16X16 ICO檔
上傳圖片製成ICO檔
線上自己畫ICO檔
----------------------------------
是不是很簡單易用呢?XD
- Oct 23 Thu 2008 01:13
美化你的NewsGator
還記得我上次發的NewsGator文章聯播器的教學及介紹嗎??~
上次其實沒有很深入的告訴大家美化的技巧
今天就一併告訴大家啦
--------------------------------------------
各項目以間隔或以橫線區隔
首先是讓每一個項目上下有間隔
請看以下例子
左邊是不是比較擠,而右邊就很明顯哪個文章是誰發的呢?
解決方法如下:
要在設定顯示方式的地方設定
也就是以下這個地方
原本語法中的<p>應該是沒設定style的,但是我們可以在多+一個padding的設定讓他與下面的資料有間隔
例如:
<p><a href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
改成
<p style="padding:0px 0px 10px 0px;"><a href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
這樣就會有間隔啦!~ ** 10px的地方可以自行改數值
那如果是想要下面加上橫線呢(如下圖)
可以將語法在做修整
在<p>中再做修改
例如以下
<p style="padding:5px 0px 5px 0px;border-bottom:1px dashed #000;"><a href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
border-bottom:1px dashed #000; 這句中的1px指的是線的粗細 而dashed則是虛線(若要變成實線請改成solid) #000是顏色,皆可自行更改
--------------------------------------------
高度寬度與捲軸
那如果是要讓你的NewsGator不要那麼長,讓他有捲軸的話
就是在要輸出的時候設定囉!!
先看看範例圖:
左邊是原本的,右邊是讓他產生捲軸的
首先先領取你的聯播器語法(這個語法是指上面的<script></script>的那個語法噢)
然後套入以下語法
<div name="strongr" style="width:180px; height:150px; overflow:auto; ">
你的聯播器語法(這個語法是指上面的<script></script>的那個語法噢)
</div>
之後貼在你想顯示聯播器的地方
語法中width:180px;是設定寬度180可以自由設定
height:150px;是高度也可以自由設定
overflow:auto; 是捲軸自動
--------------------------------------------
更改字色
如果你是將聯播器放在側欄的話,那字色其實不用多做修改
他會自動跟側欄內的字一樣大小及顏色
不過如果你有設定底圖(下面有教學)
那勢必得讓字的顏色跟底圖顏色配了
那要怎麼修改呢??
我們又要回到設定顯示方式的地方
也就是以下
這次在<p>以及<a>的部分都要做修改
也就是原本的語法
<p><a href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
可以加入style變成
<p style="color:#dddddd;"><a style="color:#ff000;" href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
其中<p>加入的顏色是設定整個聯播器中連結的字色
而<a>中加入的顏色是設定超連結的
--------------------------------------------
加入背景
你可以看看以下範例
他的語法是這樣的
<div style="padding:40px 10px 10px 10px;width:160px; height:200px;background:url(http://p6.p.pixnet.net/albums/userpics/6/3/430663/48ff5fb90fb4a.png) no-repeat left top;">
<div style="width:160px; height:200px; overflow:auto;">
你的聯播器語法(這個語法是指上面的<script></script>的那個語法噢)
</div>
</div>
也就是有2層div
第一層是設定背景以及背景寬高
padding:40px 10px 10px 10px;的數值依序是上右下左,主要是讓裡面的內文與背景圖的邊緣有間隔
width的值+padding中左的值+padding中右的值=背景的寬(也就是說三個值加起來不可以超過背景圖的寬)
height的值+padding中上的值+padding中下的值=背景的高(也就是說三個值加起來不可以超過背景圖的高)
background:url(http://p6.p.pixnet.net/albums/userpics/6/3/430663/48ff5fb90fb4a.png) no-repeat left top;裡面這段網址即是背景圖的網址
而第二層主要是設定聯播器是否有捲軸以及設定大小
style中的width還有height都設定跟前一個div一樣即可
這樣就差不多OK拉~那內文的字色就看上面那個教學設定囉!!
如果想要用我的背景圖可以直接套用以下的語法就可以了^^
如果有任何不會就留言問我吧^^
我會盡所能回答你們的~~
上次其實沒有很深入的告訴大家美化的技巧
今天就一併告訴大家啦
--------------------------------------------
各項目以間隔或以橫線區隔
首先是讓每一個項目上下有間隔
請看以下例子
左邊是不是比較擠,而右邊就很明顯哪個文章是誰發的呢?
解決方法如下:
要在設定顯示方式的地方設定
也就是以下這個地方
原本語法中的<p>應該是沒設定style的,但是我們可以在多+一個padding的設定讓他與下面的資料有間隔
例如:
<p><a href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
改成
<p style="padding:0px 0px 10px 0px;"><a href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
這樣就會有間隔啦!~ ** 10px的地方可以自行改數值
那如果是想要下面加上橫線呢(如下圖)
可以將語法在做修整
在<p>中再做修改
例如以下
<p style="padding:5px 0px 5px 0px;border-bottom:1px dashed #000;"><a href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
border-bottom:1px dashed #000; 這句中的1px指的是線的粗細 而dashed則是虛線(若要變成實線請改成solid) #000是顏色,皆可自行更改
--------------------------------------------
高度寬度與捲軸
那如果是要讓你的NewsGator不要那麼長,讓他有捲軸的話
就是在要輸出的時候設定囉!!
先看看範例圖:
左邊是原本的,右邊是讓他產生捲軸的
首先先領取你的聯播器語法(這個語法是指上面的<script></script>的那個語法噢)
然後套入以下語法
<div name="strongr" style="width:180px; height:150px; overflow:auto; ">
你的聯播器語法(這個語法是指上面的<script></script>的那個語法噢)
</div>
之後貼在你想顯示聯播器的地方
語法中width:180px;是設定寬度180可以自由設定
height:150px;是高度也可以自由設定
overflow:auto; 是捲軸自動
--------------------------------------------
更改字色
如果你是將聯播器放在側欄的話,那字色其實不用多做修改
他會自動跟側欄內的字一樣大小及顏色
不過如果你有設定底圖(下面有教學)
那勢必得讓字的顏色跟底圖顏色配了
那要怎麼修改呢??
我們又要回到設定顯示方式的地方
也就是以下
這次在<p>以及<a>的部分都要做修改
也就是原本的語法
<p><a href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
可以加入style變成
<p style="color:#dddddd;"><a style="color:#ff000;" href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
其中<p>加入的顏色是設定整個聯播器中連結的字色
而<a>中加入的顏色是設定超連結的
--------------------------------------------
加入背景
你可以看看以下範例
|
|
|
他的語法是這樣的
<div style="padding:40px 10px 10px 10px;width:160px; height:200px;background:url(http://p6.p.pixnet.net/albums/userpics/6/3/430663/48ff5fb90fb4a.png) no-repeat left top;">
<div style="width:160px; height:200px; overflow:auto;">
你的聯播器語法(這個語法是指上面的<script></script>的那個語法噢)
</div>
</div>
也就是有2層div
第一層是設定背景以及背景寬高
padding:40px 10px 10px 10px;的數值依序是上右下左,主要是讓裡面的內文與背景圖的邊緣有間隔
width的值+padding中左的值+padding中右的值=背景的寬(也就是說三個值加起來不可以超過背景圖的寬)
height的值+padding中上的值+padding中下的值=背景的高(也就是說三個值加起來不可以超過背景圖的高)
background:url(http://p6.p.pixnet.net/albums/userpics/6/3/430663/48ff5fb90fb4a.png) no-repeat left top;裡面這段網址即是背景圖的網址
而第二層主要是設定聯播器是否有捲軸以及設定大小
style中的width還有height都設定跟前一個div一樣即可
這樣就差不多OK拉~那內文的字色就看上面那個教學設定囉!!
如果想要用我的背景圖可以直接套用以下的語法就可以了^^
你的聯播器語法(這個語法是指上面的<script></script>的那個語法噢)
如果有任何不會就留言問我吧^^
我會盡所能回答你們的~~
- Oct 17 Fri 2008 21:42
讓最新好文不遲到∥NewsGator 文章聯播器
常常因為沒有在第一時間看到朋友的文章,而錯過頭香的機會嗎?
你嫌PIXNET非VIP所能使用的聯播數少嗎?
你想要愛訂多少,就訂多少RSS嗎?
NewsGator做到了:)
---------------------------
噢這不是在打廣告
只是今天兔兒要來介紹一個讓你不錯過朋友好文章的文章聯播器
讓不是痞克VIP的會員也能愛訂多少RSS就訂多少RSS (痞克會員只能設定5個聯播)
如果你還不知道訂閱是什麼
那也千萬別錯過了~
---------------------------
這個聯播器是長這樣的
內容的排列方式可以改為你想要的
最新的文章會顯示在最上面
---------------------------
這個聯播器的好處就是
1. 讓你輕易的放在您的網站或部落格中,讓你永遠不錯過朋友的好聞
2. 想訂多少就訂多少,網路好站多多,怎麼訂也訂不完:)
3. 自訂想顯示的樣子,可以設定聯播器中只顯示最新文章和作者網站,或是加入內文摘要~等等豐富的自訂模式
當然還有許多好用的功能,而今天我只針對聯播器來介紹
---------------------------
而今天我要介紹給大家的RSS聯播器就是--->NewsGator
當然使用的第一步就是註冊囉:)
---------------------------
註冊
首先點此進入NewsGator的註冊頁面
會看到以下畫面
請先照著我框中的注解填入您的資料
然後依照圖的指示就能完成註冊
真的非常容易^^
----------------------------
登入
註冊完後就請登入吧:)
請先點回NewsGator首頁
右上角輸入帳號密碼
按下"GO",即可登入
-----------------------------
新增聯播
接下來當然就是把你的親朋好友通通加進來啦~~~
這樣就能隨時看到好朋友的最新資訊囉:)
按右上角的Add Feeds
然後貼上你想聯播的部落格的RSS位址
選擇要存放的資料夾 (新增資料夾的教學在下面)
按下Add鍵即可
----------------------------
刪除聯播
如果不小心+錯聯播
也可以刪除的唷!~別擔心
按右上角的Settings
再選擇My Feeds
將要刪除聯播後的X按下去即可:)
----------------------------
新增資料夾
當然聯播一多,就得妥善管理了,免得到時後找不到:P
這時就可以新增資料夾來分類你的聯播
也是右上角的Settings
這次是選擇Organize Folders
選擇Creat a Folder來建立一個新資料夾
選擇資料夾要存放的地方和打上資料夾的名子就可以了:)
----------------------------
刪除資料夾
將要刪除的資料夾打勾案刪除即可
----------------------------
移動聯播到資料夾
把聯播打勾
選擇要移動到哪個資料夾
按MOVE就可以了!
----------------------------
匯出聯播
終於到了最後一個步驟拉~~
只要這個步驟做完
就可以把語法貼到你想貼的地方囉~~~
首先點右上角的Edit Locations
再選擇Headlines
照著圖內的步驟做即可
記得把你的程式碼複製下來
這就是你聯播的程式碼
步驟作完後按下Save Changes
自行修改的部份:
上面是新文章,下面是部落格名稱
上面是部落格名稱,下面是新文章
目前我覺得這兩個比較實用
再加入其他的控制碼到時候顯示時會跑出一大串,聯播器亂亂的@@
如果知道怎麼用的人也可以自己設定:)
這樣就完成啦~你可以把你的程式碼貼到測欄或是文章內都可以:)
不過還差臨門一腳
那就是美化你的聯播器拉:)
----------------------------
美化聯播器
如果你把聯播數設為10甚至20以上
那你的聯播器應該會很長吧!!!
如果不喜歡它很長的話
就加入卷軸吧:)
以下是我提供的小小美化語法
<div style="width:180px; height:150px; overflow:auto; border:1px solid #ddd; background:#fff; color:#aaa; padding:5px;">
你的聯播器語法
</div>
出來的成品會像下面那樣
那語法中width:180px;是設定寬度180可以自由設定
height:150px;是高度
overflow:auto; 是捲軸自動
border:1px solid #ddd; 是外框,若不需要可以將程式碼刪除
color:#aaa; 是內容文字非連結的部份的字色
padding:5px;是與外框的距離,若無加框可刪除
font-size:11px;*font-size:10px; 是字體大小,可以的話請相差1 :)
font-family:Verdana; 是字型
background:#fff; 是背景色
當然如果你還想加入其他的語法當然可以^^~
我之後應該會再發一篇放底圖的XD~
什麼都要搞的很花俏這樣~
那就大概是這樣:)
請大家一定不要錯過你喜歡的好文章喔!!
大家也來申請一個Newsgator吧~
不過如果你已經有用痞克VIP當然用痞克的VIP會比較方便快速拉:D~
有問題或錯誤留給我吧^^
--------------------------------------------
最後我發現阿帕那裡也有教學0口0
她有說到一些我沒說到的部份^^
可以去看看:P
你嫌PIXNET非VIP所能使用的聯播數少嗎?
你想要愛訂多少,就訂多少RSS嗎?
NewsGator做到了:)
---------------------------
噢這不是在打廣告
只是今天兔兒要來介紹一個讓你不錯過朋友好文章的文章聯播器
讓不是痞克VIP的會員也能愛訂多少RSS就訂多少RSS (痞克會員只能設定5個聯播)
如果你還不知道訂閱是什麼
那也千萬別錯過了~
---------------------------
這個聯播器是長這樣的
內容的排列方式可以改為你想要的
最新的文章會顯示在最上面
---------------------------
這個聯播器的好處就是
1. 讓你輕易的放在您的網站或部落格中,讓你永遠不錯過朋友的好聞
2. 想訂多少就訂多少,網路好站多多,怎麼訂也訂不完:)
3. 自訂想顯示的樣子,可以設定聯播器中只顯示最新文章和作者網站,或是加入內文摘要~等等豐富的自訂模式
當然還有許多好用的功能,而今天我只針對聯播器來介紹
---------------------------
而今天我要介紹給大家的RSS聯播器就是--->NewsGator
當然使用的第一步就是註冊囉:)
---------------------------
註冊
首先點此進入NewsGator的註冊頁面
會看到以下畫面
請先照著我框中的注解填入您的資料
然後依照圖的指示就能完成註冊
真的非常容易^^
----------------------------
登入
註冊完後就請登入吧:)
請先點回NewsGator首頁
右上角輸入帳號密碼
按下"GO",即可登入
-----------------------------
新增聯播
接下來當然就是把你的親朋好友通通加進來啦~~~
這樣就能隨時看到好朋友的最新資訊囉:)
按右上角的Add Feeds
然後貼上你想聯播的部落格的RSS位址
選擇要存放的資料夾 (新增資料夾的教學在下面)
按下Add鍵即可
----------------------------
刪除聯播
如果不小心+錯聯播
也可以刪除的唷!~別擔心
按右上角的Settings
再選擇My Feeds
將要刪除聯播後的X按下去即可:)
----------------------------
新增資料夾
當然聯播一多,就得妥善管理了,免得到時後找不到:P
這時就可以新增資料夾來分類你的聯播
也是右上角的Settings
這次是選擇Organize Folders
選擇Creat a Folder來建立一個新資料夾
選擇資料夾要存放的地方和打上資料夾的名子就可以了:)
----------------------------
刪除資料夾
將要刪除的資料夾打勾案刪除即可
----------------------------
移動聯播到資料夾
把聯播打勾
選擇要移動到哪個資料夾
按MOVE就可以了!
----------------------------
匯出聯播
終於到了最後一個步驟拉~~
只要這個步驟做完
就可以把語法貼到你想貼的地方囉~~~
首先點右上角的Edit Locations
再選擇Headlines
照著圖內的步驟做即可
記得把你的程式碼複製下來
這就是你聯播的程式碼
步驟作完後按下Save Changes
自行修改的部份:
上面是新文章,下面是部落格名稱
<p><a href='$link$' target='_blank'>$title$</a><br> $feedname$</p>
上面是部落格名稱,下面是新文章
<p>$feedname$<br><a href='$link$' target='_blank'>$title$</a></p>
目前我覺得這兩個比較實用
再加入其他的控制碼到時候顯示時會跑出一大串,聯播器亂亂的@@
如果知道怎麼用的人也可以自己設定:)
這樣就完成啦~你可以把你的程式碼貼到測欄或是文章內都可以:)
不過還差臨門一腳
那就是美化你的聯播器拉:)
----------------------------
美化聯播器
如果你把聯播數設為10甚至20以上
那你的聯播器應該會很長吧!!!
如果不喜歡它很長的話
就加入卷軸吧:)
以下是我提供的小小美化語法
<div style="width:180px; height:150px; overflow:auto; border:1px solid #ddd; background:#fff; color:#aaa; padding:5px;">
你的聯播器語法
</div>
出來的成品會像下面那樣
那語法中width:180px;是設定寬度180可以自由設定
height:150px;是高度
overflow:auto; 是捲軸自動
border:1px solid #ddd; 是外框,若不需要可以將程式碼刪除
color:#aaa; 是內容文字非連結的部份的字色
padding:5px;是與外框的距離,若無加框可刪除
font-size:11px;*font-size:10px; 是字體大小,可以的話請相差1 :)
font-family:Verdana; 是字型
background:#fff; 是背景色
當然如果你還想加入其他的語法當然可以^^~
我之後應該會再發一篇放底圖的XD~
什麼都要搞的很花俏這樣~
那就大概是這樣:)
請大家一定不要錯過你喜歡的好文章喔!!
大家也來申請一個Newsgator吧~
不過如果你已經有用痞克VIP當然用痞克的VIP會比較方便快速拉:D~
有問題或錯誤留給我吧^^
--------------------------------------------
最後我發現阿帕那裡也有教學0口0
她有說到一些我沒說到的部份^^
可以去看看:P
Moods(1)