本文引用自ipzoner - 痞客邦貼文囧境全破解!愛用痞客邦的大家請進~ ^_____^

編輯吉他譜是一件麻煩的事,麻煩的不是抓和弦,而是如何做好數字、英文與中文字的排版 >"<

Step1

先將你的文章在MS Word中寫好且設定好格式﹝文字的大小、顏色、格式、段落間距、文章行距等﹞,並把要插入圖片的地方先以空白鍵或換行的方式預留位置;把所有要插入在這篇文章中的圖片先上傳到痞客邦的相簿中,若是希望某些圖片只要在這篇文章中顯示,但不要在相簿中公開讓大家看到,可以上傳至痞客邦的系統相簿中。

 3.png

Step2

進入痞客邦的「編輯器模式」,先按下左上角的HTML按鈕,這是一個在編輯器模式中用來直接修改文章的HTML碼的功能,按下後會出現一個視窗用來顯示目前文章的HTML碼,在發文前請先確認這個視窗是空白的。

 4.png

Step3

接著就把已經在Word中打好的文章全部複製貼上到痞客邦的編輯器中,再把要插入圖片的地方插入圖片。

 5.png

 6.png

Step4

編輯完文章後,按下右下角的「預覽文章」,這時通常都會發現文字的大小和顏色跟在編輯器中所顯示的不太一樣,沒關係,現在我們再跳回原來的編輯器,使用編輯器上用來調整文字大小和顏色的功能,把在「預覽文章」中有問題的文字全部手動調整一次,調整完後再用「預覽文章」的功能看看是不是調整好了,就這樣一直調整到你覺得OK為止,就可以送出、儲存文章囉。
P.S.
為什麼在這邊編輯器上所顯示的文字大小、顏色會和預覽文章後的格式有所差異呢?因為在痞客邦很多的版型,都有預設CSS的文字格式,你會發現在Word中沒有去特別調整格式的文字﹝在Word中預設的文字大小是12pt、顏色是黑色﹞,複製貼上到編輯器以後通常都會有問題﹝自然而然地就套用了版型的CSS文字格式,但是在編輯器上卻看不出來﹞,而在Word中有特別調整過格式的文字貼到編輯器後就不會有這樣的問題。

 7.png

 8.png

 9.png

境二:

 
想要在文章中的某個區塊貼上JavaScript的特效、貼紙或廣告,使用編輯器模式提供的編輯HTML碼功能,編輯完後居然發現整篇文章全部變成空白,或是發生莫名其妙的狀況…… Orz

破解:

使用編輯器模式的編輯HTML碼功能,當你按下儲存的那一刻,痞客邦就會把你剛輸入的HTML碼依照系統希望的方式重新修改,這時常常就會照成不可預期的錯誤,所以如果要在痞客邦插入JavaScript語法的特效、貼紙、部落格小玩意或廣告就不能夠使用編輯器模式,而要使用純文字模式,有人可能會說:「可是我看不懂HTML碼,而且如果使用HTML碼來編輯文章真的很累@@」,沒關係,我們可以在這兩種模式中做切換,先使用編輯器模式編輯完成文章的大部分內容,並把文章中要貼上JavaScript程式碼的位置先預留起來,接著再切換到純文字模式,把JavaScript程式碼貼上,詳細的步驟如下﹝這邊以貼上AdSenseJavaScript程式碼為例﹞:

Step1

依照破解囧境一的方式先使用編輯器模式把文章的大部分都編輯好,只把要貼上JavaScript程式碼的部份預留起來,然後把文章存成草稿。

 10.png

Step2

在痞客邦的管理後台,選擇左半邊側欄的一個選項:「基本/進階設定」,進入基本/進階設定視窗,在「部落格基本設定」的部份找到「預設文章編輯模式」這一欄,選擇「純文字模式」,然後按下右下角的「儲存設定」按鈕。

 11.png

Step3

重新開啟剛剛存成草稿的文章,這時文章的編輯模式就會變成純文字模式囉,這時先確定在編輯器框框正下方的一個選項:「不要系統自動換行,建議插入影音、表格、活動貼紙、dreamweaver語法時勾選。」有被勾選,再從HTML碼中找到要插入JavaScript的位置並貼上程式碼,然後把文章的狀態改成公開,按下右下角的「儲存文章」按鈕,這樣就把文章編輯完成並發佈囉~
注意:日後如果你要編輯文章中含有JavaScript程式碼的文章,就只能使用純文字模式來編輯喔!如果再切換成編輯器模式編輯文章的話,會發生不可預期的錯誤喔!

 12.png

 13.png

 

境三:

 
在網路上看到了在blog上嵌入YouTube高畫質影片的語法,但在痞客邦上卻不起任何作用?


Step 1
首先在YouTube網站上找到你要內嵌的影片,此次教學以五月天的《你不是真正的快樂》MV做例子,一般我們要內嵌影片時都要先複製內嵌影片的程式碼,如下圖的黃色圈圈處,然後再將程式碼貼到自己的blog或網頁上。不過這次讓我們先把這段程式碼複製貼上到Windows的記事本中。

 

 

Step 2
看到記事本中的程式碼,讓我們先找到<embed src=…>這一個標籤,然後注意到這個標籤中src=”http://www.youtube.com/...”的這一行,如下圖的黃色圈圈處

  

 

Step 3
然後在src這個屬性的雙引號中的網址後面加上&ap=%2526fmt%3D18,如下圖的綠色圈圈處,然後再複製整段程式碼到你的blog或網頁上,這時內嵌的影片自動就會以高畫質模式播放囉!

  

 

arrow
arrow
    全站熱搜

    daviddai0219 發表在 痞客邦 留言(1) 人氣()