【網誌】Blogger｜留言統計、表情回覆｜Disqus
上一篇中，加入了Disqus的工具後，下一步就可以進一步實現如統計、表情支持等基礎功能。
<script id="dsq-count-scr" src="//自己的Disqus暱稱.disqus.com/count.js" async></script>
→ 暱稱(Short Name)可以在Disqus的Admin> Settings> General中找到
增加完後儲存，回到網誌的各篇文章中就可以看到文章發布日期旁邊多了0 comment，出現在如下圖螢光的位置。這時只要點擊文章中的這一個連結，就會跳到下方留言區。此外，在首頁也會直接顯示各篇文章有幾則留言。
其實也很簡單。從Admin> Settings> Community的最上面Comment Count Link區塊讓你更改，依照0則、1則、n則留言而有不同的字樣出現，這裡可以自行設定。在這個區塊還可以調整其他事項，如原PO的標記、留言權限、留言內容、階層式留言等等。
到這邊就完成啦，不過一般跳轉時會直接跳到下方，那要怎麼製造滾動下去的效果呢？
只要在Blogger中的主題> 自訂> 進階> 新增CSS的地方加入 html{scroll-behavior=smooth;}即可，這樣子就會很順，才不會讓使用者感到疑惑，能清楚知道網頁的動向。（但目前只支援Chrome, Opera, Firefox等瀏覽器，手機板僅Firefox可看出效果。）
這次教學紀錄到此，如果您喜歡我的文章，也請不吝惜在下方按個表情支持一下哦！
留言統計
Blogger添加Script
到Blogger中的主題> 編輯HTML處，在body區塊底部置入script即可控制<script id="dsq-count-scr" src="//自己的Disqus暱稱.disqus.com/count.js" async></script>
→ 暱稱(Short Name)可以在Disqus的Admin> Settings> General中找到
增加完後儲存，回到網誌的各篇文章中就可以看到文章發布日期旁邊多了0 comment，出現在如下圖螢光的位置。這時只要點擊文章中的這一個連結，就會跳到下方留言區。此外，在首頁也會直接顯示各篇文章有幾則留言。
Disqus更動留言設置
那可以看到圖上我改成了「歡迎點此至底部留言」，要怎麼設定呢？其實也很簡單。從Admin> Settings> Community的最上面Comment Count Link區塊讓你更改，依照0則、1則、n則留言而有不同的字樣出現，這裡可以自行設定。在這個區塊還可以調整其他事項，如原PO的標記、留言權限、留言內容、階層式留言等等。
表情回覆
這滿有趣的，就像手機瀏覽新聞網頁，也會開放讓讀者在下方直接按愛心、按怒、傷心等等圖示，當讀者看了你的文章有什麼感覺就可以邀請他們順手按一下，非常適合手機用戶順手按心得的使用習慣。這部分可以從Settings> Reaction中調整自訂樣貌後，點選Enable即完成，非常簡單。完成的樣貌如下：
到這邊就完成啦，不過一般跳轉時會直接跳到下方，那要怎麼製造滾動下去的效果呢？
只要在Blogger中的主題> 自訂> 進階> 新增CSS的地方加入 html{scroll-behavior=smooth;}即可，這樣子就會很順，才不會讓使用者感到疑惑，能清楚知道網頁的動向。（但目前只支援Chrome, Opera, Firefox等瀏覽器，手機板僅Firefox可看出效果。）
這次教學紀錄到此，如果您喜歡我的文章，也請不吝惜在下方按個表情支持一下哦！
留言