Blind Carbon Copy

ラベル JavaScript の投稿を表示しています。すべての投稿を表示

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-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>

2014-12-08

Text Editor

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

Type text here...