KaRaKuRy

アクセスカウンタ

zoom RSS 「続きを読む」の文字を書き換える方法

<<   作成日時 : 2008/09/01 10:59   >>

なるほど(納得、参考になった、ヘー) ブログ気持玉 1 / トラックバック 2 / コメント 2

CSS編集で画像ボタンに替える方法については、ずいぶん前に記事にしているのですが、要望の多い「文字そのものを書き換える」ものをやっと作ってみました。
CSS編集だけでは書き換えることはできませんので、Javascript併用です。

● CSS編集
CSS編集画面を開き、どこでも分かりやすいところに、↓をコピー+ペースト。

.more a{
visibility:hidden;
}

過去記事「『続きを読む』を画像ボタンに替える方法」 を試された方へ
画像ボタンを試したことのあるブログさんは、そのときに「.more a」の設定項目を作っています。
.more a{ }の、{ }の中身を消して、visibility:hidden;と書き込んでください。
また、もう一箇所.more{ } という設定項目を作っていると思います。そちらはまるごと消しちゃってください。


● フリースペースの編集
下のソースをコピー+ペースト。…なのですが、フリースペースのどこがよいか、というのが実は問題です。
中央の新着記事の欄がブラウザに「読み込まれた後」にこのJavaScriptが読み込まれるのでないと、書き換える場所がみつからないよ?とJavaScriptが動作をやめてしまいます。
(動作が止まると、元からの「続きを読む」の文字すら表示されなくなります)
トップページで右側【→】にサイドバーを置いているブログさんは、その中のフリースペースに書き込んでください。
左側【←】にしかフリースペースがないよ、というブログさんは、できるだけ最後のほう(=下のほうに表示されるフリースペースの終わりのほう)に書き込んでみてください。

<script type="text/javascript"><!--
function Readmore(){
var Tuzuki ="【続きだよ】";
if(document.getElementById("postlist")){
var poslist = document.getElementById("postlist");
var len = poslist.getElementsByTagName("span").length;
for(i=0; i<len; i++){
var rdmore = poslist.getElementsByTagName("span")[i];
var rdlink = rdmore.getElementsByTagName("a")[0];
var newtext = document.createTextNode(Tuzuki);
rdlink.replaceChild(newtext,rdlink.firstChild);
rdlink.style.visibility = "visible";}}}
Readmore();
// --></script>

" "の中身、【続きだよ】 の部分が書き換え後の文字になります。お好きな言葉にしてください。
" "は消さないでね。


「銅」宝箱だ〜。

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ
気持玉数 : 1
なるほど(納得、参考になった、ヘー)

トラックバック(2件)

タイトル (本文) ブログ名/日時
気持玉を画像に
ゆきさん ...続きを見る
ピンクの作品展
2010/04/04 15:17
オークリー サングラス
「続きを読む」の文字を書き換える方法 KaRaKuRy/ウェブリブログ ...続きを見る
オークリー サングラス
2013/07/04 00:29

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(2件)

内 容 ニックネーム/日時
むむっ!
それやってみたい。
あたしにもできるかなぁ(^◇^;)
はいじ
2008/09/02 09:41
はいじさん、こんにちは。
難しくないんだけど、どこのフリースペースに貼るかで、効き目が出たり出なかったりするかもしれません。
うまく動かなかったら別のフリースペースで試してみてくださいねー。
ゆき
2008/09/02 10:35

コメントする help

ニックネーム
URL(任意)
本 文

おもちゃ箱

Arcana Collection
詳細記事は→こちら
KaleidoRound
自分でつくれる万華鏡

記事をさがす

powered by Google
WWW KaRaKuRy
Neko

おもちゃ箱

【Hamster】
ちょたたたたっ。
詳細記事は→こちら
【Arcana Collection】
登録無しでもお試し戦闘ができるようになったよ。
詳細記事は→こちら
ブログ仲間s'新着記事tv 中継所
Powered By 画RSS

テーマ

「続きを読む」の文字を書き換える方法 KaRaKuRy/BIGLOBEウェブリブログ
文字サイズ:       閉じる