Blind Carbon Copy

2014-12-25

Bloggerに検索ボックスを設置

Bloggerには検索ボックスを設置するための、
検索ボックスガジェットがあらかじめ用意されています。

しかし、これがうまく動かないようなので他の方法で設置しました。

レイアウトからガジェットを追加で、HTML/JavaScriptガジェットを使います。
以下のように入力します。


<form id="searchform" action="/search" method="get">

<input id="s" value="" name="q" size="30" type="search"/><input id="searchsubmit" value="検索" type="submit"/>

</form>

CSSも追加すれば見栄えも良くなります。

例:


<style>

input {

outline:none;

font-size:1em;

border:solid 1px #dddddd;

}

input[type="search"]:focus {

border:solid 1px #31c8aa;

}

input[type="submit"]:hover {

background:#31c8aa;

border:solid 1px #31c8aa;

color:#fff

}

</style>

2014-12-24

2014-12-23

通常ではラベル一覧のページは検索エンジンに登録されません。
robots.txtでブロックされているからです。

これを許可するには、
管理画面のサイドバーから設定→検索設定、クローラとインデックスで
「独自の robots.txt」を有効にします。
そして、以下のようにします。
これは、デフォルトのrobots.txtにラベルページのインデックスを許可する
「Allow: /search/label」の一行を追加しただけです。


User-agent: Mediapartners-Google

Disallow:



User-agent: *

Disallow: /search

Allow: /search/label

Allow: /



Sitemap: http://○○○.blogspot.com/sitemap.xml

2014-12-22

モバイル版Bloggerのリンクの色を変更

Blogger管理画面のサイドバーからテンプレートを選びます。
モバイルの歯車ボタンをクリック、
「はい。携帯端末でモバイルテンプレートを表示する。」が選択されているはず。

「モバイルテンプレートを選択」で一番下のカスタムを選択します。

以前書いたように、a要素の色が既に変更してある場合、
その色がモバイル版でも適用されます。

リンク付き文字の色を変える

リンクの付いたテキストの色を変えたいときは、CSSでa要素の色を指定します。
以下のようにします。


a {

color: #000000;

}

colorはテキストの色を表しています。

また、未訪問のリンクと訪問済みのリンクで色を変えたいときは、以下のようにします。


a:link {

color: #111111;

}

a:visited {

color: #888888;

}

マウスカーソルを合わせたときに色を変えたい場合は次のように。


a:hover {

color: #1a0dab;

}

Bloggerでも同じです。
HTMLの編集から検索(Ctrl+F)などして、該当の箇所を探して、変更します。

2014-12-21

Bloggerを強制的に.comで表示

Bloggerはそのブログを表示する国ごとにTLD(トップ・レベル・ドメイン)というのを自動的に変えるらしい。
変えられたくない、.comのままがいい、という場合は以下のJavaScriptをHTMLの編集で、<head>の直後辺りに追加すると.comで表示されます。


<script type='text/javascript'>

          var blog = document.location.hostname.split(".");

          if (blog[blog.length - 1] != "com") {

            var ncr = "http://" + blog[0] + ".blogspot.com/ncr";

            window.location.replace(ncr + document.location.pathname);

          }

</script>

Bloogerのタイトル変更方法

Bloggerのタイトルはデフォルトでは「ブログ名:記事名」ですが、
一般的な「記事名 - ブログ名」にしたいときは
HTMLの編集で<title>～</title>の部分を以下の用に変えます。

検索結果に表示されるページのタイトルもこのほうが分かりやすい。


<title>

    <b:if cond='data:blog.homepageUrl == data:blog.url'>

      <data:blog.title/>

    <b:else/>

      <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <data:blog.pageName/> - <data:blog.title/>

      <b:else/>

        <b:if cond='data:blog.pageType == &quot;error_page&quot;'>

          Page not found - <data:blog.title/>

        <b:else/>

          <data:blog.pageName/> - <data:blog.title/>

        </b:if>

      </b:if>

    </b:if>

</title>

2014-12-08

Text Editor

contenteditableとローカルストレージを使ったシンプルなテキストエディタ
詳細はこちらをどうぞ。

Type text here...

2014-11-15

MENU v1.0

CSS Menu Makerのナビゲーションメニュー。試しに使ってみましたが、少し動きがおかしい気がします。
詳細はこちらをどうぞ。