[Blogger Hacks # 07] 文章段落加密
↑從這邊看來的，可以去那邊看一下範例。
原原教學是英文
不過請放心
我把方法翻成中文了
雖然不完全了解他的原理，不過撿查網頁的原始碼什麼的，真的找不到密碼和隱藏的訊息
可能是經過什麼網頁加密吧
會知道這個是因為同學跑來問我
然後就研究了一下
1.打開 encryption page這個網頁
2.在KEY的欄位中打要設定的密碼，Plain Text打要隱藏的內容
3.按下Plain Text框框下方的ENCRYPT產生原始碼
4.HTML Code下面的Standard/Inline/***三個選項就看自己需要來選擇嘍
5.HTML Test可以預覽效果
6.把HTML Code產生出來的原始碼複製貼到HTML中
7.文章最後面需要加上下面這一段:(原理不清楚)
==================================
範例:(密碼222)
有些字可以自己修改，像是上面這個範例，我把原本是英文的地方(會顯現出來的字)改成中文了
只要文字的位置沒有變動就不會影響到語法效果。
2011年10月30日 星期日
2011年8月4日 星期四
[噗浪plurk]卡碼無限
原理只是把卡馬顯示的地方用圖片覆蓋過去。
原噗
/*卡碼無限*/
#karma {font-size: 0!important;}
#karma_arrow {height: 0px;}
#dash-stats { background: url(http://i.imgur.com/sCJyT.png) no-repeat 100px -3px !important;}
紅字部份的圖片也可自行替換
上傳自己要替換的圖片然後把網址替換掉就行了
橘色字的部分可以微調圖片的位置
根據自己的版面自行調整吧(慢慢填上其他數值來實驗)
原噗
/*卡碼無限*/
#karma {font-size: 0!important;}
#karma_arrow {height: 0px;}
#dash-stats { background: url(http://i.imgur.com/sCJyT.png) no-repeat 100px -3px !important;}
紅字部份的圖片也可自行替換
上傳自己要替換的圖片然後把網址替換掉就行了
橘色字的部分可以微調圖片的位置
根據自己的版面自行調整吧(慢慢填上其他數值來實驗)
2011年1月29日 星期六
小貼紙教學★
就來自己寫教學了!
小貼紙就是會貼在部落格左右欄位的東西
通常是一張圖片然後可以連結
作用1:點進去會連結到某個部落格之類的，對某些寫部落格的人來說也是一種宣傳手法。(不過我覺得用奇摩或google搜尋時能夠在前幾頁，甚至第一頁前兩三項結果就是連到自己部落格比較有效。)
作用2:或是標記自己是哪個團體也可以用，像是創作革命論壇就有自己的貼紙供同學們貼。(這種宣傳就挺有效果的，因為貼的人多。)
作用3:當然你也可以不是為了宣傳，完全是想表達自己的喜好，或有些梗想表達，但字數不足以寫成一篇網誌。那你也可以用像這樣的小貼紙來表達。
像是這樣
或是
(沒有連結到哪，不用點了)只要是網頁都可以連，你也可以故意連404錯誤頁面。
今天就要來教這個貼紙的語法★
★Step1
要有一張圖片，用
這裡提供一個不會畫畫也不會攝影又不想侵犯別人圖片版權的方法:http://revo-create.com/viewthread.php?tid=16630&extra=page%3D1
做出來會像這樣:
或是這樣
或是這樣
用OPERA作時發現不能複製那個網站的圖片，但用火狐可以。如果你是用OPERA瀏覽器的話可能要注意一下。
色碼表在此:http://www.lses.tp.edu.tw/colortable.htm
色碼輸入的時候只要後面的英數字就行了，前面#不用輸入
配色參考可以用這個網站:http://colorschemedesigner.com/
如果你是自己畫圖、攝影或設計圖的話，注意一下圖片大小，可以參考別人部落格貼紙的長寬，200*40像素差不多。
★Step2
圖弄好之後，接下來你需要有一個上傳圖片的空間(記得要可外連的)
因為我只有用這個所以只說這個:http://photobucket.com/
算是老網站了，點Sign up註冊(免費)，註冊認證好之後(會寄信到你留的信箱裡)。
上傳圖片，然後滑鼠指到上傳好的圖片或點進去，可以找到一個HTMLcode的項目，把那一項目裡的字複製(這裡你點他一下他會自動複製，如果沒有的話就手動框起來複製吧)
好了之後應該是這樣:
★Step3
把這個語法前面< a href="這個網址" > 中的網址改成你想連結到的地方
。以我來說是http://i1192.photobucket.com/albums/aa324/tomee7254/4def4319.jpg改成http://godindetils.blogspot.com/(要連的網址)，像是你的部落格，例如這樣:
★Step4
然後貼到部落格的欄位中測試看看，記住這是html語法，要注意一下那個空間能不能支援。
看會不會太小或太大，或是會破壞整個版面，盡量能夠符合大部分人部落格的尺寸。
最重要的是點下去連結看看有沒有問題。
★在這裡翻譯一下語法的意思(語法有點像跟電腦說的語言那種感覺):
< a href = "http://godindetils.blogspot.com/" >
連結到某個網址，也就是點下去連結的地方，''網址寫在這''
< img src="http://i1192.photobucket.com/albums/aa324/tomee7254/4def4319.jpg"border="0" >
圖片的連結，IMG SRC很像是''影像描述''的縮寫之類的，border是邊界，因為我不知道他的作用所以不用理他
< /a >
結束這回合!!
2011.6.21
突然想到可以補充
2011年1月26日 星期三
''文章樂透''語法(BLOGGER)
這個語法的功能:
你按下某個類似連結的東西，就能給讀者隨便抽一篇文章。
就像這個部落格上面的''隨便給我一篇文章''一樣，你要叫''按下去會爆炸''也沒關係。
原出處是這 http://phydeauxredux.googlepages.com/Blogger-Feeling-Lucky.html
2011.1.27更新 整個語法複製下來的樣子
如果你想自己動手的話跟著下面這個教學吧!(就是會有不想直接複製上面語法的人......)
★步驟一、進去時他會叫你下載某個頁面，下載完，打開下載的頁面:Blogger Feeling Lucky Widget (Random Post)。
★步驟二、往下拉，複製Blogger Feeling Lucky Widget (Random Post)第一個綠色框的內容。
★步驟三、到blogger頁面上的設計>網頁元素，點新增小工具(看你要在哪個位置就點哪一個，不過其實之後還是能移動)裡的HTML/JavaScript。
★步驟四、在跳出來的設定頁面中的內容貼上剛剛複製的，並在最前面加上head字樣，然後把head這個字用<>框起來。
★步驟五、再回去Blogger Feeling Lucky Widget (Random Post)複製第二個綠色框，貼到剛剛貼的內容底下，這樣基本上就行了。
★步驟六、剩下的就是看你要把連結的字樣改成什麼，把語法最後面的Feeling Lucky?改成你想要的字就行了，像是''按下去這個網頁會爆炸''之類的名稱，可以提高按下去的意願(?)。
至於你問第三個綠框框是幹啥的?
那應該是另一種方法，我有嘗試過但沒成功，有誰試出來的請教教我吧......
你按下某個類似連結的東西，就能給讀者隨便抽一篇文章。
就像這個部落格上面的''隨便給我一篇文章''一樣，你要叫''按下去會爆炸''也沒關係。
原出處是這 http://phydeauxredux.googlepages.com/Blogger-Feeling-Lucky.html
2011.1.27更新 整個語法複製下來的樣子
如果你想自己動手的話跟著下面這個教學吧!(就是會有不想直接複製上面語法的人......)
★步驟一、進去時他會叫你下載某個頁面，下載完，打開下載的頁面:Blogger Feeling Lucky Widget (Random Post)。
★步驟二、往下拉，複製Blogger Feeling Lucky Widget (Random Post)第一個綠色框的內容。
★步驟三、到blogger頁面上的設計>網頁元素，點新增小工具(看你要在哪個位置就點哪一個，不過其實之後還是能移動)裡的HTML/JavaScript。
★步驟四、在跳出來的設定頁面中的內容貼上剛剛複製的，並在最前面加上head字樣，然後把head這個字用<>框起來。
★步驟五、再回去Blogger Feeling Lucky Widget (Random Post)複製第二個綠色框，貼到剛剛貼的內容底下，這樣基本上就行了。
★步驟六、剩下的就是看你要把連結的字樣改成什麼，把語法最後面的Feeling Lucky?改成你想要的字就行了，像是''按下去這個網頁會爆炸''之類的名稱，可以提高按下去的意願(?)。
至於你問第三個綠框框是幹啥的?
那應該是另一種方法，我有嘗試過但沒成功，有誰試出來的請教教我吧......
訂閱：
文章 (Atom)