南投縣技職教育協會官方BLOG: 行銷技術門

顯示具有 行銷技術門 標籤的文章。顯示所有文章

2015年6月13日星期六

部落客相片要放的部落格內，有幾個重要步驟您知道嗎??

相片要放的部落格內，有幾個重要步驟您知道嗎??

相片要做適當的調整比例與大小
加上浮水印保障自己的心血
時常整理網路相簿，方便資料的分類與辨識

以下是一些重點的提醒

[步驟]利用方便的軟體批次解決惱人的雜事

批次調整大小
加上好棒棒的浮水印
加上邊框

.......等的一些動作，利用以下的軟體來減少你的時間浪費，並且為您的文章加上個人風格。

軟體名稱：XnConvert

軟體下載與教學
[本地下載]64bit 32bit

[補充部分1]
LOGO 製作軟體：SoThink

2015年6月7日星期日

如何把LINE的ID轉成網址的方式

如何把LINE的ID轉成網址的方式
1.先到其他頁面上點選個人資料

2.點選行動條碼

3.條碼出現後案手機的選單會出現以下欄位選項

1.先更新條碼
2.在儲存
3.在點選公開

4.用電子郵件寄出到自己的信箱

這一段就是你的LINE網址

FB的讚與留言加到Blogger方法(2)

FB的讚與留言加到Blogger方法(1)

準備工作：
(1)取得程式碼
首先進入 FB 讚按鈕的官網：
用途：「讚按鈕」安裝程式碼
網址：https://developers.facebook.com/docs/plugins/like-button?locale=zh_TW

FBˇ的讚與留言板取得方法都是相同

請貼至記事本上並將在這裡輸入APP ID 換成你的 APP ID

(2)拿到App ID和管理者ID後接下來就要開始來安裝Facebook留言了~

↑ 到部落格後抬選「範本」--> 「編輯HTML」

找到<head>，並在<head>的下面貼上以下的程式碼!

在這裡輸入管理者ID --> 改成你的管理者ID

在這裡輸入App ID --> 改成你的App ID

(3)接下來安裝JavaScript SDK，找出</body>，在</body>的上面貼上以下程式碼!

記得把在這裡輸入App ID --> 改成你的App ID

<div id='fb-root'/>

window.fbAsyncInit = function() {

FB.init({

appId : '在這裡輸入App ID',

status : true, // check login status

cookie : true, // enable cookies to allow the server to access the session

xfbml : true // parse XFBML

});

FB.Event.subscribe('xfbml.render', function(response) {

});

FB.Event.subscribe('auth.sessionChange', function(response) {

});

FB.Event.subscribe('edge.create', function(response) {

});

FB.Event.subscribe('comments.create', function(response) {

});

};

