星期六, 十月 13, 2007

標籤文章選台器 1.2 版介紹與安裝

經過了兩週的測試,果然讓我抓到不少問題,最搞笑的是安裝頁面裡的連結居然是錯的,我還擺在那兒好久,若不是 Agrippa 發現了這個怪現象,我可能還在一直搞笑下去呢。

好,廢話不多說,今天就讓我來鄭重介紹這個我很喜歡的超強外掛!

外掛簡介

可將標籤網頁元素改成功能強大的標籤文章選台器。

原來的標籤元素是超長又難用的列表

Label-04

使用標籤文章選台器後就變成...

Label-04.jpg

點一下選擇標籤就會出現標籤雲
隨便點一個標籤文章列表就會更新喔

Label-05.jpg

沒有安裝標籤雲的就會長這個樣子

 Label-06.jpg

也可以變成下拉式選單呢

Label-07.jpg

這樣就可以輕鬆的按主題找到文章囉

Label-09.jpg

百分百自訂外觀

這版最大的特色就是可以 100% 的自訂你喜歡的外觀與訊息字樣,除了外觀必須用 CSS 進行設定,訊息文字完全可以利用安裝頁面輕鬆修改,要改成英文版本甚至任何語言版本都非常容易

安裝頁面中把「自訂格式與顯示文字」勾起來,就會出現進階的設定選單,依標題與對應的文字修改即可。

CSS 的樣式將會在下一篇進階設定中詳細解釋。

安裝與設定

超級方便簡單無腦安裝,就算是完全不懂語法也可以輕鬆完成

 

安裝請按我

 

進入安裝頁面後,你可以修改成想要的格式,或是直接使用預設選項。

因為這個外掛會修改標籤元素,所以你可以新增一個「HTML/Javascrip 網頁元素」,將自動產生的程式碼放上去,或是把程式碼放進任何已存在的「HTML/Javascrip 網頁元素」中,甚至,你也可以將程式碼放到範本中,只要你高興就好。

只有一點要注意jQuery 必須先被執行,所以不管你放在哪裡一定要放在 jQuery 之後執行。

安裝程式預設安裝 jQuery,如果已經裝過的朋友,就請把勾勾去掉,不要管那個可怕的紅色警告訊息啦(別擔心,它自己會躲起來)!

不懂什麼碼的,也不用氣餒,LVCHEN 早就幫你想好囉,讓你完完全全不用傷腦筋,只要兩鍵就能完成安裝。

有看到旁邊的那個可愛的圖吧(可愛?),對就是它,不要嫌它醜啦,勇敢的給它按下去吧。

接著只要依提示登入部落格,你就應該有看到下面的圖,只要再點一下「新增迷你組件」,就完成囉!

Label-10

79 則留言:

Davin 提到...

LVCHEN大大...
你越來越強了說!
等我想把我的Blog做變動的時候,在來給他無腦安裝一下...

水瓶尤加利 提到...

LVCHEN閣下:
請問有打算作 "隨機文章" 的功能嗎?

LVCHEN 提到...

DAVIN 你用 NEO 可能用不著吧,NEO 的功能與整合性更厲害啊。

水瓶尤加利妳的建議讓我想了很久,我初步決定,可能不會做,雖然隨機文章功能不難。
也許你聽到會有點失望,先跟你說聲對不起。
否決的原因其實很簡單,只是想要保持這個外掛本身的功能專一性,隨機文章跟這個外掛的功能,在屬性上似乎不太合呢。如此一堆不是每個人都用得到的功能全擠在一個外掛裡,也太說不過去了。
不過呢,LVCHEN 有空時說不定另外做一個隨機文章的外掛,到時真讓我生出來的話再分享給大家囉。(其實好像已經有人做出來的,可以 Google 看看)

blogger初心者 提到...

超感謝的~~~
受益良多^++++^

xinchuer 提到...

喔喔
這真的很好用!
不過有個疑惑,在標籤上選擇了文章

