● 概要
① 指定した場所(セレクタ)へ記事テーマを移動する
● 関連記事
記事フッターにテーマ名を設置する。
http://ameblo.jp/new-blue-777/entry-11369362747.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">
theme_move('.petaLink','1','','|');
</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>
・ theme_move('.petaLink','1','','|');
'.petaLink'・・・ 移動先のセレクタ
'1'・・・後ろに移動 '0'・・・前に移動
'|' ・・・ セパレータ
② CSSへ追記する
.thema_move_area{
float:right;
}
.thema_movex{
float:right;
}
③ フリープラグインへ追記する(記事フッターのコメントの前(左)に移動)
<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">
theme_move('.commentLink','0','|','');
</script>
④ CSSへ追記する
.thema_move_area{
float:left;
}
.thema_movex{
float:left;
}
.articleLinkArea {
float:right;
}
● スクリプトのソース内容
function theme_move(set_selector,ab_sw,sp1,sp2){// テーマ名を指定場所に移動する
$(".skinArticle").each(function(){
var theme_html='<span class="thema_movex">'+sp1+'<span class="thema_move_area"></span>'+sp2+'</span>';
if(ab_sw=="0"){$(set_selector,this).before(theme_html);}
if(ab_sw=="1"){$(set_selector,this).after(theme_html);}
$('.articleTheme',this).appendTo('.thema_move_area',this);
});
}
■ 追加来歴
テーマ: の文字を消す場合は下記(theme_movexを付加)
<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">
theme_movex('.petaLink','1','','|');
</script>