(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/zh_TW/all.js#appId=在這裡輸入App ID&xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

(4)找出 <b:includable id='comments' var='post'>，在<b:includable id='comments' var='post'>下面貼上以下程式碼!

讚與分享

留言板

依樣都是第二段程式碼

然後按儲存，就大功告成拉~ 這下可以回到你的部落格，隨便點一篇文章，最下面就會出現Facebook的留言框!

FB是目前人氣之王，透過FB的導引，可以增加部落格的人氣。目前網路上有很多分享將FB的讚和留言加到Blogger方式，試了好幾個，將最終解決方式分享出來。

要修改Blogger的留言，必須修改HTML碼，建議先以Blogger本身範本為底後，確定好版面後，先儲存範本，以防改錯HTML造成整個出問題。備份方式：先進到Blogger後台，選「範本」=>「編輯HTML」，先將全部的HTML碼全選，然後複製貼上到Evernote或是筆記本軟體或是其他地方。再來做FB的讚和留言。
FB的程式碼有4個步驟，如下，將依序介紹：

取得FB ID
取得FB App ID
取得程式碼
放到範本中

1. 取得FB ID
先到[這個網站]，輸入自己的FB網址後，取得自己的FB ID。這個ID是一連串很長的數字。

貼上您的FB網址

取得自己的FB的ID

2. 取得FB App ID
取得FB ID後，再到[FB developer]網頁取得FB App ID。在登陸好Develop帳號，創造一個APP，之後在選擇這個App，會取得一組App ID。

3. 取得程式碼
把FB ID和FB AppID都複製起來存起來。到[FB Social plugin]來設定。

到 facebook Soical Plugins 中的 Comments 獲取程式碼(Get Code)

接下來請看第二篇文章

2015年6月5日星期五

[Blogger應用]嵌在部落格的Facebook粉絲框快更新吧！

不論是一般的BSP部落格，或是Wordpress以及Blogger的站長們，相信都會在側邊欄安裝自己在Facebook粉絲團的框架元素，方便你的粉絲們直接連結或是留言，不過現在這個Facebook官網的API要更新囉，原先舊版的Like Box API工具即將在2015年6月23日停止，所以記得有安裝這個外掛功能的站長請記得趕快更新唷！

安裝操作教學

(1)進入https://developers.facebook.com/[點我進入]

Facebook Page URL：粉絲團網址；
Width / Height：寬度 / 高度；
Hide Cover Photo：隱藏粉絲團封面圖（建議預設值）；
Show Friends’s Face：顯示粉絲頭像（建議預設值）；
Show Page Posts：顯示粉絲團最新貼文（建議預設值）。

進入新版Facebook Page Plugin頁面後，輸入粉絲團的網址並設定留言框的尺寸，然後點擊「Get Code」按鈕。

(2)新增側邊小工具(如圖)

(3)直接到後台的「版面配置」，新增一個「HTML/JavaScript」小工具，將兩段語法依序貼上即可。

(4)結果預覽如[進入}

2015年5月26日星期二

如何進行YOUTUBE信任網站驗證

如何進行YOUTUBE信任網站驗證

驗證步驟：

1.進入影片管理員之後，點選影片進入編輯狀態，點選"頻道"

2.至關聯網站處鍵入要信任的網址(如下圖黃色區)

出現待處理後，點選箭頭所指"驗證" 進入驗證畫面

3.進入驗證畫面後，點選"其他方法"

4.點選"HTML標記" 複製中央箭頭所指英文字串

5.以下是驗證範例可參考一下我們的驗證步驟只有3個，詳細步驟如下：

驗證步驟01：複製好剛剛的字串後到你的BLOGGER去，依照下方步驟點選

驗證步驟02：在程式碼最上方尋找<head>

清出下方空間後，將程式碼貼上(如下圖)

按"儲存範本" 完成

驗證步驟03：接下來回到youtube剛剛的畫面，按下驗證

看到這個畫面就表示您完成了!!恭喜

2015年5月18日星期一

youtube 影片編輯關鍵技法!!-104網路行銷班

youtube 影片編輯關鍵技法!!-104網路行銷班

一般拍攝之影片

上課時老師教的編輯模式做一些編輯與調整

上字幕

作標題

循環播放

關鍵步驟

觀察一下差異點

不曉得你看出來了嗎??

要製作有導購功能的影片才是王道!!

2015年5月17日星期日

blog崁入youtube文章的方式

blog崁入youtube文章

一般置入狀況

發覺影片較小，影響閱讀者的觀看

經過簡易修改就可以改變大小

p.s.如欲調整影片顯示大小，可於HTML模式下，
尋找width與height來修改，如下圖：

依照BLOGGER版面大小修正寬與高：

常用youtube寬高比

2014年9月15日星期一

line 分享語法

http://line.naver.jp/R/msg/text/?%E4%B8%8B%E8%BC%89%E6%B8%85%E8%8C%82%E8%BE%B2%E5%A0%B4APP%EF%BC%8C%E5%BF%AB%E9%80%9F%E5%BE%97%E5%88%B0%E6%9C%80%E6%96%B0%E6%B6%88%E6%81%AF+https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.coolstudy.org.cmfarm

2014年7月28日星期一

增加RSS Link from Blogger

Blogger 資訊提供網址

在完成網站資訊提供的設定後，系統即可隨時將您的網誌文章提供給世界各地的訂閱者了！只要將下列其中一個網址輸入您最喜愛的資訊提供閱讀器，系統就會將您的網誌內容傳送出去並且自動更新。

注意：請務必在網誌名稱中填上正確的位址，並且在標籤名稱中填上您感興趣的標籤。網站資訊提供無法處理私人或 FTP 代管的網誌。

全站完整資訊提供：

Atom 1.0：http://blogname.blogspot.com/feeds/posts/default
RSS 2.0：http://blogname.blogspot.com/feeds/posts/default?alt=rss
注意：這些全站完整資訊提供是即時啟用的；開發人員可以使用 PubSubHubbub 通訊協定來訂閱更即時的更新。

僅含留言的資訊提供：

Atom 1.0：http://blogname.blogspot.com/feeds/comments/default
RSS 2.0：http://blogname.blogspot.com/feeds/comments/default?alt=rss
特定標籤的網站資訊提供

Atom 1.0：http://www.googleblog.blogspot.com/feeds/posts/default/-/privacy
RSS 2.0：http://www.googleblog.blogspot.com/feeds/posts/default?alt=rss/-/privacy

個別文章的留言資訊提供：

Atom 1.0：http://blogname.blogspot.com/feeds/postId/comments/default
RSS 2.0：http://blogname.blogspot.com/feeds/postId/comments/default?alt=rss
注意：您可在 [張貼] | [編輯文章] 標籤中找到個別文章的 postId。只需將滑鼠移到特定文章旁的 [編輯] 連結上，postId 就會顯示在瀏覽器的狀態列中。

2014年3月1日星期六

test perzi

訂閱：意見 (Atom)

南投縣技職教育協會官方BLOG

網頁

2015年6月13日星期六

部落客相片要放的部落格內，有幾個重要步驟您知道嗎??

2015年6月7日星期日

如何把LINE的ID轉成網址的方式

FB的讚與留言加到Blogger方法(2)

FB的讚與留言加到Blogger方法(1)

2015年6月5日星期五

[Blogger應用]嵌在部落格的Facebook粉絲框快更新吧！

[Blogger應用]嵌在部落格的Facebook粉絲框快更新吧！

2015年5月26日星期二

如何進行YOUTUBE信任網站驗證

2015年5月18日星期一

youtube 影片編輯關鍵技法!!-104網路行銷班

2015年5月17日星期日

blog崁入youtube文章的方式

2014年9月15日星期一

line 分享語法

2014年7月28日星期一

增加RSS Link from Blogger

2014年3月1日星期六

test perzi

精選文章

數位影音社群行銷人才培訓班-108上

網頁

2015年6月13日 星期六

2015年6月7日 星期日

2015年6月5日 星期五

[Blogger應用]嵌在部落格的Facebook粉絲框快更新吧！

2015年5月26日 星期二

2015年5月18日 星期一

2015年5月17日 星期日

2014年9月15日 星期一

2014年7月28日 星期一

2014年3月1日 星期六

精選文章

2015年6月13日星期六

2015年6月7日星期日

2015年6月5日星期五

2015年5月26日星期二

2015年5月18日星期一

2015年5月17日星期日

2014年9月15日星期一

2014年7月28日星期一

2014年3月1日星期六