霝兒收藏屋

在痞客邦格友間的交流除了互相拜訪,在文章留言

還有一個小功能 [推],位置就在留言區塊的右上方

如下圖紅色框選處

按下[推],右邊的數字會增加,

按下[推]右邊的數字還能看到有哪些格友推了這篇文

除了數字增加還有什麼特別的功能呢?

假設 格友A 推了你一篇文章

所有A的讀者都會看到他推了你的文章的動態

而[推]這個動作是可以重複的

當A再按第二次[推],右邊的數字會減一

再按第三次則右邊數字又會加一,也會再新增一筆動態讓A的讀者看到

--------------------------------------------------------

在管理後台的 http://panel.pixnet.cc/friend/news

可以看到所有好友的最新動態

最新動態還可以篩選,如上圖的下拉式選單,共三項

1.全部:包含所有推文跟其他兩項

2.只顯示部落格更新

3.只顯示相簿更新 

所以...有覺得不錯的文章..可以每天去給它[推]一下喔!

這是痞客邦舊版的動態通知列一部分

歡迎轉貼分享出去

請到痞客邦管理後台的 [側邊欄位設定] http://panel.pixnet.cc/blog/sidecolumn

新增一個版位

複製下面區塊內程式碼

<script type="text/javascript"><br> function _refresh(){var x=document.getElementById("toolbar-iframe");x.src=x.src;}<br> setInterval(_refresh,20*1000);<br> </script><br> <div id="toolbar-box"><br> <iframe name="toolbar" id="toolbar-iframe" src="http://panel.pixnet.cc/toolbar/frame" width="100%" allowtransparency="true" height="34" frameborder="0" scrolling="no"></iframe><br> </div><br> <style type="text/css"><br> #toolbar-box {<br> position: fixed;<br> bottom: 0px;<br> right: -135px;<br> height: 35px;<br> z-index: 1000000;<br> }<br> </style><br>

貼到新增版位的 [自訂欄位內容],[自訂欄為標題]可自行填寫

再將這版位從 [版位暫存區] 拖拉到你的側欄1或是側欄2,最後按下右下角的[儲存版面]即可.

目前這狀態列無法隱藏

每20秒會更新狀態一次(語法第四行的20*1000,20是秒數,可自行修改)

狀態列只在自己的格裡看的到

工具列是沿用原舊版程式,仍有可能因為痞哥刪除而失效

除非格友也裝這程式碼,不然去格友家是看不到的唷~

另外附上個新版快捷列隱藏語法

#top_bar {

display:none!important;
}

加在原css原始碼最後面即可就可以了 http://panel.pixnet.cc/theme/blog/editcss

一條新版快捷列放在最上方挺礙眼的

將他隱藏又會失去管理後台連結

此篇教格友如何隱藏它,又能隨時讓它出現

使用下面幾行CSS語法即可達成

#top_bar:hover {
top: 0px;
position: fixed;
}

#top_bar {
top: -35px;
}

複製上面語法後請連結到 http://panel.pixnet.cc/theme/blog/editcss

將它貼到CSS原始碼的最後面即可

此語法會將新版快捷列往上移到只剩5px的高度

當滑鼠游標移到那剩下的5px快捷列它會恢復原狀

試看看吧~

本篇文也可看到此語法作用唷~

把滑鼠移到上方看看吧!

有些格友不愛新版快捷列,若將他隱藏又沒連結可到管理後台

所以小弟弄了一個可以藏起來,半透明的快捷列在左側或是下方

快捷列內含管理後台的幾個功能連結,再將動態通知功能放進去

內含痞客邦新版快捷列隱藏語法

程式碼如下 適用瀏覽器[Chrome,FireFox,IE9]

快捷列在左邊 [目前本人使用的]

