目前分類：◇網頁技巧 (3)

瀏覽方式： 標題列表 簡短摘要

2007年11月4日 星期日

今天終於把部落格都搬到Blogger那邊了， (後來又想搬到別ㄉ地方 ... XD )
於是開始想新增一些功能，先從推推王按鈕著手ㄅ ...

第一步：當然是先連到推推王，在首頁右下角可以找到 funP工具

第二步：選擇 右邊 推文按鈕貼紙 ，並勾選您想要的貼紙樣式

第三步：輸入你的網址，來產生程式碼



第四步：修改你的Blogger範本，範本 -> 修改HTML -> 展開小裝置範本
(建議先備份你的模版)


第五步：插入 JavaScript 在 head 中


第六步：插入你想放funp Button位置，我是放置在 post-title 最後

然後預覽看看，再儲存範本，就大功告成了 ^^

.End.

amzshar 發表在 痞客邦 留言(0) 人氣()

▲top

2007年11月3日 星期六

常常看到別人的部落格裡顯示 Source Code 會出現框框，
於是找到了幾篇文章非常有用
1.在blogger文章中顯示程式碼區
2.在文章裡顯示優質的程式碼區
3.文章中引用程式碼的作法

第一步：在你的 [範本] -> [修改HTML] -> 在</html>前加入以下代碼

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;
line-height: 1.2em;
}


第二步：在文章中將程式碼貼入 <code> ... </code> 之間
這樣就大功告成了 ^^

不過在貼HTML code時要注意一下，括號會被browser當作tag讀掉，
所以如果要貼括號的話，要用下列的字元更換！


<  用 &lt; 更換
>  用 &gt; 更換
& 用 &amp; 更換

另一個方法3，引用的部分要用以下方式包起來：
< code class="c"> 和 < /code>、
< code class="cmd"> 和 < /code>、
< code class="html"> 和 < /code>、
< code class="latex"> 和 < /code>、
< code class="file"> 和 < /code>


.End.

amzshar 發表在 痞客邦 留言(0) 人氣()

▲top
2007年11月3日 星期六

要去除上面那個 NavBar ，其實很簡單，


在你的 [範本] -> [修改HTML] -> 在</head> 前加入以下代碼

<style type='text/css'> /* AaA : Add to kill Navbar */
.Navbar {visibility:hidden;display:none;}
</style>
  </head>


.End.

amzshar 發表在 痞客邦 留言(0) 人氣()

▲top