網站側邊特效

Posted by admin 2017/11/11 0 Comment(s) 操作手冊,

如何設定如下圖紅色區塊-側邊特效

# 消費者快速加入你的粉絲團

# 消費者快速加入@LINE好友名單

 

 

 

進入網站後台管理
點選 Journal -- Side Blocks

 

新增 FB粉絲團連結
Icon 可以上傳一個FB的

 

Offset Top -- 335 指定圖示出現的位置, 若再新增其他的特色, 務必更新此值才不會重疊在同一個地方


點選原始碼 -- 會出現如下畫面, 將下面的範例貼上, 並修改 ishop123 換成你的粉絲團的FB ID即可

<script>(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/sdk.js#xfbml=1&appId=ishop123&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-hide-cover="false" data-href="https://www.facebook.com/ishop123" data-show-facepile="true" data-show-posts="false" data-width="300">&nbsp;</div>

 

 

然後再此特色加到版面中, 點選 Add to Layout , 選擇 All Pages 表示所有頁面都會出現此特色

 

再來新增一個常用的Line加好友的特效, 一樣上傳一個的LINE的圖片

 

在 Offset Top 的值要跟上面不一樣喔 

 

原始碼貼上如下範例, 並修改 %40epower 換成你的 LINE ID

<p><img alt="" height="154" src="http://www.ishop123.com.tw/image/ishop123/logo/epower_line_02.png" width="150" /></p>
<p><a href="https://line.me/R/ti/p/%40epower"><img alt="加入好友" border="0" height="50" src="https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png" /></a></p>

 


 

必須加入到 Layout 才會出現到網站頁面, Add to Layout 選擇 All Pages -- Save 設定完成

Loading...
Loading...