筆記│美化統計資料模組

flower_copy
換了新的樣式的關係,把一個個模組加回來使用的時候發現原來的統計資料模組無法使用了。(會使得樣式跑版)
可是我又很想在首頁上顯示統計資料呢~
原本模組長這樣
1
名義上是美化/改變了模組樣式,實際上還是裝了這個模組在部落格上
只是我不是從增加小工具那邊增加模組,而是直接在編輯HTML上直接新增她。
實際做法是參考此網誌 – https://www.bloggerspice.com/2015/02/how-to-customize-and-add-blog-stats-widget-in-blogger-blogspot.html
但是黑色的底配上藍色的我覺得會特別顯著..
所以我把它簡化成以下了..
1stats
我覺得這樣比較搭我的部落格耶~
其語法如下:
取代 語法
並改成
    

Statistics:    

     

…

           Posts      

        

          

…

           Comments        

        

          

…

           Pageviews        

      
//<![CDATA[
function totalPosts(json){document.getElementById(‘Stats1_totalPosts’).innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById(‘Stats1_totalComments’).innerHTML=json.feed.openSearch$totalResults.$t};document.write(”);
//]]>
    


  
然後在]]> 的前面加上
.stats {font-size: 20px; font-weight: 400; color: #fff;display: flex; flex-direction: row; justify-content: space-around;}
就可以了。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *