[blogger]read-more!続きを読むを画像表示に変更する方法。CustomAboutNAVER2012/05/03[blogger]read-more!続きを読むを画像表示に変更する方法。More--続きを読むの記事区切りを、なんとなく画像にしてみたくなったので、試してみました。■初めに、続きを読むの部分に表示させたい画像を用意しておきましょう。参考までに、このブログで設定している画像のサイズは172×62です。■区切り部分にどういった物(テキストないし画像)を表示するかを設定しているのは、テンプレートHTMLの中になるので、まずテンプレートのバックアップを取るようにしておきましょう。"#more"'><data:post.jumpText/></a></div></b:if>という部分を探します。「post.jump」あたりでページ内検索をかければいいかと思います。コード内、<data:post.jumpText/>が、レイアウト編集画面の投稿ページ要素内で、「投稿ページのリンクテキスト」のボックスで決めてあるテキストを呼び出すという部分になります。ちなみに、「投稿ページのリンクテキスト」は、<b>などで太字にしたりも出来ます。/>に置き換えましょう。以上、画像に置き換わるのを確認して、終了にしてもいいですし、CSSを編集して、画像に動きを付けてもいいと思います。{}】を基本に設定をしていけばプレビューで変化を見ながら設定することが出来ます。opacity:0.5;}わたしのCSS設定は、このようなコードを追加しました。margin-leftで少し左側を空けて、文章とボタンに位置的な動きが出るように。radiusは付けておいたら、たまたま下の線が影のようにうつったので、こんな使い方に。マウスオーバーで、画像が上に動きながら半透明になるようにして動きをつけてあります。●参考サイトbloggerの『続きを読む』をカスタマイズ。ボタン画像にする・テキストを変更する・CSSで装飾する。More機能は、自動で『続きを読む』というテキストが表示されます。この『続きを読む』を好きなボタンに変えたり、テキストを変更する手順を紹介します。...参考になった方はシェアしてくださると嬉しいです!https://www.sunabox.net/2012/05/blogger.html[blogger]read-more!続きを読むを画像表示に変更する方法。Twitterのフォローはこちらから!■Twitterによる更新情報などのつぶやきもおこなっております。3:24:00どもども、じーんです。お世話になっております。記事を参考にして「続きを読む」をカスタムしてみたんですが。10:54:00こんにちは。自由帳のカスタムについてでいいんですよね?テンプレートHTMLを見られるわけではないので、確実とは言い切れないんですが。class="jamp-link">のくくりの中に、linkwithinが含まれてしまっているように思います。post-footer-line-1">の直下に移動させるのはいかがでしょうか?画像は、Chromeの右クリックメニュー「要素を検証」から確認してみたものです。13:50:00こんにちは、コメントありがとうございます。どこかで見たような気もするのですが、ちょっと思い出せませんでした。Javascriptで出来そうな感じなので、Bloggerに拘らずにWordpressなどで使っている方法が分かれば、そのまま使えるかもしれませんね。HomeSocialProfileすなふここは、GoogleChromeの事やbloggerの事等を軸としながら、気になった事を、何も気にせずに書いていこう、そんなブログです。Twitterアカウントのフォロー、ブログについてのコメント、メール等いつでも待ってます。30days)綿向山登山!すっかり登山者気分に浸れる雰囲気と、歩きやすい道が気持ちよかった![Windows7]ゴミ箱をタスクバーに移動する方法!デスクトップにアイコンを置きたくない人に最適です。Tweetbotや他のアプリの通知が表示されない!そんな時の対処法の1つをご紹介。【ほぼ滋賀県】去年の秋から登山を始めた私がご紹介したい7つの山。miniも新しく!2011モデルとの比較表。[blogger]下から上まで一気に飛ぼう!「ページトップに戻る」ボタンを付ける。