<style type="text/css"><br> /*隱藏新版快捷列*/<br> #top_bar {<br> display:none!important;<br> }<br> <br> /*快捷列顯示設定*/<br> #notifybar {<br> -webkit-transition: left 0.5s ease-out;<br> -moz-transition: left 0.5s ease-out;<br> -ms-transition: left 0.5s ease-out;<br> transition: left 0.5s ease-out;<br> }<br> <br> #notifybar{<br> /*opacity 快捷列透明度設定,0.1(最透明)~1.0(不透明)*/<br> opacity: 0.5;<br> position: fixed;<br> top:0px;<br> /*left 若要將動態通知也隱藏,可將-48px改成-70px*/<br> left:-48px;<br> height: 100%;<br> width:75px;<br> background: white;<br> box-shadow: 1px 1px 6px -2px rgba(20%,20%,40%,0.7);<br> z-index: 10000000;<br> }<br> <br> #notifybar:hover{<br> left:0px;<br> opacity: 1.0;<br> }<br> <br> #notifybar:hover div#divFunc{<br> left:20px;<br> }<br> <br> div#divFunc {<br> bottom: 180px;<br> position: absolute;<br> left:0px;<br> }<br> <br> ul.functool li{<br> line-height: 30px;<br> font-family: "Microsoft JhengHei" !important;<br> font-size: 12px;<br> border-bottom: solid 1px #e0e0e0;<br> }<br> <br> #functool a {<br> text-decoration: none !important;<br> }<br> <br> ul.functool li a:hover {<br> color: black !important;<br> }<br> <br> #toolbar-box {<br> position: absolute;<br> bottom: 60px;<br> left:-40px;<br> height: 35px;<br> width:195px;<br> z-index: 1000000;<br> <br> -webkit-transform: rotate(90deg);<br> -moz-transform: rotate(90deg);<br> -o-transform: rotate(90deg);<br> -ms-transform:rotate(90deg)<br> }<br> </style><br> <!--Made by Hunt http://blogbackup.pixnet.net/blog--><br> <div id="notifybar"><br> <div id="divFunc"><br> <ul class="functool"><br> <li><a href="http://panel.pixnet.cc/blog/articlenew" target="_blank">發表文章</a></li><br> <li><a href="http://panel.pixnet.cc/blog/article" target="_blank">文章列表</a></li><br> <li><a href="http://panel.pixnet.cc/blog/comment" target="_blank">留言管理</a></li><br> <li><a href="http://panel.pixnet.cc" target="_blank">管理後台</a></li><br> <li><a href="http://panel.pixnet.cc/logout" >登出</a></li><br> </ul><br> </div><br> <br> <div id="toolbar-box"><br> <iframe name="toolbar" id="toolbar-iframe" src="http://panel.pixnet.cc/toolbar/frame" width="100%" allowtransparency="true" height="34" frameborder="0" scrolling="no"></iframe><br> </div><br> </div><br> <!--定時更新狀態列--><br> <script type="text/javascript"><br> function _refresh(){var x=document.getElementById("toolbar-iframe");x.src=x.src;}<br> //設定60秒更新一次<br> setInterval(_refresh,60*1000);<br> </script><br>

快捷列在下方 

<style type="text/css"><br> /*隱藏新版快捷列*/<br> #top_bar {<br> display:none!important;<br> }<br> <br> #notifybar{<br> opacity: 0.5;<br> position: fixed;<br> bottom: 0px;<br> right:0px;<br> height: 26px;<br> width:100%;<br> background: white;<br> box-shadow: 1px 1px 6px -2px rgba(20%,20%,40%,0.7);<br> z-index: 10000000;<br> }<br> <br> #notifybar:hover{<br> opacity: 1.0;<br> background: #87b9dd;<br> }<br> <br> #notifybar:hover div#divFunc{<br> bottom:0px;<br> }<br> <br> div#divFunc {<br> bottom: -30px;<br> position: absolute;<br> right: 300px;<br> }<br> <br> ul.functool li{<br> font-family: "Microsoft JhengHei" !important;<br> font-size: 14px;<br> border-bottom: solid 1px #e0e0e0;<br> display: inline;<br> }<br> <br> ul.functool li a{<br> text-decoration: none !important;<br> color: #fff !important;<br> }<br> ul.functool li a:hover {<br> color: #000 !important;<br> }<br> #toolbar-box {<br> position: absolute;<br> right:-140px;<br> z-index: 1000000;<br> }<br> </style><br> <br> <!--Made by Hunt http://blogbackup.pixnet.net/blog--><br> <div id="notifybar"><br> <br> <div id="divFunc"><br> <ul class="functool"><br> <li><a href="http://panel.pixnet.cc/blog/articlenew" target="_blank">發表文章</a> | </li><br> <li><a href="http://panel.pixnet.cc/blog/article" target="_blank">文章列表</a> | </li><br> <li><a href="http://panel.pixnet.cc/blog/comment" target="_blank">留言管理</a> | </li><br> <li><a href="http://panel.pixnet.cc" target="_blank">管理後台</a> | </li><br> <li><a href="http://panel.pixnet.cc/logout" >登出</a></li><br> </ul><br> </div><br> <br> <div id="toolbar-box"><br> <iframe name="toolbar" id="toolbar-iframe" src="http://panel.pixnet.cc/toolbar/frame" width="100%" allowtransparency="true" height="34" frameborder="0" scrolling="no"></iframe><br> </div><br> </div><br> <!--定時更新狀態列--><br> <script type="text/javascript"><br> function _refresh(){var x=document.getElementById("toolbar-iframe");x.src=x.src;}<br> //設定60秒更新一次<br> setInterval(_refresh,60*1000);<br> </script><br>

