記事タイトルに画像追加[CSS]

　【概要】

記事タイトルのはじめに画像を追加します。
青字のところを追加したい画像URLに変更してください。

下記のソースコードをCSSの編集のところに貼り付けて使用します。

　【サンプルコード】

.entry h3 {
display: list-item;
list-style-position: inside;
list-style-image: url('http://stat.ameba.jp/blog/ucs/img/char/char2/114.gif');
}

　【実行例】

記事タイトル
↓
流れ星記事タイトル

　【注意点】

携帯では動作しません。
このサンプルはアメブロ専用です。

ヘッダーメニュー?にメニューを追加[JavaScript]

　【概要】

ヘッダーメニュー?にメニューを追加します。
下のサンプルコードでは、なう、ペタ、メッセージ、読者になる、のリンクを追加しています。青字のところをご自身のアメーバIDに置き換えてください。

下記のソースコードをフリープラグインに貼り付けて使用します。

　【サンプルコード】

<script type="text/javascript"><!--
var amebaId = 'all-none';
document.getElementById('navigationList').innerHTML += '<li><a href="http://now.ameba.jp/' + amebaId + '/">なう</a></li><li><a href="http://peta.ameba.jp/p/addPeta.do?targetAmebaId=' + amebaId + '">ペタ</a></li><li><a href="http://msg.ameba.jp/pub/send/index?toAmebaId=' + amebaId + '">メッセージ</a></li></li><li><a href="http://blog.ameba.jp/reader.do?bnm=' + amebaId + '">読者になる</a></li>';
//--></script>

　【実行例】

ルーム│ブログ
↓
ルーム│ブログ　なう│ペタ│メッセージ│読者になる│

　【注意点】

携帯またはJavaScriptがオフの場合は動作しません。
このサンプルはアメブロ専用です。

ブックマークにサムネイル画像[JavaScript]

　【概要】

ブックマークに各リンク先サイトのサムネイル画像を追加します。
画像のサイズは128px×128pxですが、サイドバーの幅が小さい場合などは、青字の数値を小さくして縮小させて表示させてください。

下記のソースコードをフリープラグインに貼り付けて使用します。

　【サンプルコード】

<script type="text/javascript"><!--
function BookmarkThumbnail() {
if (document.getElementById('bookmark')) {
var bookmark = document.getElementById('bookmark').getElementsByTagName('div')[0].getElementsByTagName('ul')[0];
for (i = 0; bookmark.getElementsByTagName('li')[i]; i++) {
BookmarkUrl = bookmark.getElementsByTagName('li')[i].getElementsByTagName('a')[0];
BookmarkUrl.innerHTML += '<br /><img src="http://img.simpleapi.net/small/' + BookmarkUrl.href + '" width="128" height="128" />';
}
}
}
//--></script>

　【実行関数名】

BookmarkThumbnail();

※このページのサンプルコードを実行させるには、上の関数を実行させる必要があります。
ページ読み込み後に実行させるには、下記のコードを追加してください。

<script type="text/javascript"><!--
window.onload = function() {
BookmarkThumbnail();
}
//--></script>

ただし、window.onloadが複数あるとうまく実行しないため、すでにwindow.onloadがある場合は下記のように他の関数の下などに追加してください。

<script type="text/javascript"><!--
window.onload = function() {
他の関数();
BookmarkThumbnail();
}
//--></script>

　【実行例】

サイトのリンク
サイトのリンク
↓
サイトのリンク
富士山
サイトのリンク
あじさい

　【注意点】

サイトサムネイル画像の表示には、SimpleAPI を利用しています。このサンプルコードを使用する方は、そのサイトに訪れて説明などをご一読してください。

携帯またはJavaScriptがオフの場合は動作しません。
このサンプルはアメブロ専用です。