跳到那個文章後,標籤會自動縮起來,變成最初狀態了

請問可以像內建的blog存檔一樣,選擇文章後,標籤不會動,還可以繼續選想讀的文章嗎…?

xinchuer 提到...

抱歉!說錯了
內建的blog存檔也會變成本月的文章。

因為…我是在想如果以後要讀以前的文章的時候,不就要重複一直選同樣的標籤

LVCHEN 提到...

hi, xinchuer 老實講我不太懂你的意思耶-->「內建的blog存檔也會變成本月的文章」?這是什麼情形呢。

在標籤上選擇文章後,你就跳到那文章的連結了,所以網頁會全部重新讀取,所有的程式碼都會再執行一次,如果你預設標籤縮起,它就會縮起來囉。

至於你說不想要重複一直選同樣的標籤,關於這點你可以用另開視窗的方式,這樣就不需要一直選同樣的標籤了。

還有你說像內建的 blog 存檔,選擇後標籤不會動...除非你用的是 NEO,不然網頁一樣會重新讀取,如果你用的是 NEO,那這個外掛對你沒有意義滴。

Yao Kaling 提到...

我是用無腦安裝!! 還是失敗了...這跟瀏覽器有關嗎?

LVCHEN 提到...

yao kaling, 首先是 jQuary 不要重複裝喔。再來你需要一個標籤網頁元素,這樣裝上去後,原來常常一串的標籤就會變成選台器囉。

qq0526 提到...

最近發現一個有點嚴重的問題,就是『標籤文章選台器』程式的命名,縮寫為『adv_label.js』。

正好跟許多廣告(advertisement)js的命名規則一樣,都是『adv*.js』。

這對裝了adblock或其他擋廣告軟體的閱讀者來說,非常致命。因為大家只會以為這個BLOG『沒有最新文章』,並不會發現這是被擋住了。

老實說,我之前一直覺得有件事很奇怪,就是為甚麼你不安裝自己開發的JS,直到剛剛才發現,這是因為我把自己的BLOG排除在規則之外,所以沒被擋,而你的就被擋掉了。orz

qq0526 提到...

我目前是已經先自行改檔名,不過想說還是跟您提醒一下。。。。。。畢竟這也許只是我個人的問題啦。

LVCHEN 提到...

(恩...LVCHEN 自己都不裝,難道裡面...有鬼!!!)
ㄟ...就是因為圖方便才開發這麼個東西,我自己怎麼可能不裝呢...何況連我自己都覺得好用捏...
啥,原來是檔廣告軟體不喜歡我的選台器啊...難怪裝的人好像比較少...
那之前沒裝成功的人,我大概可以暸解是位什麼啦...這...還真是既嚴重(對別人)又有點不嚴重(對我自己)的問題啊!!!
我....馬上去改...稍後寫一篇補充。
感激醫生的治療啊!

Jean Yan 提到...

LVCHEN大大...
我的blog 都沒設標籤
我安裝了以後..
都沒有內容耶
只有標題
為什麼>< 嗚~

LVCHEN 提到...

親愛的 Jean Yan, 如果沒有設標籤,應該就不能運作吧。我也不知道沒設標籤會怎樣耶...還有我不知道你的格子在哪,要怎麼幫你找問題呢...

Jean Yan 提到...


sorry,我是新手
我的blog: jeanyan329.blogspot.com
蛤~要設標籤呀...

Jean Yan 提到...

LVCHEN大大...
呵~
你到我版上留言真令人驚喜.. ^^
我設了標籤了,
但是最新文章還是不出來耶
那個"標籤文章元素"那是要填什麼?
如我的版jeanyan329.blogspot.com上
是那個" + 心情分類 +"嗎?
嗚~~~幫幫偶~

還有還有, 人家的那個最新回應
為什麼前面的"+"都不能按...
搞很久了
救救我吧~

電光人 提到...

我想問一個跟標籤選台器沒什麼關聯的問題
那就是,如何安裝 jQuery 呢?
因為我的Blogger沒有裝jQuery,所以標籤選台器不能使用 .

