アメブロ(アメーバブログ)にzenbackを導入する方法
1年以上前の記事です。内容が古い可能性があります。
zenbackに関してはソースを取得するまでは記事にさせていただきました。
が、そのソースをどこにどうやって貼るかまでは解説していません。
ライブドアブログであれば「ブログ設定」→「デザイン」→「デザインカスタマイズ」でCSSだけではなくHTMLの構造までカスタマイズできるので触れなかったのです。
ところが、アメブロに導入する際はちょっとした工夫が必要。
アメブロではHTMLの構造がカスタマイズできないようなのです。
そこで、フリースペース(フリープラグイン)にソースを挿入ということになるのですが、フリースペース(フリープラグイン)に書いた項目はサイドバーに表示されてしまうといった問題があります。
それを記事下に移動させるためにちょっとしたスクリプトを用意します。
■ Ameba (アメーバ)|ブログを中心とした動画・モバイル機能も充実の登録無料サイト
■ zenbackであなたのブログに全てのフィードバックを。
以下の記事を御覧ください。
□ アメブロにzenbackを設置する方法|ブログを書く人のアイデアノート
こちらに書かれているJavascriptを使うとあら不思議、zenbackが記事下に移動します。
ちなみに、アメブロのいうフリースペースにはJavascriptが使えません。
代わりにJavascriptの使えるフリースペースとしてフリープラグインが用意されているのでこちらを使用します。
- マイページからブログの「デザインの変更」をクリック。
- 「サイドバーの設定」をクリック。
- 「フリープラグイン」の「編集」をクリック。
- ここにzenbackで作ったソース+上記サイトに書かれているソースを流し込み「保存」をクリック。
以上。
流しこむソースだけ書きだしてみました。
<script>
$(function() {
$(“#zenback_loady”).insertBefore(“#advertising2”);
});
</script>
こいつをどかっとコピペしてあげればOKです。
アドセンス広告メイン
関連記事
-
-
「Outlook Express」からドコモのガラケーへ電話帳データをインポート
1年以上前の記事です。内容が古い可能性があります。iPhone(アイフォーン)を …
-
-
債権回収詐欺(ヤミ金詐欺)に対する会社として取るべき対策
1年以上前の記事です。内容が古い可能性があります。ほんと、自分がやらかしたことじ …
-
-
ソフトバンク「iPhone 5」で余計なサービスを解約する方法(iPhone基本パック編)
1年以上前の記事です。内容が古い可能性があります。娘がついにスマートフォン(スマ …
-
-
ビタワンは安いけど「うんち」が増えるのが困る【ドッグフード】
1年以上前の記事です。内容が古い可能性があります。これからこの記事を読む方でお食 …
-
-
「Google+ページ」を削除する方法
1年以上前の記事です。内容が古い可能性があります。作る方法を伝えても削除する方法 …
-
-
ワードプレス(WordPress)でコンテンツをデザインする方法 #wp
1年以上前の記事です。内容が古い可能性があります。トップページができたら引き続き …
-
-
新しいGoogleマップで埋め込み地図を作る(地図を埋め込む)方法
1年以上前の記事です。内容が古い可能性があります。新しいGoogleマップになっ …
-
-
今年はモテたい。女子が引く小さい男だと思われる9つの言動
1年以上前の記事です。内容が古い可能性があります。自分も最近良くかみさんに指摘さ …
-
-
Adobe Bridge(ブリッジ)画像を一覧で印刷する方法
1年以上前の記事です。内容が古い可能性があります。意外なことにAdobe Bri …
-
-
Googleのプラスワン(+1)ボタンをつけてみた(7/1追記)
1年以上前の記事です。内容が古い可能性があります。日本ではまだサービスを開始して …
- PREV
- アメーバユーザーは意外とリテラシーが高い?
- NEXT
- 縦に撮っちゃった動画を横に修正する方法