テーマを指定した場所に移動

★　テーマを指定した場所に移動

●　概要

①　指定した場所（セレクタ）へ記事テーマを移動する



●　関連記事

記事フッターにテーマ名を設置する。
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>

◆　説明

　・　下記はフリープラグインの最初に１つあれば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'・・・前に移動
'|' ・・・　セパレータ


②　ＣＳＳへ追記する

.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>

④　ＣＳＳへ追記する

.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>