吊子1/2 提到...

我升級了 1.2 版, 升級的方式只是把程式碼連結改掉, 結果變成只有最新文章按下去可以顯示文章列表...其他標籤按下去都會顯示"一篇文章也沒有耶!
會不會是輸入錯誤的標籤啊?"
但那個標籤是有文章的...而且換回1.1就一切正常...不知道是什麼原因...

Min-Chun Ku 提到...

不好意思想請問一下, 我看了很久想要安裝這個, 還是不懂耶, 那個"標籤元素名稱"裡面要填什麼阿? 可以舉例嗎? 多謝多謝~

LVCHEN 提到...

hi 電光人,我看到你的站上已經成功安裝標籤選台器,這也表示 jQuery 已經成功被裝上去囉,有問題再留言吧。

吊子1/2,先請你使用新的連結,另一個連結我並沒有修正,我已經到你的站上留言囉。

Min-Chun Ku, 標籤元素名稱通常是 "label1"(我應該已經幫你填好了啊),當有兩的以上的標籤時才會有其他的名稱。請多利用安裝程式吧。

電光人 提到...

有沒有辦法把最新文章後面的日期弄掉阿?不然我覺得版面看起來亂亂的。

LVCHEN 提到...

電光人,
對不起,關於您提到的這一點....是 LVCHEN 的錯,而且暫時沒有簡單的解(得修改程式碼)。
看來外觀設定還沒有辦法到 100% 啊...
LVCHEN 會再下一版修正。

電光人 提到...

是我自己無聊覺得日期有點礙眼,哈哈,我會等你下一板的。

Vincent 提到...

Dear LVCHEN大大
為何您的「最新文章」和「選擇標籤」外圍都有一個框框???這要如何設定呢??

還有如何在「最新文章」的文章列表中,每一篇文章前面,都出現一個小圓點呢??

這兩點,可以讓畫面好看、整潔很多,小弟有點想參照您的版面型態,不過實在不懂語法,請大大不吝指正一下嘍。感恩
(vicentelin.blogspot.com)

LVCHEN 提到...

關於那個外框,您必須到 CSS 的地方加入一行

#headerBlock .buttonStyle
{border: 5px ridge;
padding: 1px;}

而那個小圓點其實是圖型
利用下面這行達成

#postsList li {
list-style: none;
padding-left: 1.4em;
line-height: 170%;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 6px;
}

請參考這篇標籤文章選台器 1.2 版樣式修改

如果這樣還是不懂的話,可以請您留下 E-mail,我在 E-mail 裡再給您 step by step 囉。

Shayne 提到...

不好意思阿大大請問一下為什麼我按照您的方式安裝完跑不出來可以幫我看看嗎
shaynewu.blogspot.com

阿霈 提到...
此文章已被作者刪除。
菜籃一族 提到...

抱歉~我又來鬧了~~
1. 一個小小意見:當點了"選擇標籤"或"顯示標籤"之後,這四個字可不可以改成"隱藏標籤",也就是標籤展開的情形下改為"隱藏標籤"。
2. 有可能發表您BLOG最上頭的階層功能如何做嗎? 例如:現在的位置:首頁 > Javascript > 關於最新回應 2.0 beta 新增的功能。

LVCHEN 提到...

To 菜籃一族,下一版會把這個「隱藏標籤」當作開發重點之一,謝謝您提供的建議。
至於那個階層的功能,不是我設計的,我是參考這裡

菜籃一族 提到...

謝謝回應喔,其實原本的功能已經很完善了,純粹是一個建議而已...

亭ܤ 提到...

你好,
我已經先把標籤網頁元素裝上去了,
可是我顯示出來的居然跟你的不一樣,
不知道是怎麼了?
還有,我還是不懂要怎樣安裝你設計的
標籤文章選台器1.2版耶....
是安裝完標籤網頁元素後再將程式碼貼入任意 HTML/Javascript 網頁元素中嗎?
可是這樣不就會有兩個標籤版面了...

