人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログでのリンクの貼り方を教えてください
はてなブログを始めた者です
htmlとかはてな記法とか初心者なので分かりません
理解する気はないのでやり方を教えてください

画像付きでそれをクリックすると
そのホームページに飛ぶというものです
記事では無くブログのトップに張りたいです
回答お願いします

●質問者: ドラころ
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
ベストアンサー

これを記事に書いてみてください。

<script type="text/javascript">
$(function() {
 if (!$('#blog-title #ika-banner').length) {
 var src = '<a id="ika-banner" target="_blank" href="http://www.ika-musume.com/"><img alt="画像1" src="http://www.ika-musume.com/images/middle/sp/bn/bn_ikamusume_200_50.jpg"></a>';
 $('#blog-title').append(src);
 }
});
</script>

flandlescarlet (八咫烏)さんがコメントしていますが、
はてなダイアリーとは違いはてなブログはまだベータなのでヘッダーなどを編集する機能が揃っていません。
現段階でヘッダーにバナーを設置するにはブログにアクセスした時に表示される記事に上記のような、JavaScriptを記入しておいて実現するしか方法がありません。

全ての記事に上記のコードを書いても、バナーは1つだけ追加されるようにコードを修正しました。


追記:
はてなブログ サイドバーのリンクに追加

$(function() {
 var links = $('.hatena-module-links .hatena-urllist');
 if (!$('#ika-banner', links).length) {
 var src = '<a id="ika-banner" target="_blank" href="http://www.ika-musume.com/"><img alt="画像1" src="http://www.ika-musume.com/images/middle/sp/bn/bn_ikamusume_200_50.jpg"></a>';
 //上
 links.prepend('<li>'+src+'</li>');
 //下
 links.append('<li>'+src+'</li>');
 }
});

Cherenkovさんのコメント
あ、全然ちがいますね…

Cherenkovさんのコメント
サイドバーにリンクを作ってCSSで移動させればいいかな。 サイドバーはまだ編集できない?

Cherenkovさんのコメント
コメントに書いてありますね…

ドラころさんのコメント
あー 出来ましたー ありがとうございます! でも・・・ 場所を変えられませんかね?

Cherenkovさんのコメント
どこがいいですか?

ドラころさんのコメント
http://gesogeso.hatenablog.com/ の リンク ってとこの下って出来ますかね?

Cherenkovさんのコメント
追記しました

ドラころさんのコメント
最後までワガママに付き合ってくださって 本当にありがとうございました! 質問が解決できましたので 閉め切りたいと思います 八咫烏さんもありがとうございました! また何か質問する時があると思いますので その時はよろしくお願いします
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