JavaScript サイドバーの見出しタイトル 遊んでみよう・・?
に・・つづく 遊んでみよう・・?シリーズ(?) 第3弾・・
JavaScript サイドバーの見出しタイトル 遊んでみよう・・?です
本来なら・・・
画像を使ったこちらのほうをお勧めしますが・・
あたし・・画像なんて作れない~
かんたんにできるやつ教えろよ~ って方々のために?
![アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!](https://stat.ameba.jp/user_images/20101028/21/exlink/dc/7d/j/o0550062010826885738.jpg?caw=800)
赤字部分を好きに変えてから フリープラグイン へ・・
<script type="text/javascript">
$(function(){
$("#profile h4").html("あたしのこと");/*プロフィール*/
$("#reader h4").html("どくしゃさま");/*このブログの読者*/
$("#recent_entries h4").html("チョット前の記事");/*最近の記事一覧*/
$("#favorite h4").html("だ~いすき!");/*お気に入りブログ*/
$("#bookmark h4").html("おすすめ~!");/*ブックマーク*/
$("#calendar h4").html("かれんだ~");/*カレンダー*/
$("#theme_list h4").html("てーまべつ");/*ブログテーマ一覧*/
$("#search h4").html("さがしもの");/*ブログ内検索*/
$("#archives h4").html("つきべつだよ");/*アーカイブ*/
$("#recent_comment h4").html("こめんとありがとう");/*最近のコメント*/
$("#ranking h4").html("じゅんばん");/*ランキング一覧*/
$("#defaultAd h4").html("あめぶろこうこく");/*PR*/
});
</script>
また・・・
<script type="text/javascript">
$(function(){
$("#profile h4").html("Profile");/*プロフィール*/
$("#reader h4").html("Readers");/*このブログの読者*/
$("#recent_entries h4").html("Recent Entries");/*最近の記事一覧*/
$("#favorite h4").html("Favorites");/*お気に入りブログ*/
$("#bookmark h4").html("Bookmarks");/*ブックマーク*/
$("#calendar h4").html("Calendar");/*カレンダー*/
$("#theme_list h4").html("Theme");/*ブログテーマ一覧*/
$("#search h4").html("Search");/*ブログ内検索*/
$("#archives h4").html("Archives");/*アーカイブ*/
$("#recent_comment h4").html("Recent Comments");/*最近のコメント*/
$("#ranking h4").html("Ameblo Ranking");/*ランキング一覧*/
$("#defaultAd h4").html("Ameblo PR");/*PR*/
});
</script>
と・・英語にして
こちらも英語に変更すればベーシックスキンで英語のブログが出来ちゃうかも・・
あるいは・・これにリンクも貼ることが出来ます
プロフィールの中の続きを読む・・
読者一覧の一覧を見る
最近の記事の一覧を見る
お気に入りブログの一覧を見る
ブックマークの一覧を見る
これらを見出しタイトルを変更するついでにリンクしたりも出来ます・・・
<script type="text/javascript">
$(function(){
$("#profile h4").html("<a href='http://profile.ameba.jp/あなたのID/'>あたしのこと</a>");/*プロフィール*/
$("#reader h4").html("<a href='http://ameblo.jp/あなたのID/reader.html'>どくしゃさま</a>");/*このブログの読者*/
$("#recent_entries h4").html("<a href='http://ameblo.jp/あなたのID/entrylist.html'>チョット前の記事</a>");/*最近の記事一覧*/
$("#favorite h4").html("<a href='http://ameblo.jp/あなたのID/favorite.html'>だ~いすき!</a>");/*お気に入りブログ*/
$("#bookmark h4").html("<a href='http://ameblo.jp/あなたのID/bookmark.html'>おすすめ~!</a>");/*ブックマーク*/
$("#calendar h4").html("かれんだ~");/*カレンダー*/
$("#theme_list h4").html("てーまべつ");/*ブログテーマ一覧*/
$("#search h4").html("さがしもの");/*ブログ内検索*/
$("#archives h4").html("つきべつだよ");/*アーカイブ*/
$("#recent_comment h4").html("こめんとありがとう");/*最近のコメント*/
$("#ranking h4").html("じゅんばん");/*ランキング一覧*/
$("#defaultAd h4").html("あめぶろこうこく");/*PR*/
});
</script>
この場合・・
リンクすることによってリンクのCSSが適用され他の見出しタイトルと違ってくる場合があります
CSSで設定が必要になってきます
JavaScript サイドバーの見出しタイトル 遊んでみよう・・?
JavaScript メチャクチャ・・遊んじゃおう?