記事投稿日時を記事タイトルの前に移動

★　記事投稿日時を記事タイトルの前に移動する


●　概要

①　記事投稿日時を記事ヘッダーの上に移動します。
②　記事ヘッダーの上に移動するまでは、記事投稿日時は非表示にします。
③　OS（PCの基本ソフト）やフリープラグインの相性の関係で、
　　$(document).ready　をつけるとうまく動かないケースがあるので、
　　$(document).ready　なしのスクリプトも用意しています。



◆　フリープラグインへ追記

①　$(document).ready　があるケース。

<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">
articleTime_move_to_skinArticleHeader();
articleTime_disp();
</script>

②　$(document).ready　がないケース。

<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">
articleTime_move_to_skinArticleHeader2();
articleTime_disp2();
</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>


　・　下記は、記事投稿日時を記事タイトルの前に移動する関数。

articleTime_move_to_skinArticleHeader();
articleTime_move_to_skinArticleHeader2();

　・　下記は記事投稿日時を非表示から表示にする関数

articleTime_disp();
articleTime_disp2();



◆　ＣＳＳへ下記を追記する。

①　記事投稿日時を調整する

/* ------------------------------------------------------- */
/* 投稿日時を記事ヘッダーに移動による記事投稿日時の調整　　*/
/* ------------------------------------------------------- */
.articleTime{
display:none; /* 非表示 */
width:520px; /* 記事幅と同じにする */
margin-left:auto; /* 位置を中央寄せ */
margin-right:auto; /* 位置を中央寄せ */
text-align:center; /* 文字位置　left→左　right→右　center→中央 */
padding-bottom:5px; /* 記事タイトルとの隙間 */
}

◆　スクリプトのソース内容

function articleTime_disp(){// 投稿日時の表示
$(document).ready(function(){
$(".articleTime").css("cssText","display:block !important");
})}


function articleTime_disp2(){// 投稿日時の表示(2)
$(".articleTime").css("cssText","display:block !important");
}


function articleTime_move_to_skinArticleHeader(){// 投稿日時を記事ヘッダー前に移動
$(document).ready(function(){
var Art_cnt = $(".skinArticleHeader").length;
for(i = 0; i < Art_cnt; i++){
$(".articleTime:eq(" + i + ")").insertBefore(".skinArticleHeader:eq(" + i + ")");
}})}


function articleTime_move_to_skinArticleHeader2(){// 投稿日時を記事ヘッダー前に移動2
var Art_cnt = $(".skinArticleHeader").length;
for(i = 0; i < Art_cnt; i++){
$(".articleTime:eq(" + i + ")").insertBefore(".skinArticleHeader:eq(" + i + ")");
}}