重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容

2009年3月31日星期二

怎么给站点加入漂亮rss订阅数图标

怎么(如何)打造漂亮blogspot模板教学课程系列专辑

一个站点希望有很多的订阅者,实现办法有很多,这里给大家介绍一个即美化主页,又会增加订阅数的简单办法。

如何给站点加入漂亮rss订阅数图示呢?

简单说起来就是用ps做个适合边栏的长条,然后添加上订阅漂亮的图标,吸引网友注意,并且很方便的点击订阅,呵呵,还是看具体详情吧:

我写下我的制作方法,你可以举一反三,自己修改创新

首先我预设用边栏呈现订阅图标,我边栏大概210xp,我用ps做个宽200xp高60xp的长条,并且用些图片拼接而成这张图:



然后把它上传到你的空间,加在小工具 html板块里 加上订阅链接就ok了。

很简单,你还想在衍生更好的效果么?

呵呵,当然,我们把FeedBurner在线订阅图标加在这张图上:办法如下

在FeedBurner获得的图标地址后

首先在你的css定义区添加以下定义:

#subscribebox {
width: 200px;
height: 60px;
margin: 5px 0 0 5px;
background: transparent url(你上传到空间的图片地址) no-repeat;
}
#subscribebox a {
display:block;
width: 200px;
height: 60px;
}
#subscribebox img {
margin-left:15px;
margin-top:25px;
}


这上面的#subscribebox与#subscribebox a就是设置RSS背景图的高度,宽度,而

#subscribebox img {
margin-left:15px;
margin-top:25px;
}


就是设置你FeedBurner在线订阅图标在图片上的位置,自己调到适合要求,就ok了。

剩下的就是,打开布局,页面设置,添加小工具,添加html工具,放进代码即可,例如:

<div id="subscribebox">
<a href="你的订阅地址" title="订阅......最新文章"><img width="88" style="border:0" alt="...的RSS" src="你在FeedBurner获得的订阅数代码地址" height="26"/></a></div>


例子:我的html板块添加的代码:

<div id="subscribebox"><a href="http://feeds2.feedburner.com/Avooo" target="_blank" title="訂閱avooo最新文章"><img width="88" style="border:0" alt="avooo的文章" src="http://feeds2.feedburner.com/~fc/Avooo?bg=ffcc00&amp;fg=444444&amp;anim=1&amp;label=listeners" height="26"/></a></div>

方法很多种,思路更重要




了解更多信息!

Read more...

Blogger模板教学课程——1概说及基本结构

Blogger模板教学课程——1概说及基本结构

Blogger的博客有着自定义最自由的好处,别家博客都没法比,可是对于普遍网友,又没办法实现“自由”原因就是代码不是人人都懂,那怎么办呢?

去学吧网上的很多课程都太多内容,不容易吸收,没有针对性,怎么能快速了解代码,并且很快的用上呢?

好了,这里有专门给普通网友们看的学习代码文章,通俗易懂,文章短小,针对性强,一看就会。
下面给大家介绍吧。

首先介绍Blogger博客官方模板用的代码语言css

我们进入Blogger的后台

在一般模板中主要分两大主体,
1, css,代表网页的外观,例如字形大小,颜色,外框,图片设定等。
2, html,代表网页的结构与内容,包括版面的排版设定(例如首页最上横幅在最上方,那就先写横幅框代码,同样若最好写,那横幅就出现在首页最下方了)在blogger的使用里,是使用xhtml,比html更严谨且简洁,也是最新版本。


整个版本可以分成

.网页文件宣告(最上方到<head> 之间)
.外观css设定及网站文件资讯( <head>到</head>)
.内容结构html语法(<body>到</body>)

如下图:





在模板最上方的文件宣告,功能是告诉浏览器你使用的xhtml版本及参考的文件来源

接下来的head是文件的标题,说明网站或是文件的相关讯息,告诉浏览器你的网站名称,文章标题,作者,使用的关键字,外部链接等讯息,另外网址出現的小icon也是在此定义。


