blogger設定メモ

2018年3月26日月曜日

blogger設定メモ

■スマートフォン対応の画面ということで、書く記事のhtml部分にこれを書くと対応できる。CSSのテーマ変更はよくわからないので調べていません。

<head>
<style type="text/css">

@media screen and (max-width :800px) {
    # .sample {background-color:red;}
.names {
    color : green ;
}
.line1 {
    font-size : 90%;
    line-height: 1.5;
}
.line2 {
    font-size : 100%;
    line-height: 1.5;
}

.line3 {
    font-size : 80%;
    line-height : 1.5;
}
}
</style>
</head>

■ 次の記事　を　「記事タイトル」にする

jQueryでやるらしい。

https://helplogger.blogspot.jp/2012/04/how-to-replace-older-posts-and-newer.html

■動画を貼り付けて、特にモバイルサイトで幅を自動で調節する
https://benmarshall.me/responsive-iframes/

■ガジェットをモバイルでも表示したいとき
テンプレートのhtml編集で、<head>内にmobile='yes'を入力する。順番に注意しないと効果がない。

<b:widget id='Label1' locked='false' mobile='yes' title='Categories' type='Label' visible='true'>

https://techubber.blogspot.com/2016/04/how-to-make-blogger-widgets-visible-in.html

モバイルだけで表示するときは　 mobile='only' にする

■
ブロガー(Blogger)検索結果でブログタイトルより先に記事タイトルを表示させる方法

テンプレートのHTML編集から以下の部分を検索してください。
<title><data:blog.pageTitle/></title>
そしてこれを以下のコードに書き換えます。
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

https://customize-memo.blogspot.com/2016/09/blogger.html

shimo lab2

2018年3月26日月曜日

blogger設定メモ

0 件のコメント:

コメントを投稿