讓你的Facebook粉絲團嵌入html頁面

張貼者: william pai On 晚上10:29 0 意見

Facebook粉絲團已成網路宣傳推廣最重要的平台,。但想要在粉絲團中「嵌入自己的網站頁面」這麼簡單的需求,似乎不是件容易的事。 除了fbml及fpage這兩個應用程式之外,另一個應用程式"Static Iframe Tab"可讓你真正的將網頁崁入fb內,更容易更新維護。因為,同一頁面可以是web page也可以是粉絲專頁的內容頁。

1.進入Static Iframe Tab,點選Install Page Tab。
2.選取要增加應用程式的粉絲專頁。 3.接著再您的粉絲專頁上就可以看到"Static Iframe Tab"應用程式圖示,如圖所示。 4.點選初始值"welcome"進入授權應用程式畫面,按下"Authorize the Tab Application"
5.按下"同意"
6.即可進入Static Iframe Tab內容頁編輯相關設定。

facebook粉絲頁線上自訂頁面工具-fPage

張貼者: william pai On 凌晨1:04 0 意見

經營分絲專頁除了FBML,您還有其他的新選擇fPage。

fPage應用程式,不像FBML一樣,您還需要懂得一些簡單html語法才可以製作粉絲專頁頁面。fPag有簡易的操作介面讓您操作,亦可選擇原始碼模式來編輯。讓您的粉絲專頁像web page一樣更生動活潑。

1.首先進入http://apps.facebook.com/f--page/,點選icon來安裝fPage應用程式。

2.選擇要安裝應用程式的粉絲專頁。

3.依照下列1~3步驟進入編輯畫面。

4.可製作單一影像當成自訂頁面外,懂得html語法亦可編輯更豐富粉絲專頁的內容,來增加與粉絲的互動,進而達到社群經營的目的與精神。

在Facebook粉絲專頁加上FBML分頁

張貼者: william pai On 晚上11:32 0 意見

Fb改版後,FBML應用程式無法在上直接安裝,而原本的舊有安裝的還是可以使用,意謂著這應用程式還是沒完全被禁止使用。

在這提供直接連結位置10組分頁安裝,我想在粉絲專頁上應用應該綽綽有餘了吧

想要安裝幾個,直接點擊後,就出現選擇要安裝在哪一個粉絲專頁的頁面,點擊新增就可以了。

01



新增完後就,到應用程式頁面即可看到新增的fbml的應用程式,點擊前往應用程式,就可以編輯您的html頁面囉!

03

HTML元素的關鍵字優化說明

張貼者: william pai On 中午12:20 0 意見
01<!--頁面註解--> /*在註解寫關鍵字瀏覽器不顯示,但搜索引擎讀取的到*/
02<html lang="zh-TW" xml:lang="zh-TW">
03<head>
04、<title>頁面標題</title>/*在seo中是相當重要的一個元素*/
05<meta http-equiv=Content-Language content=zh-TW>
06<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
07<meta name="keywords" content="關鍵字"> /*不超過三個權重才會高,且每頁關鍵字要不同*/
08、<meta name="description" content="網站描述">/*主要是出現在搜索頁的搜索結果*/
09<link href="inc/css.css" type="text/css" rel="stylesheet">
10</head>
11<body>
12<div>
13<h1>頁面內容標題</h1> /*最重要的標籤僅次於<title>標籤權重*/
14<h2>頁面相關性標題</h2> /*僅次於<h1>權重較低,<h3>~<h6>依序遞減*/
15<h3>標題系列</h3>
16<h4>標題系列</h4>
17<h5>標題系列</h5>
18<h6>標題系列</h6>
19、<img src="xxx.jpg" alt="圖片說明"> /*影像的替代文字,增加影像的匹配度*/
20、<a href="/" title="連結說明">連結詞</a> /*連結說明,也是一個頁面連結的seo重點*/
21<strong>重點關鍵字強調</strong> /*標籤重要性僅次於<h1>*/
22<b>關鍵字強調</b><u>關鍵字強調</u><i>關鍵字強調</i>
23</div>
25<div>
26、版權部分關鍵字強調 /*權重越來越高,底部版權區塊及接近版權區塊出現關鍵字,也是一種手法*/
27</div>
28</body>
29</html>
| | edit post

最全的css hack(ie6-9,firefox,chrome,opera,safari)

張貼者: william pai On 上午10:51 0 意見

在這瀏覽器的戰國時代,各家Browser不同調情況下,業主又要求各家瀏覽器視覺統一,所以苦的還是前端的設計師們。

css hack幫我們解決了難題,網路上一堆語法但可解決得卻寥寥無幾,在這裡整理最全的caa hack一覽表,幫各位從事網頁設計的你們輕鬆解決ie6,ie7,ie8,ie9,firefox,chrome,opera,safari所帶來的不方便,而輕鬆作案賺大錢。

<!DOCTYPE html>  
<html>  
<head>  
 <title>Css Hack For All Browser</title>  
 <style>  
 #test   
 {   
    idth:400px;   
    height:400px;   
          
    background-color:blue;      /*firefox*/
    background-color:red\9;      /*all ie*/
    background-color:yellow\0;    /*ie8*/
    +background-color:pink;        /*ie7*/
    _background-color:orange;       /*ie6*/
 }  
    
 :root #test { background-color:purple\9; }   /*ie9*/
    
 @media all and (min-width:0px)      /*opera*/
 { 
   #test {background-color:black\0;} 
 }   
    
 @media screen and (-webkit-min-device-pixel-ratio:0)   /*chrome and safari*/
 { 
   #test {background-color:gray;} 
 }   
    </style>  
</head>  
<body>  
    <div id="test">test</div>  
</body>  
</html> 
| | edit post