ブログタイトルに改行を入れる | リアナのカスタマイズ日記(CSS編集用デザイン)

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

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

★ ブログタイトルに改行を入れる

● 内容

① ブログタイトルに改行などを入れられます。
② ブログタイトル以外の場所にも改行などを入れられます。
③ 改行以外に自由にHTMLを入れられます。
④ 指定したカラム(何文字目か)に入れられます。
⑤ 指定する場所は、1箇所のみです。


● やり方

① フリープラグインへ追記する

<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">
title_add_html('.skinTitleArea a','<br>',10);
</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>

 ・ title_add_html('.skinTitleArea a','<br>',10);

.skinTitleArea a  ・・・ ブログタイトルのセレクタ名
<br> ・・・ 改行のHTMLの例(HTMLを入れられます。画像など)
10 ・・・ 10文字目に指定したHTMLを入れる




● この記事ではブログタイトルの指定した場所に改行を入れる
  例を説明しています。
  他の場所でも、使えます。
  また、改行以外にもHTMLであれば、画像なども入れられます。




◆ スクリプトの内容

function title_add_html(selector1,tag,col){// タイトルHTML追加
$(selector1).each(function(){
var T0;var T1="";var Seq=0;
if($(this).html().indexOf("<!-- google_ad_section_start(name=s2, weight=.1) -->")!=-1){
T0=$(this).html().replace( "<!-- google_ad_section_start(name=s2, weight=.1) -->", "" ).replace("<!-- google_ad_section_end(name=s2) -->", "");
}else{
T0=$(this).html();
}
$(this).html(T0.substring(0,col)+tag+T0.substring(col));
});
}