親愛的、我把日期變不見了

隱藏 Blogger 文章網址列中的日期 ...
閱讀進度條，回頁首按鈕

當你建立新日誌文章時，系統會用日期加上標題作為永久連結
假如、你的標題不是英文，系統會自動給一個名字，作為檔名，所謂的永久連結?! 就像我們的身分證 ID 號碼，是唯一的，即使你改了名字，ID 號碼還是不會變，所以叫作永久，那我們要如何?  自訂檔名，當你建立新文章時，點選右側的連結，打開之後、勾選自定永久連結，在下面輸入檔名，醬就完成了你的自訂文章網址..

隱藏 文章網址列中的日期，有何目的 ❓不知道 !

假如、你希望有醬功能 ~ 廢話不多說，把這個小工具喬進 Blogger


進入 >> 後台管理 >> 版面配置 >> 新增一個「HTML/JavaScript」小工具

刪除網址列裡的日期   <script type='text/javascript'>//<![CDATA[ history.pushState(null, '', window.location.pathname.replace(/\/[0-9]{4}\/[0-9]{2}|\/[p]/, "")); //]]> </script>

回頁首圖片按鈕

<img style="position: fixed;right:10px;bottom:20px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL2-zyfrn_As00Zqe_YM-DryF251_zojxfagW1oAD2eYoHqJc0M_S3mEhEC1dvvUJx4FYTMEyDxq_vIoIr7v1YJWQ-aU0LNzwdFVJLR-sdGl5or988WbKyVSoFZAKQNQHdybvczErLRh37/s52/UP.png" onclick="window.scroll({ top: 0, left: 0, behavior: 'smooth' });">

    淡入淡出  的回頁首程式碼 <img id='BackTop' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL2-zyfrn_As00Zqe_YM-DryF251_zojxfagW1oAD2eYoHqJc0M_S3mEhEC1dvvUJx4FYTMEyDxq_vIoIr7v1YJWQ-aU0LNzwdFVJLR-sdGl5or988WbKyVSoFZAKQNQHdybvczErLRh37/s52/UP.png' title='回頁首'/> <style> #BackTop{display:none; cursor: pointer; position:fixed; right: 1rem; bottom: 1rem; z-index:200;} </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script> $('#BackTop').click(function(){ $('html,body').animate({scrollTop:0}, 333); }); $(window).scroll(function() { if ( $(this).scrollTop() > 500 ){ $('#BackTop').fadeIn(222); } else { $('#BackTop').stop().fadeOut(222); } }).scroll(); </script>

閱讀進度條 的程式碼 <div class='progress-container'> <div class='progress-bar' id='myBar'/> </div> <style> .progress-container{width:100%;position:fixed;z-index:99} .progress-bar{height:3px;background:#8650f2;width:0} </style> <script> window.onscroll = function() {myFunction()};function myFunction(){var winScroll = document.body.scrollTop || document.documentElement.scrollTop;var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;var scrolled = (winScroll / height) * 100;document.getElementById('myBar').style.width = scrolled + '%';}</script>

填入程式碼：最後記得按儲存，醬就 OK 了!!

每個人的版型不一樣，若位子落在不是你要的地方，自己調整一下~ 

假如、你的範本或其他小工具裡，已有安裝 jQuery 程式庫，請刪除以下這行程式碼。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

顏色代碼生成器
利用表單 <input> 元件，幫助您獲得六位數顏色代碼，即十六進位制值。為您的主題找到匹配的色調。

顏色碼 ~ 產生器<br />

<input type="color" name="vcolor" value="#e1fe8b" onchange="document.getElementById('s-text').innerText=this.value;" style="width: 200px; height: 60px;" /><p>  顏色碼 >>>   <span id="s-text">#e1fe8b</span></p>

嵌入FB影片 <div class="fb-video" data-href="影片網址" data-width="auto" data-show-text="false"></div>

---