不知道你看不看的懂我說的耶。

這是我的網址,請你有空幫我看一下,謝謝。
http://bubble-green.blogspot.com/

亭ܤ 提到...

LVCHEN,我成功安裝了,真的很謝謝你喔!

亭ܤ 提到...

LVCHEN,才說我已經把標籤用好而已
結果現在又出問題了。
剛剛我新增了一個網頁元素後,標籤選擇器就變得很怪,阿土伯的標籤雲跑出來了,
然後你的標籤選擇器就不能按。
(我只要新增網頁元素就會這樣,
 說什麼網頁發生錯誤...)
而原本在[+/-]前沒有的東西也出現了,
請問要怎麼把標籤雲移除呢?
還有收合鈕前面那個是blogger本身就有的吧,也可以把它弄掉嗎?

不好意思又要麻煩你了....
對了,不知道為什麼我不能安裝最新回應,
裝了之後什麼都沒有出現,好詭異,
這個問題待我再裝一次之後再問你吧!

LVCHEN 提到...

To 亭, 最近比較忙,我稍後再到你的站上瞧瞧。我會直接回到你的留言板嚕!

亭ܤ 提到...

LVCHEN:
嗯,那我就等你忙完之後幫我解答囉 :)
因為網頁常發生錯誤的關係,我都還沒新增。

LVCHEN 提到...

To 亭, 關於標籤雲,那是外掛,並不是 blogger 內建的,因為標籤雲的設計大家都有些不一樣,不過我的選台器是有相容阿土伯的標籤雲的,會怪怪的應該是 jQuery 造成的問題,因為阿土伯的外掛已經有點舊了,新版的 jQuery 會無法正確執行,可能是這個原因。
如果不想跟標籤雲衝突,可以另外新增一個標籤元素,然後更改選台器設定中「標籤元素名稱」的值,例如從 Label1 --> Label2,這樣就不會衝突囉!

林野喵 提到...

請問LVCHEN 大大:
有沒有打算出一個可以整合選台器的外掛

想像之中狀況如下:
內文中,如果有出現"標籤(label)"的關鍵字時,該關鍵字會自動連結,點選之後,就變成選台器的功用 XD

這樣子想起來太夢幻了吧 ^^

LVCHEN 提到...

To 林野貓, 的確是夢幻了點,其實這並不難做到,但還得網主們配合,下好正確的關鍵字,這樣才真的有用,如果喜歡亂下標籤的,那反而變得難用啦!

林野喵 提到...
此文章已被作者刪除。
咕咕森 提到...

LVCHEN 大大 你好
我使用你的選台器雖然成功了,
可是標籤雲我用不出來不知道你能幫我
看看嗎
http://kukusimn.blogspot.com/
一直試不出問題點所在

LVCHEN 提到...

hi 咕咕森, 標籤雲要裝了標籤雲外掛才有,LVCHEN 各個是選台器而已啦,只是可以配合標籤雲顯示罷了!
如果找不到標籤雲,或是不想用,只要用下拉式選單就OK囉!
下一版會提出一些方案,方便想要用標籤雲的人可以選擇。
對了,我看了你的 blog,你的 jquery 也重複裝了,可以把 1.2.1 版的那個拿掉。

咕咕森 提到...

原來是這樣子,以為標籤雲是含在裡面的
謝謝LVCHEN指出那邊有問題先來去改進

水瓶尤加利 提到...

一時興起, 改寫成有『標籤雲』的選台器,
請見 alc_12_src.js

p.s. 可能還有點 bug, 而 _pack.js 不確定有沒有問題

LVCHEN 提到...

To 水瓶尤加利, 幹得好啊,我正打算要把標籤雲這東西加進去呢,之前我到你那看好像沒有出現效果,今天再去看就OK了呢。

建議你寫一個簡單的教學,我可以做個連結連過去,給有需要的朋友參考。

到時後新的選台器我會參考你的寫法加上標籤雲,希望藉由進一步的整合可以讓程式再小一點。

