各箇所にリンク等をつける | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery


★ 各箇所にリンク等をつける。


● 記事下や記事本文上、記事本文下など指定した場所の前または後ろに
  HTMLで好きなものを配置します。



● やり方(フリープラグインへ追記する)


① 記事下のコメント、ペタ部分の後ろに ブログトップのリンクを入れる


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>
<script type="text/javascript">
var go_link='<a href="#">ブログトップ</a>';
blog_link_go('.articleLinkArea','after');
</script>


② 記事下のコメント、ペタ部分の前に ブログトップのリンクを入れる


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>
<script type="text/javascript">
var go_link='<a href="#">ブログトップ</a>';
blog_link_go('.articleLinkArea','prepend');
</script>


③ 記事下に署名などを設定する場合。
(下記記事と同じ)
記事下に署名などを設定
http://ameblo.jp/new-blue-777/entry-10980655375.html


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>
<script type="text/javascript">
var go_link='<p class="et01"><img src="http://stat001.ameba.jp/user_images/20110731/10/new-blue-777/85/ed/g/o0020002011384881350.gif"> <font size="3"><span style="color:#ff0000;"> 投稿者名 リアナ</span></font></p>';
blog_link_go('.articleText','after');
</script>




◆ 説明

・ 下記はフリープラグインの先頭に1つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>


・ 下記はフリープラグインに記述があれば不要。

<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>


・ 形式

blog_link_go('セレクタ名','★');

★・・・afterは、後ろに追加します。それ以外は、前に追加。






● その他、色々な場所に、好きなHTMLを入れられます



◆ スクリプト内容


function blog_link_go(set_selector,after_prepend){// リンクなどの追加
$(set_selector).each(function(){
if(after_prepend=="after"){
$(this).append(go_link);
}else{
$(this).prepend(go_link);
}
});}