許多人都知道使用CSS可以讓自己的文章或網站的排版更漂亮,但是可曾想過,其實,現在CSS3也有支援動畫製作的能力了,也就是說,我們只要使用CSS,不需要任何其它的程式語言(當然Javascript也不需要),就可以做出一些簡單的動態效果,像是下面這個按鈕就是其中的一個例子:
如果你沒有看到效果,那就表示你的瀏覽器版本太舊了,趕快去更新呦。最新的Chrome和FireFox瀏覽器都有支援CSS3的動態效果指令。接下來,站長就來教大家如何在痞客邦的文章中建立這樣的按鈕。
許多人都知道使用CSS可以讓自己的文章或網站的排版更漂亮,但是可曾想過,其實,現在CSS3也有支援動畫製作的能力了,也就是說,我們只要使用CSS,不需要任何其它的程式語言(當然Javascript也不需要),就可以做出一些簡單的動態效果,像是下面這個按鈕就是其中的一個例子:
如果你沒有看到效果,那就表示你的瀏覽器版本太舊了,趕快去更新呦。最新的Chrome和FireFox瀏覽器都有支援CSS3的動態效果指令。接下來,站長就來教大家如何在痞客邦的文章中建立這樣的按鈕。
如果你覺得你的痞客邦的版型樣式中有一些你不想要的地方,站長在這邊教你一個簡單的方法把它們都移除,那就是CSS的display:none指令。你只要到後台管理的地方選擇「自訂樣式」,然後找到編輯樣式表的地方,找出你想要移除的區塊,如下所示:
例如上面所示的,跳到主文、部落格全站分類、以及其它服務連結區塊等等,如果你都不想要,只要在{}中加入「display:none;」這個CSS指令,儲存檔案之後,再重新整理你的網頁它們就會被隱藏起來了。有此需求的朋友可以試試喔。
使用CSS,你也可以做到這樣的效果
有在注意到部落格文章格式的朋友都知道,透過適當的使用CSS指令,可以讓你的文章排版變得更漂亮,詳細的內容,在這一篇文章【部落客必學的CSS指令】中有教學。此外,如果有常在文章中使用CSS設定的朋友一定也會覺得,每一次要使用的時候,都要在每一篇文章中重新設定也非常地麻煩。所以,善用類別選擇器selector,則可以讓你節省很多時間,同時也不容易出錯,因為一個網站只要設定一次格式,以後都使用引用的方式來套用文章格式就可以了。在這一篇文章中也有詳細的教學【善用CSS的Class選擇器來讓文章編輯更方便】。不過,這篇文章教你在WordPress網站的文章中套用類別選擇器,那如果是痞客邦要套用在哪裡呢?答案很簡單,就在【自訂樣式】中。
接下來教你如何在痞客邦中做到這樣的效果
不知道有多少人和站長一樣,對於別的部落客所寫的文章很有興趣,看到一個有趣的網站,想要一口氣看完這個部落格到底有多少文章,分別是哪些內容?有沒有一個比較方便的方法,可以更快速地瀏覽這些文章,而不受廣告的干擾?站長自己寫了一個網站:http://ebook.104es.com/op,只要指定痞客邦的ID,它就會幫我們把這個網站的所有文章標題列出來,簡單乾脆。除了這個網站之外,如果是要隨機看別人的網站文章列表的話,這裡還有一個加強版的網站:http://op.104es.com,從3萬多個痞客邦部落格中每次列出200個網址,讓我們可以去選擇。也許這樣子說大家可能不太清楚,沒關係,站長還幫各位準備了影片,如下:
說真的,這個標題很難下,但是,這個網站對某些人(想要到處看看、想要和更多部落格互動、想要增加自己部落格人氣、想要看看別人都寫些什麼、想要增加知識見聞、想要認識更多的朋友的人)來說真的很好用,真的。
我不知道大家都怎麼去找到別人的文章的,但是有些時候就是漫無目的,也沒特別想找些什麼,就想到處看看,但是又不知道從何開始。另外,也有些人是刻意想要找到更多的部落格,想到別人的網站上去留言,然後希望和別的格主互動等等,這時候,這個網站就是你需要的:http://op.104es.com。
還記得之前我們的這一篇文章【一口氣讀完所有痞客邦部落格文章】嗎?這個網站是它的進階版,它從3萬多個網址中每次隨機列出100個,然後只要你選擇到任一個網址,它就會把這個部落格的所有文章標題都列出來,方便你的閱讀。
當然,如果你也可以在看完別人的文章之後,留下你的寶貴意見,給作者們一些鼓勵唷~~
不是正妹,也不是型男,又沒有上知天文下知地理的金頭腦,但是就是想要讓自己的部落格多些人氣,有沒有一個經營的原則和依據,以及可以馬上使用的有效方法呢?當然有,請看證據:
之前陸陸續續發表了一些可以幫助新手部落客增加人氣的方法和小工具,想想有些過於零散,所以就整理了一篇文章在此【請按這裡】。那為什麼不放在痞客邦裡就好了,因為有一些暗黑的技巧,所以,還是放在別的地方比較安心。有興趣的朋友,歡迎交流囉。
除了廣告型的網站之外,其實,認真經營內容才是最重要的。部落格新手們可以去看看痞客邦每一個領域的人氣部落格網站的內容,大概心裡就會有個底了。每一個人氣部落客的文章,說真的,都還滿多的(大部份都超過500篇甚到1000篇以上),而且也都待了很長的一段時間,所以,用時間換取成果,別太急喔。但很棒的是,只要你的方向是正確的,你的所有努力都是可以累積的喔。
繼之前我們在站長介紹的兩個工具【來自什麼國家的網友看了你的網站】以及【如何得知大家都是什麼時候拜訪你的部落格】之後,站長又發現了一個更有趣的工具,設定也非常簡單,身為站長的你,一定不能錯過!因為,它會即時地在你的網站上顯示目前有來自於哪裡的網友,看了你的哪一篇文章!
很神吧!就像是下面這張一樣(擷取自http://toolbox.madoupt.com):
像是上面這個例子,可以看到我們的網站,有一位新加坡的網友看了【新加坡便宜自助行--便宜門票篇】,另外,居然還有一位住在加拿大亞伯達省卡加利市的網友看了【夏威夷大島租車】這篇文章。當然,還有許多住在國內各縣市的網友也都有。知道自己的文章,被不同國家的網友瀏覽,是不是有非常不一樣的感覺?那一定會很有成就感的!現在就趕快讓你的首頁也有這樣的功能吧!
一個網站要讓更多人看見,最重要的就是要讓別人可以找得到。而要讓別人找得到,最重要的就是要讓搜尋引擎知道你的文章有哪些,以及網頁的編排方式為何。而讓別人知道這些網頁的編排方式的檔案,就叫做網站地圖,一般都是存在sitemap.xml中。之前我們有一篇文章教大家如何設定痞客邦的網站地圖並上傳給Google網站管理工具。這篇文章在這裡:http://skynettw.pixnet.net/blog/post/350191733。
那如果是Weebly以及WordPress的網站呢?沒問題,教學文在這裡:
WordPress提交網站地圖的方法==>http://ebook.104es.com/blog/submit-sitemap-wordpress/
Weebly網站提交網站地圖的方法==>http://ebook.104es.com/blog/weebly-submit-sitemap/
很多朋友在問,這麼多種架站的服務,到底要選哪一種呢?的確,隨著時代的進步,架設網站已經不再是一個高不可測的工作了,幾乎任何人只要有一些操作指南在手,30分鐘就可以搞定。不過,不同的用途的網站有不同的選擇,我們就在這裡很簡短地條列如下,方便大家參考:
★★如果你沒任何的電腦技術,也沒有時間學那麼多的話★★
◎Weebly:最適合於用來馬上架設一個內容簡單但是畫面精緻的商品宣傳或個人形象網頁。每個帳號最多可以建立10個網站。基本服務是免費的,對大部份的人來說已經很夠用了。如果要付費升級的話,是以網站為單位,不是以帳號為單位,要留意。
站長最新發現的新玩具,超神速宣傳影片製作軟體,詳細的情形以及展示,請看專業的網頁說明:http://vm.104es.com
真的不誇張,只要不到一個小時就可以完成以下的影片:
不需要一個下午的時間,就完成了以下的影片,含使用MovieMaker上字幕:
不知道大家是不是都有PayPal帳號了呢?也許現在大家比較關心支付寶吧(使用人數以及全年消費金額,聽說已經超過PayPal了,但是可以使用的國家以及區域,還是受到很大的限制)!不過,就國際的消費市場而言,看起來好像還是 PayPal 比較廣為被接受,只要你有 PayPal 帳號,只要用一組電子郵件帳號,您幾乎就可以刷遍全世界。要在世界各個國家撒錢,只要短短幾秒鐘的時間,你就辦得到了!什麼是PayPal以及PayPal的所有詳細資訊,已經有人有完整的整理了,請直接看這個連結即可==>【PayPal跨國線上支付平台(PDF檔案)】
之前我們在文章中有提到過,只要透過簡單的幾個步驟就可以在Weebly中輕鬆建立高品質的網頁,有些朋友只要幾頁廣告頁用來宣傳他自己或者是公司的產品,或者是個人的服務,其實使用Weebly就可以了。但是,有時候,我們如果想要把在Weebly中建立的網頁,甚至是在其它地方建置的網頁,甚至是別人的網頁內容放到我們部落格的文章中,那又該如何使用呢?答案很簡單,只要使用<iframe>這個HTML指令就行了。語法如下:(這是簡單馬上上手的版本,還有很多功能,請直接問Google就可以查到了!)
<iframe src="你的目標網頁" width=寛度 height=高度></iframe>
但是要注意的是,這些語法是要在HTML編輯模式下才能夠使用喔。使用的結果如下:
感謝痞客邦貼文功能的彈性,讓我們除了可以透過iframe指令直接把網站包到我們的文章中之外,現在還可以直接把Facebook的文章,嵌入到我們的文章中,讓我們更方便更直接分享來自於Facebook的訊息,就像是下面大家看到的內容一樣(如果你有登入臉書的話,你還可以不用進臉書,直接按讚和分享唷):
在這個例子中,我們透過Facebook嵌入碼的操作,把Facebook中別人分享的某一段影片,直接分享在我們的部落格中,還不錯吧!現在我們就來教大家,如何也在你的痞客邦部落格中加入這樣的功能!
有些網站所提供的服務,會有區域的限制,某些國家的網址就是不能使用,不只個人電腦的應用是如此,就算是手機也是一樣。此外,對站長來說,其實有時候會很好奇,如果用不同國家的身份(IP位址)去瀏覽某些網頁,提供出來的內容會不會不一樣,還有,其實我們有時候也會想在瀏覽網頁時隱藏自己的身份,不要讓對方的網站知道太多關於自己的訊息,在這些情形下,你就需要有SafeIP這一類的工具,不只可以在網路上(對方主機)隱藏自己的許多資訊,還可以自由地把自己的電腦偽裝成不同國家的IP,讓對方以為自己是來自己任選的特定國家,方便我們做一些測試。當然,再怎麼裝,專業的人士還是可以查得出來,所以千萬不要想說把這個軟體拿來做壞事,若要人不知,除非已莫為啦~~
首先進人SafeIP網址:http://freesafeip.com,可以看到以下的畫面:
最近花了一些時間調整電子購物網站的網址,所以就在不同的主機間把OpenCart電子商務購物系統網站搬來搬去,發現了一些心得,記錄在這裡,以免以後忘記!
要做OpenCart電子商城的搬家動作,最主要包含兩個部份,第一個部份是備份資料庫,把所有的資料表都變成一個.sql結尾的檔案。接下來,就是最暴力的方法,把資料夾所有的檔案及資料夾全部都下載回本地端的電腦。
有時候,我們會看到有些朋友的網站上有掛了一個有很多國旗的計數器,用來表示有多少不同國家的朋友(或機器人)來看了你的網站,就像是下面這個樣子:
其實不只是這樣而已喔,如果你按一下這個圖示,還會出現更多的分析,如下:
每次寫部落格文章,最討厭的就是這個難用的要命的編輯器!要透過這個編輯器排出漂亮版面,根本就是不可能的事!因為,沒有這些功能呀!所以,到最後就只能寫寫文字,放幾張照片(管它後來怎麼排,反正內容最重要),就算是搞定一篇文章了。但是,對於自我文章版面要求高的朋友,這樣可不能被接受!有解嗎?有!站長幫你找到了!我們可以在部落格文章中(每一篇都可以有自己的版面)輸入文字(這是當然的)、分欄、放置圖片、放置YouTube影片、放置地圖、放標題、廣告、表單、按鈕、問卷調查、以及各式各樣的功能,就像是我們在編輯網頁一樣!像是下面這樣:
想不想讓您的信箱像是這樣,只要有人看了你的網站(或部落格、甚至是某一篇特定的文章),就會有一封郵件通知您:
我不知道大家有沒有比較簡單的方法,但是對於「程式控」的我來說,自己寫一個程式來做這件事,好像比較彈性一些。所以,我就想了一個簡單的方法(對站長來說啦,一個簡單的邏輯),就是在我們的部落格或文章中放入一小段程式碼,然後只要有人看了這一頁或是瀏覽到這個網站,這一小段程式碼就會寄一封信到我的信箱,這樣子我就知道,有人在這個時候看到了我指定的文章(或瀏覽某一個網頁了)。這個程式,其實只要一行PHP程式碼就可以達成了:
<?php
mail("youremail@gmail.com", "有人看了我的部落格", "從痞客邦寄來的訊息", "From:<name>youremail@gmail.com");
?>
沒錯,就這樣。
但是,光是這樣,把它放到我們的部落格文章中或是側邊欄,是沒有任何作用的。為什麼呢?