等我開發到那的時後再跟你討論看看。

喔...對了,我前天對選台器做了點小小個改版,因為發現了一個 bug,真是不好意思,建議你下載最新的 (7/18)的版本修改,修改的地方在 fetchcategory()

水瓶尤加利 / Eucaly61 提到...

呵呵, 晚了幾天, 還是祝你生日快樂!!

安裝說明如下
內建『標籤雲』的『標籤文章選台器』

BBoy Swallow 提到...

lastnight.blogspot.com
我的標籤blogger hack 怎麼讀不到文章呢
問題出在哪?!

LVCHEN 提到...

To BBoy Swallow,
你必須要有「標籤」(label)這個網頁元素,才能使用這個外掛喔!

BBoy Swallow 提到...

我猜測是選台器取得的標籤名稱是"BloggerHack",而實際上是Blogger Hack(有空格),所以讀不到文章。另一個標籤運作正常

正妹團長 提到...

http://mqgirl.blogspot.com/

我裝了
可是不能用
不知道哪裡出了問題??

LVCHEN 提到...

To BBoy Swallow,
看來這的確是個 bug,等我修好就可以用了。

To 正妹團長,
我沒看到你裝上我的程式啊,如果你拿掉了,可以裝上去我再幫你看看。

感官動物 提到...

LVCHEN大你好:
使用了您的選台器卻沒出現變化,不知道是哪裡出了問題呢?可以指點一下嗎?謝謝!

LVCHEN 提到...

To 感官動物,
你的參數設錯了 , tagListSetting.labelName = 'Label1'; 才對。
必須要對應到 label 的名稱,預設就是 Label1,如果有一個以上的標籤,才需要更改。

感官動物 提到...
此文章已被作者刪除。
感官動物 提到...

LVCHEN大你好:
你的選台器真的很不錯,感謝你的無私分享喔!!不過,我的選台器最新文章時靈時不靈,不知道發生什麼問題?麻煩你了,謝謝啦~~

LVCHEN 提到...

To 感官動物,
你的網站的問題,是jQuery 造成的,請把
<script src="http://cjh829-easy-read-more.googlecode.com/files/jquery-1.2.1.pack.js" type="text/javascript"></script>
這一行刪除,並確定 jQuery 的載入在所有外掛的之前。

感官動物 提到...

LVCHEN大你好:
那行我已刪除,不過還是不行,要如何確定jQuery已經先執行呢?抱歉一直來亂@@

LVCHEN 提到...

To 感官動物,
我發現你的 blog 的 rss 設定為 none,也就是說讀不到 rss or json feed。

請到後台的設定裡,把 site feed 的選項中,Blog Feed 調整成「full」(完整) 或是 「short」「簡短」」

感官動物 提到...

LVCHEN大你好:
我site feed裡預設就是full,我沒有更改喔!最新文章我之前有成功,但後來重新做一次就不行了,不知為什麼?不好意思麻煩你了!!

感官動物 提到...

LVCHEN大你好:
感謝你的熱心回應,找個時間我會好好試試,再告訴你結果,感謝囉!!

高藥師 提到...

http://breastca.blogspot.com/

不好意思
我裝在這裡
左上角
都沒有東西出現
不知道哪裡錯了

感恩

LVCHEN 提到...

To 高藥師,
這個外掛必須要配合「標籤」這個網頁元素(page element)一起使用,請先到後台裝上之後,再服用標籤選台器,就會看到效果了。

歐弟 提到...

請問一下,我之前的使用的很好很強大,但是最近忽然網址會變成下面這種樣子
http://odie34.blogspot.com/feeds/4932137120934079361/comments/default

也就是變成連到feeds那邊,但是另一邊bloger內建的網址卻沒跑掉,請問有解嗎?

謝謝

LVCHEN 提到...

To 歐弟, 現在又是很好很強大囉!

閒妻Candy.C 提到...

好棒的功能喔!謝謝你的提供,我有在blog介紹你這個資源喔!跟你說一聲..

