很簡單，FaceBook 有一項內嵌的功能，連結如下 :

https://developers.facebook.com/docs/plugins/embedded-posts/

You can customize Weebly Blog and the Blog Side Bar if you are a little comfortable with adding a few lines to main-style.css. Lets take the example of Custom-Blog from Informal Theme which has a few changes to the side bar and fonts.

This Weebly Blog page has a wider than normal side bar 

and a bigger font size for post title. To adjust the size of side bar, you need to add a couple of tags to main-style.css which can be accessed from Design –> Edit HTML/CSS. The tags .blog-sidebar and .column-blog define the width of side bar. For the Inform.al Theme, we chose a width of 250px for side bar and 235px for the contents in the side bar. If you choose a different width, change them proportionally. Maintain a 15px gap to keep the side bar contents separate. Add the following lines to main-style.css

.blog-sidebar { width: 250px; } .column-blog { float: right; width: 235px; margin: 0; padding: 0; }

把下面這段 JavaScript 存到我的最愛：

javascript:(function(){var a=window;a.oncontextmenu=null;a.ondragstart=null;a.onselectstart=null;var b=document;b.oncontextmenu=null;b.ondragstart=null;b.onselectstart=null;var c=b.body;c.ondragstart=null;c.oncontextmenu=null;c.onselectstart=null;var d=a.jQuery;d&&d(a).unbind()&&d(b).unbind()&&d(c).unbind()})();

以後遇到鎖滑鼠右鍵的網頁想解鎖，到我的最愛點一下就可以了！這個把 JavaScript 存在我的最愛的小技巧有個專有名詞叫 Bookmarklet 。

Firefox 外的瀏覽器也可以用網址列執行 JavaScript 的方式。把上面這段 JavaScript 複製貼上到網址列，按 ENTER 執行。 IE9 以上和 Chrome 複製貼上到網址列會將開頭的 javascript: 去掉，請自行將 javascript: 打回。

滾動字幕會讓很多人感到興奮，特別是第一次使用滾動字幕時，會愛不釋手。滾動字幕我也做得不少了，對它也不會興奮了，所以現在也用得不多了。有不少朋友常問到這是怎麼做的，現在做一個詳細的專題，讓你更全面地了解一下。
 滾動字幕在FrontPage的組件裡有，但是FrontPage這個軟件只能支持單行文字，一出現多行文字它就無能為力了，而且它只能支持一行滾動！ (如果出現只能滾動一行的情況，解決辦法是把這段代碼嵌入到JavaScript的document.write裡面，請看下面例d的詳細說明)Dreamweaver也只能用編寫HTML代碼的方法。所以強烈建議用記事本打開網頁源代碼來編輯。

 1.建立第一個滾動字幕。代碼：
<marquee scrollAmount=2 width=300>廣州正佳網站建設公司專業的網頁設計網絡營銷服務提供商</marquee>
 效果如： 廣州正佳網站建設公司專業的網頁設計網絡營銷服務提供商

 2.各參數詳解：

現在可以連上互聯網的裝置越來越多，而且各個裝置的闊度也有所不同，在設計網站時經常要為不同闊度作出調整。
針對這個問題，我們可以透過viewport及media-query來修正網站的顯示方式。

viewport的應用方式
現時大多數的裝置都會將網站的闊度預設為980px，也就是說如果你的網站闊度大於或少於980px，將會無法完整地顯示整個網站。
在這個情況下，我們需要透過viewport來告訴裝置網站實質的闊度，例如我們的網站是720px，可以這樣設定viewport:

<meta name="viewport" content="width=720">

那麼裝置就會完整地顯示整個網站。

箭頭符號 : 上下左右的箭頭、風向、指南針符號

圖形符號 : 正方形、長方形、菱形和填色方塊的符號

三角符號

線段符號 : 單線框、雙線框

圓形符號 : 數學符號

計數符號 : 添加、 減去、 乘以和劃分的符號

單位符號 : 長度單位，溫度的單位，面積單位，攝氏、 華氏符號

只需在Pixnet css版面底部添加 " #toolbar-box{display:none} " 語法，便可以 !

縱使 Blogger 每篇文章的頁尾，我在 Template 中都有使用 CSS 列一個 Button 可以回到頁首，但近來在回味以前的文章與照片時，發覺部份文章都"落落長"，有時突然要返回頁首作其它瀏覽時，會發現有點不便(有點懶吧!)，雖然這只要用滑鼠去點、或去拉就能返回的事，甚至可以利用鍵盤上的 Home 與 End 來實現，但總覺得不夠即時性，剛剛試著在後台加入一段語法，讓版面右下角有個固定 icon 可以直接點回頁首，隨手就將它筆記下來，語法如下：(在設計/網頁元素/新增小工具/HTLM與JS 內加入) :

<a href="#" title="Top of this page"><img onmouseover="this.src='icon大圖位址'" src="icon小圖位址" onmouseout="this.src='icon小圖位址'"/></a>

<div>
<b id="date">
<script >
  //若小于10，前置加0
  function add_zero(i){
if(i<10){ i="0"+i; };
return i;
  }
  var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
  var month=new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
  var d=new Date();
  dInfo=d.getFullYear()+"年";//dInfo+=d.getFullYear()%100+"&nbsp;";
  dInfo+=month[d.getMonth()];
  dInfo+=d.getDate()+"日&nbsp;";
  dInfo+=week[d.getDay()]+"&nbsp;";
  document.getElementById("date").innerHTML=dInfo;
</script>