アースリバー開発記

アースリバーというサイトを開発するにあたってのメモです。

【はてなブログ】ブログタイトル下にランダムで文言表示

f:id:ejoun:20170912214521j:plain

忙しいときほど余計なことをしたくなるもので、

本日は、はてなブログのタイトルの下のブログ説明に

ランダムで文字を追加しようと思います。

 

◆手順

 

1.ブログの「デザイン」設定ページへ行きます。

 

2.ブログテーマの設定が表示されますが、

 ひるまずに下図赤枠内の「カスタマイズ」アイコンをクリックします。

 

f:id:ejoun:20170912214953j:plain

 

3.上図赤枠内の「+モジュールを追加」をクリックし「HTML」を選択

 

4.下記コードを記述

 

<script>

var a = ['aaa','bbb','ccc'];

var b = document.getElementById('blog-description');

b.innerHTML += '<br><br>' + a[Math.floor(Math.random()*(a.length))];

</script>

 

5.表示確認

上記の配列「a」内の要素 ['aaa','bbb','ccc']のいずれかが表示されていれば、完成です。

 配列内の要素 'aaa','bbb','ccc' は内容の入れ替え、追加が可能です。

 

6.左上の「変更を保存する」で保存します。

 

 

 

 ◆結論

ユーザースクリプトを許可している、

はてなブログはユーザーに優しいですね。