樵森夫.猴大 提到...

您好,我很喜歡您開發的兩個功能,我都有安裝了,最新回應2.0可以正常顯示,但是標籤文章選台器1.2卻不能正常顯示,可否請您幫我看一下出了什麼問題嗎?
為了讓jQuery可以在所有外掛之前執行,我把jQuery移到 /head 後面那行,這樣會有影響嗎?
不好意思,我是blogger的新手,有很多不懂的地方請多包涵。
我的網誌:http://naturetaiwanese.blogspot.com/

樵森夫.猴大 提到...

您好,LVCHEN大,我已經將上述問題解決了,之前是因為我的jQuery網址在貼上時不小心多按一個字元,我後來改為使用 jQuery1.2.6,且為了日後改版方便移除,我還是用外插JS。再次感謝您供給的Code,日曆功能之後有時間我也會使用的。

另外請問一下,jQuery可以直接將Code下載下來貼在範本中嗎?這樣會不會使得網頁開啟更快呢?

蘆洲管家婆Cony 提到...

我很想用這個功能,因為我自己會寫東西但分類一多,看起來真的很討厭,但我試著用這個功能,show不出來..遇到新玩意就沒法度的蘆洲管家婆Cony!
我的網址http://www.conychang.com
能請你協助一下嗎?謝謝!

varec 提到...

感恩L大的無腦安裝,是造福人群的善心之舉呀!

Lonyice,小龍 提到...

ie8不讓我安裝

要怎麼辦~"~

LVCHEN 提到...

To 小龍

我有點看不懂。是不讓你裝,還是裝了看不到?

可以先按產生程式碼,然後 Copy 程式碼,再貼到任意的 HTML/Javascript 元素中,不一定要用安裝程式中的 add to blogger 按鈕。

雖然我還沒有用過 ie8 不過應該不會有不相容的問題,雖然我也不能保證 100% 相容,因為畢竟是微軟製造,問題保證。

YvonnE 提到...

你好,很想使用這個下拉式選單,首先我不懂jQuery,所以勾選跟不勾兩種都嘗試安裝,但版面無動於衷耶~~可以麻煩賜教嗎?謝謝!

LVCHEN 提到...

To Yvonne,

雖然還是在測試,但仍建議使用 2.0 版,此版不需要使用 jQuery,安裝很簡單,請看標籤選台器 2.0 測試開始

順便說一聲,正式發表很近了。

LVCHEN 提到...

To Yvonne,
剛剛去你的格子看了一下,你有個參數設錯了。
因為你的標籤元素 ID 是 Label2,所以參數要改成
tagListSetting.labelName = 'Label2';
才對,你設成 Label1是出不來的喔!

YvonnE 提到...

謝謝你的貼心~果真可行了!超感謝~

Troy 提到...

想順便請教一下”我覺得這篇文章”的那個功能是在哪篇有寫到嗎?相當快速的一個機制,也很想用呢!!

LVCHEN 提到...

To Troy,

那是 blogger 的基本功能喔!
只要到後台設定裡,有網頁元素那裡,除了 sidebar 各欄元素設定,中間大大的文章頁也是個元素,打開他的設定你就會看到了。

也許我應該要寫篇文章說明一下我用的外掛有哪些,不過真的蠻少的耶。

yilan 提到...

您好!我使用兩鍵安裝,可是顯示都是空白的吔!!是什麼地方沒設定好呢~~~謝謝

LVCHEN 提到...

To yilan,

很抱歉,我無法進入您的部落格,所以對於您的問題我也不知道答案。建議可以試試看使用 2.0 版,說不定可以解決問題。

yilan 提到...

真是感謝!再感謝!我成功安裝好了喔!!對你真是崇拜呢~
ps.原來是沒安裝「標籤」的原因...之前沒好好仔細研究留言,還得麻煩大大您...真是差愧呢~~您人真的很好心,因為你才能讓眾人的blog更加好用喔...再次大力謝謝您!!!!