2018年12月28日金曜日

Bloggerテンプレートレスポンシブ化

12月 28, 2018 0 Comments

【重要】レスポンシブ化を実行する前に


既存のテーマとウィジェットテーマの全てをリセットしてからレスポンシブ化を実行して下さい。

リセット方法は こちらから

尚、バックアップも忘れずに!



【Bloggerテンプレートのレスポンシブ化】


①テーマのHTML編集画面から「Ctrl」キーと「F」キーを同時に押してSearch(検索窓)を表示。








②Search(検索窓)に<head>と入力し「Enter」キーを押すと黄色いマーカーで表示されます。
<head>直下に下記ソースコードをコピペ。


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>










③新たに、Search(検索窓)に ]]></b:skin と入力し「Enter」キーを押すと黄色いマーカーで表示されます。
]]></b:skin の真上に下記ソースコードをコピペしてテーマを保存。


@media screen and (max-width: 768px){ .limit-width{margin:0 auto;width:100%;overflow:hidden;} #outer{padding:0;} #main-outer{float:none;margin:0;} #main{margin:0;} #forcus-category-outer{display:none;} #header-inner{padding:10px 0;} #header-inner h1{font-size:150%;} .post-header h2{font-size:130%;} .post-body iframe{width:95%;} #upper-nav-outer{display:none;} .index-pager .newer a, .index-pager .older a{padding:20px 20px;} #related-post span.label{display:none;} #footer-inner{padding:30px 0 15px 0;} #sidebar-outer{float:none;margin:10px 0 0 0;width:100%;} #related-post li{font-size:80%;} fixed-social-bottons{display:none;} img{max-width:100%; height:auto;} }













④最後にモバイルテーマを「いいえ」に設定して完了!








Bloggerテンプレート変更方法

12月 28, 2018 0 Comments

Bloggerテンプレート初期化


Bloggerテンプレートを変更する前に、既存のテンプレートとウィジェットテーマをデフォルトに戻して下さい。


①テーマのHTML編集画面から「Ctrl」と「A」キーを同時に押し「Back」キーを押すと一括削除できます。






②カーソルを先頭に合わせてワンクリックし、下記ソースコードをコピペしてテーマを保存。


<?xml version="1.0" encoding="UTF-8" ?>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
       <b:skin></b:skin>
   </head>
   <body>
     <b:section id='mainSection'>
       <b:widget id="Blog1" type="Blog">
         <b:includable id="main">
         </b:includable>
       </b:widget>
     </b:section>
   </body>
 </html>










③テーマからシンプルテーマを選択しブログに適用。








④「ウィジェットテーマをデフォルトに戻す」にアクセスし「すべてのウィジェットを選択」してウィジェットを元に戻す。








⑤新しく使用するBloggerテンプレートをアップする為に「バックアップ/復元」にアクセス。








⑥「ファイルを選択」を押し、あらかじめ解凍して保存しておいたハードドライブ上のBloggerテンプレートXMLファイルを選択して「開く」を押す。









⑦アップロードして完了!






参考にしたサイトは こちら





2018年11月13日火曜日

270205km

11月 13, 2018 0 Comments




今まで色んな所に行ったね




たくさん走ったね




本当にお疲れ様でした




そして本当に..... 本当に.....




今までありがとう




270205kmの想い出を




あ り が と う