/* Variable definitions,这部份就是字型及顏色、大小的设定,如果沒有这部份,那么版面配置里的字型与顏色也無法作用,常有人問为什么我改了字型与顏色,都沒有产生变化,那就是因为该元素沒有在此定义。


body{ 到 </head> ,这就是CSS外觀設計,這裡就是大家最頭痛的地方,怎樣讓你的版面更美,更賞心悅目,是要經過一次又一次的測試,調整顏色、距離、文字大小,設計特別的圖案顯示,都在這裡完成。


從<body>到</body>,則是HTML內容結構設計,讓每個網頁元素的排列組合符合你的要求,比如兩欄變三欄,除了多了邊欄(sidebar)的定義css,在html也是要加上相關的語法才能完成。

好了,先到这吧。



了解更多信息!

Read more...

2009年3月30日星期一

怎么在文章中添加代码呢

blogger博客非常好,大家都知道,可就是不能在文章中写代码,大家也知道,可怎么办呢?大家都不知道,我知道,呵呵。写的真绕口!!
办法如下:
1.加上css (在css中定义)

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
height:200px; // for IE6
line-height: 1.2em;
}



2.将代码写在<code></code>之中,例如:

<code>.comment-body-author {<br /> margin:0;<br /> padding:0 0 0 20px;<br />
background-color:#C0C0C0;<br /> }</code>


效果

.comment-body-author {
margin:0;
padding:0 0 0 20px;
background-color:#C0C0C0;
}



还有一种办法看看



实现办法是

<br /><center><form><textarea rows="3" cols="50" readonly>代码部分</textarea></form></center><br />


另外提供个在线代码辅助連上Postable網頁在线写代码,打开网页后,把你的代码粘贴上点右下方按钮,得到的结果,就可以在文章中正常表示了。


呵呵,就这么简单,我知道了,所以 分享 给大家



了解更多信息!

Read more...

网页素材,rss,设计,时钟,关于iGoogle与Google Sites,Blogger,WordPress 等网址大全

网页素材,rss,设计,时钟,关于iGoogle与Google Sites,Blogger,WordPress 等网址大全 :
1.关于WordPress
WordPress歡樂正體中文交流
wordpress.com.tw
WordPress官網
WordPress官網
在免費空間上架設自己的部落格的基本要件如下:
1、下載最新版的WordPress.org(2008.6最新版為2.5.1)
2、申請免費空間,主機需支援PHP4.3及MySQL 4.0以上版本
3、下載FTP軟體,如FileZillaCuteFtp,將檔案上傳資料庫
4、申請獨立網址及轉址服務(不申請也行,不過大部份免費空間的網址都在第二層域名,例如htttp:// hostname.mydomain.com/blog)
名詞網解:

PHP,一種腳本語言,用來處理動態網頁的語言。
MySQL,意思是資料庫或稱數據庫,通常申請後會給我們一個帳號來管理,可以應用在論壇、留言板等。
建議安裝前先看看相關的文章,可參考

wordpress.com.tw
無痛系列123
無痛安裝 WordPress 前傳-工具篇-FileZilla
香腸炒魷魚
[推薦]用免費空間架設wordpress
WordPress 圖文安裝教學

要架設網站的免費空間(或稱虛擬主機),其後台管理介面〈主控台〉有多種型態,主要有以下四種:

LP〈LayeredPanel〉,空間較大(通常以G計算),速度較快,但限制較多,適合架設論壇或是大型網站,當然部落格也可以,可綁一個域名。
VP〈Vista control panel〉,空間較小(通常以MB計算),速度較慢,副檔名限制少,適合架部落格,可綁多個域名。
CP〈Cpanel〉,限制最少,空間最大,但是提供免費的空間也少,很多台灣付費的主機採此介面,例如5netG型虛擬主機就是使用這套系統。
Plesk系統,應該沒有免費空間有提供,國內戰國策、補夢網及裕藍多媒體等等都是使用這介面。
讓部落格首頁與WordPress安裝在不同的目錄
免費資源網路社群--
Free Web Hosting - Runhost.net(250MB/200G、無廣告,不支援.htaccess)
Runhost.net - 免費 PHP + MySQL 空間,月流量 200GB!
101 Free Host(1G/8G、文字廣告、不支援.htaccess)
101FreeHost.com - 1GB/8GB 網頁免空,支援3個資料庫與網域綁定>
MyHosting247(5G/20G、文字廣告、LP空間,不支援.htaccess,我有申請)
MyHosting247 - 5GB/20GB 立即啟用的免費PHP空間!
HostingTribe (500MB/2G、無廣告,不支援.htaccess)
ZendURL - 500MB 網站空間,支援 CGI, PHP, ASP, SSI … 無廣告。
如果你還想找更多,可以到Free Webspace and Free Web Hosting Services,這裡有300個虛擬主機的資料供你參考。

免費資源網路社群 - 台灣最大的免費資源蒐集網站!
虛擬主機討論區 - WordPress歡樂正體中文交流所

2.关于iGoogle与Google Sites,Blogger
Google小工具---Custom iGoogle Skins

這是設計者的網站BonstioNet
介紹:Custom iGoogle Skins
Google Sites和Google Page Creator
如果想看看以Google Sites架設的網站,可以參考以下兩個網站
The Scott Family Site
Let's play
參考網站:

Google Sites
Google Sites Blog
Google 應用服務(Google Apps)
關於Google Sites系列文章(funP)
Google Sites Blog
Blogs of Note
The Big Storm Picture,就是以拍攝暴風雨相關的照片
Cupcakes Take the Cake,則是介紹各種杯子蛋糕
Blogger Buster
Blogger Help說明中心
Blogger Buzz發表關於Blogger各種資訊
Blogger in Draft的Blog所有Blogger在測試期beta的功能會在這裡發表
登入Blogger in Draft才能使用
Blogger Play這個網站會展示全世界以Google Blogger寫作的部落格,網誌上最新的照片
Known Issues for Blogger這裡會報告Blogger所遇到的bug錯誤
Blogger Error Codes常常安裝新的Blogger template或是小工具時會出現錯誤訊息,可以在這裡找到相關的錯誤代碼,解決你的問題,如果找不到可以到bX-code Reporting Form,提交你的錯誤訊息並描述,Google就會回應給你在這個網頁上。
Blogger Developers Network介紹Blogger可以利用的API工具
Blogger Status這裡會公佈Blogger服務器Serves某月某日某時不能利用的資訊
Google Inside AdSense Blog(繁體中文)介紹有關Google AdSense的資訊
Google Translate翻譯系統
Google Blog Directory,有分門別類,列出各種Google產品的部落格資訊


線上Youtube影片輪播器
弁天ツール這是一個日本網站,專門提供blog-parts及一些小工具
中文說明,可以參考這個網站 BlogDeco
日文版Blog-parts的網站

Blog Parts Search,這是日本Google才有的服務,各種類的小玩意查詢。
ブログパーツをさがせ,非常多,更新不快,但每次更新都有5個以上新的blog-parts,商業性的blog-parts很多,譬如股市分析,商業訊息之類的。
ブログパーツ【画像で比較できる無料ブログパーツ情報図鑑】,也非常多,和上面那個網站差不多性質。
ブログパーツ.com (blogparts.com),網站做得很棒,我很喜歡的站台。
Blog Deco,有些需登錄帳號才可使用,有中文網站
女の子が集まるかわいいブログサイト,女生專屬的blog-parts,有可愛的小花狗Rebacca。
blogwasabi,有分類排行榜,蠻早期的網站。
蠍【サソリ】の空間,小玩意不多,但有一些小玩意是別的站沒有的。
KuruKuru Parts,資源不多,但都很特別。
フラッシュ時計,很多精美的時鐘。
Nissan CUBOX,日產汽車3D模式的Blog-parts。
Retired,部落格引退的小貼紙,當部落格想關站、中斷休息時可貼上。
スーパー風シールメイカー,幫部落格做個超市的價格標籤,很有趣的貼紙。

博客时钟Blog Clock


3.其他



亞洲設計家的圖像網站startdrawing.org
全世界最大的圖像設計的社群網站deviantART
Shop區,則提供各種商業圖像的販售
精緻的日本和風設計圖庫 官網:HYBRIDWORKS
蘇俄圖像設計家的網站俄文官網
設計網站Блог дизайнфрика Креативные идеи, дизайн, виджеты, гаджеты, интерфейсы, юзабилити.
RSS ICON 系列文章
icon圖片 網站:Все для Веб мастера и создания сайта參考這個俄語教學網站
參考文章:Иконки: Irish Icons Pack
下載點>

4.網頁素材



Free Icons Web超過15000張的圖片
UtomBox订阅图标等
Wordpress模板
Iconaholic.com
Curo.jp這站長設計了各種顏色及大小的RSS圖形
Bambino Labs Kagami網站,讓你的照片產生倒影
高品質的ICON圖庫素材Websiteicons
製作屬於自己的背景圖案Tartan Maker
姊妹站,是設計條紋式的背景Stripe Generator>
免費圖庫的網站KAVEWALL STOCKInterfaceLIFT
PUBLIC-DOMAIN-PHOTO.com提供許多風景圖片及日常生活用品的實景照片
Backgrounds Archive提供各種背景圖案,且有檢索的功能。
Crystal水晶,有著透明感的水晶圖案CrystalXP.net
DrinkRSS - Fresh Icons,這是以飲料為主的RSS設計圖樣
RSS Stamps by ~tayzar44 on deviantART ,類似郵票形式的RSS圖樣,
345 Free RSS Icons by ~Studiom6這個檔案比較大,有4種RSS圖示,各種大小尺寸 ,屬於實用型的。
Stock Vector: RSS Bot超酷的機器人RSS圖示
Блог дизайнфрика這個網站就是純欣賞用
Big Huge Labs做拼圖、日曆
Background Labs背景紋理圖案
表情符號最多的網站就是MSN即時通小圖網Myem0.comCute Emoticon
e-まちタウン提供了桌布(壁紙)及網頁製作素材(ホームページ素材)、桌面Desktop(デスクトップアイコン)、賀卡(レターセット)及その他這一區是提供了信封、信紙的設計,
Dellustrations,圖像設計網站,資源豐富,Xyberneticos
ForRSS



了解更多信息!

Read more...

2009年3月29日星期日

我的博客开了



大家好,欢迎光临
了解更多信息!

Read more...

  © 广告业务联系站长:wj9931@gmail.com 或 QQ42032058.