ブログに上に戻るボタンを設置しました
今回ブログデザインを変更してみました
ついでに上に戻るボタンも設置してみました
今までトライしてきたけどうまくいかず
cssがめちゃくちゃになったりしてきました
今回は
さんのおかげでうまく設置できました
コピペで簡単に設置できました
下に記しておきます
フッタに入力するコード
以下のコードを「デザイン > カスタマイズ > フッタ」に入力してください
<ul class="toTop-nav">
<li><a href="javascript:void(0);" onclick="smoothScroll(0);return false;"><i class="blogicon-chevron-up"></i></a></li>
<li><a href="あなたのブログURL"><i class="blogicon-home"></i></a></li>
</ul>
<script>
function smoothScroll(o){var e=window.pageYOffset,l=o>e;setTimeout(function(){l&&o>=e?(e=e+(o-e)/20+1,window.scrollTo(0,e),setTimeout(arguments.callee,10)):!l&&e>=o?(e=e-(e-o)/20-1,window.scrollTo(0,e),setTimeout(arguments.callee,10)):window.scrollTo(0,o)},10)}
</script>
次に
デザインCSSに入力するコード
以下のコードを「デザイン > カスタマイズ > デザインCSS」に入力してください
/* To Top */
.toTop-nav {
position: fixed;
bottom: 10px;
right: 10px;
display: -webkit-flex;
display: flex;
padding: 0;
margin: 0;
z-index: 999; }
.toTop-nav li {
list-style-type: none;
background: rgba(0, 0, 0, 0.3);
border-radius: 50px;
text-align: center; }
.toTop-nav li:first-child {
margin-right: 10px; }
.toTop-nav li a {
display: block;
width: 50px;
height: 50px;
font-size: 30px;
line-height: 50px; }
.toTop-nav li a {
color: #fff;
text-decoration: none; }
.toTop-nav li a:visited {
color: #fff; }
.toTop-nav li a:hover {
color: #fff;
text-decoration: underline; }
.toTop-nav li a:active, .toTop-nav li a:focus {
color: #fff; }
.toTop-nav li a:hover {
text-decoration: none; }
これであなたのブログ
のページの右下に表示されているはずです
私は今までブログのURLを入れてなかったので
うまくいかなかったみたいです
ホームに戻るボタンも追加されました
ありがとうございました
銀河高原ビール 白ビール
小麦のビール以外の製品を
2020年3/31で製造中止しました
岩手工場はなくなり
ヤッホーブルーイングの長野工場で
小麦のビールのみ製造継続
するそうてす
なんて悲しいことか
この白ビールも店頭に並んでいるうちに
買い込んだ分です
スペック
原材料名: 麦芽、(大麦、小麦) ホップ
アルコール度数: 5%
ビアタイプ: ベルジャンホワイトエール
寸評
爽やかなマスカットのような香り
やわらかで上品なコク
後を引く甘さと酸味
今日は蒸し暑かったので
このビールは最適です
終売品と言うことで
評価は甘めにしました
おすすめ度:⭐️⭐️⭐️⭐️✨
もう楽天では売っていません
3ケースまで同梱可★銀河高原ビール 小麦のビール 350缶 1ケース24本入り （350ml）株式会社ヤッホーブルーイング
アマゾンでは異常価格