右下角伸縮版快捷列 [此文右下角有範例]

<style type="text/css"><!--<br> /*隱藏新版快捷列*/<br> #top_bar {<br> display:none!important;<br> }<br> <br> #notifybar2{<br> opacity: 0.5;<br> position: fixed;<br> bottom: 0px;<br> right:0px;<br> height: 26px;<br> width:170px;<br> background: white;<br> box-shadow: 1px 1px 6px -2px rgba(20%,20%,40%,0.7);<br> z-index: 10000000;<br> <br> -webkit-transition: background 1.0s ease-in-out;<br> -moz-transition: background 1.0s ease-in-out;<br> -ms-transition: background 1.0s ease-in-out;<br> transition: background 1.0s ease-in-out;<br> <br> -webkit-transition: width 0.5s ease-out;<br> -moz-transition: width 0.5s ease-out;<br> -ms-transition: width 0.5s ease-out;<br> transition: width 0.5s ease-out;<br> }<br> <br> <br> #notifybar2:hover{<br> opacity: 1.0;<br> background: #87b9dd;<br> width:530px;<br> }<br> <br> #notifybar2:hover div#divFunc2{<br> /*bottom:0px;*/<br> right:200px;<br> }<br> <br> div#divFunc2 {<br> bottom: 0px;<br> position: absolute;<br> right: -500px;<br> <br> -webkit-transition: right 0.5s ease-out;<br> -moz-transition: right 0.5s ease-out;<br> -ms-transition: right 0.5s ease-out;<br> transition: right 0.5s ease-out;<br> }<br> <br> ul.functool2 li{<br> font-family: "Microsoft JhengHei" !important;<br> font-size: 14px;<br> border-bottom: solid 1px #e0e0e0;<br> display: inline;<br> }<br> <br> ul.functool2 li a{<br> text-decoration: none !important;<br> color: #fff !important;<br> }<br> ul.functool2 li a:hover {<br> color: #000 !important;<br> }<br> #toolbar-box2 {<br> position: absolute;<br> right:-140px;<br> height: 26px;<br> bottom: 0px;<br> z-index: 1000000;<br> }<br> --></style><br> <div id="notifybar2"><br> <div style="background: #87b9dd; width: 10px; left: 0px; bottom: 0px;">&nbsp;</div><br> <div id="divFunc2"><br> <ul class="functool2"><br> <li><a href="http://panel.pixnet.cc/blog/articlenew" target="_blank">發表文章</a> |</li><br> <li><a href="http://panel.pixnet.cc/blog/article" target="_blank">文章列表</a> |</li><br> <li><a href="http://panel.pixnet.cc/blog/comment" target="_blank">留言管理</a> |</li><br> <li><a href="http://panel.pixnet.cc" target="_blank">管理後台</a> |</li><br> <li><a href="http://panel.pixnet.cc/logout">登出</a></li><br> </ul><br> </div><br> <div id="toolbar-box2"><iframe src="http://panel.pixnet.cc/toolbar/frame" width="100%" height="28" name="toolbar" scrolling="no" frameborder="0" id="toolbar-iframe2" allowtransparency="true"></iframe></div><br> </div><br> <!--定時更新狀態列--><br> <script type="text/javascript">// <![CDATA[<br> function _refresh(){var x=document.getElementById("toolbar-iframe2");x.src=x.src;}<br> //設定60秒更新一次<br> setInterval(_refresh,60*1000);<br> // ]]></script><br>

安裝方式請參考上一篇 痞客邦舊版動態通知列

覺得不錯請再分享推廣出去吧

有能力者,內容可自行隨意修改,歡迎重製再分享

有任何問題請再留言跟我說吧~

                               庭院深深

               多少的往事　已難追憶
               多少的恩怨　已隨風而逝
               兩個世間　幾許癡迷
               幾載的離散　欲訴相思
               這天上人間　可能再聚
               聽那杜鵑　在林中輕啼
               不如歸去　不如歸去
               啊啊啊啊　不如歸去?

 

                       圖片取自網路,若有侵權,請告知~~速刪除,謝謝.

                                      感謝 Kuokuo  題詩共吟

                          是非不論己身愛
                          稱心如意事少來
                          返璞歸真最實在
                          洞悉去來今不哀
                          不以為意心神寬
                          如兄如弟廣結緣
                          歸雲流水心自漫
                          去日苦多今轉圜