ブログパーツ

趣味の工房

ブログ記事の最後に特定の文章(画像・リンク)を自動的に挿入する

みなさんこんばんは
前回の記事にて、-Stea1thさんよりナイスなネタフリがありましたので、UPします。



そのネタとはこちら。

2011y02m21d_222420236.jpg
※ダミーです。クリックしちゃった人~!?…ていうか、してみ!?(爆)


このようなランキングの画像やリンクを毎回記事の下に入れているんですが、確かに同じ文章を毎度入れるのはめんどくさい…( ̄∇ ̄;)

ということで、毎回ブログ記事の最後に自動的に付ける方法がないものか…
ありました♪


【ブログ記事の最後に特定の文章(画像・リンク)を自動的に挿入する】



<以下、FC2ブログの場合です。ただ、他のブログでも通用すると思います。>

「環境設定」から「テンプレートの設定」を表示して、該当のテンプレートの「編集」をクリックします。
2011y02m21d_223448540.jpg
※左側の「適用」部分に旗マークがついているものが現在適用されているテンプレートです。
 


下に表示される「(テンプレート名)のHTML編集」欄から、<!--/more-->という記述を探し(赤線)、その下に挿入したい文章やリンクなどの記述を入れ、「更新」を押すだけでOK。
2011y02m21d_223236770.jpg
※クリックで拡大
 画像はランキングのバナー広告を入れた画像です。

これで、自動的に記事本文の下に追加されます。
ただし、注意点が3つ。

○(当然ですが)毎回同じものになる。
○以前、記事の最後に入れていた場合、2重表示に表示されてしまう。
○記事本文に追加していた場合は改行はそのまま反映されますが、HTML編集での改行は
 <BR>を使う。


ということです。
2番目に関しては、ボクも過去記事は記事の最後に入れてましたので、過去記事を見ていただくとわかりやすいと思います。うっとおしいですが、ランキングバナーが2つずつ出てしまっていますw
過去記事の文章からその部分を消せばいいのですが、5つほど消したところでめんどくなってやめちゃいました(; ̄ー ̄A


今まではメモ帳にテキストをコピーしておいて、毎回記事の最後にメモ帳を立ち上げ、コピー&ペーストしていたんですが、その手間が省けました♪
今後は入れ忘れることもないですね(笑)



ちなみに…上記HTML編集のところから、

<!--topentry-->の上においた場合は、記事のすぐ上に。
<%topentry_body>の上に置いた場合は、記事タイトルのすぐ下に表示されるようです。



便利ですね~。

では。ヽ(* ̄∀ ̄)**SeeYou**


【追記】
FC2ブログでは携帯用のテンプレートが別になっていますので、携帯でも表示したい場合はそちらも追加しておかないといけません。ご注意を。




ランキングに参加しております。クリックにご協力を♪

にほんブログ村 PC家電ブログ 自作PCへ
にほんブログ村


関連記事


    22:56 | Trackback : 0 | Comment : 17 | Top
Comment
2011.02.22 Tue 00:46  |  kaiten-sushi #VwhHdBBk
こんばんは、りくパパさん。
コレ便利ですね。
前の記事とかコピーしなくてもいいですもんね(^▽^)
メールの自動的に入る署名みたいな感じでしょうか。
やってみます!
  [URL] [Edit]
2011.02.22 Tue 07:50  |  りくんちゅ。パパ #-
>kaiten-sushiさん

聞かれるまで、調べようともしてませんでした( ̄∇ ̄;)
確かに、テンプレに組み込んじゃえばよかったんですね。
ボクも勉強になりました(>Д<)ゝ”
  [URL] [Edit]
2011.02.22 Tue 08:54  |  と~やん。 #-
おはようざいます~♪
kaiten-sushiさんの仰るように署名的なものとしても使えますよねヽ(´▽`)/
僕も今までコピってたんですけど、こういう言語って< >が抜けてたり
スペースが妙に入ってるだけでも表示が変になっちゃったりしてました( ̄ー ̄;
これはさっそく使ってみます~☆
  [URL] [Edit]
2011.02.22 Tue 10:02  |  Hide-Rocket #-
おーそういう方法もあるんですね♪
勉強になります☆

ちなみに私はscriptで挿入してます(っ。・з・。)φ



<script language="javascript"><!--
function myF() {
var myMe ='<a href="http://※※※"><img src="http://※※※
var myfix = document.getElementsByTagName('div');
for(i = 0; i < myfix.length; i++){
myObj=document.getElementsByTagName('div')[i];
if(myObj.className=='contents'){
myObj.innerHTML += ( '<p class="fix">'+ myMe + '</p>');}}}
window.onload = function(){myF();}
// --></script>
  [URL] [Edit]
2011.02.22 Tue 15:52  |  Stea1th #-
携帯からちらりと

なるほどこうすればえかったんすね抻温佑砲覆蠅泙靴


後弱点というとテンプレを変えたらまた追加しないといけない、ってところですね
またテンプレ変更予定なんで(不具合を直さなくては?、またそのときにやってみようとおもいまし

ありがとうございました
  [URL] [Edit]
2011.02.22 Tue 17:07  |  -Stea1th #-
今帰って見たらひどいことになっててわろたw
文字化け部分は

参考になりました

です・・・汗
無理やり翻訳だと
長靴の紐をぴんと張ってやる
みたいな事が書かれていましたが、ぜんぜん関係ございませんorz
  [URL] [Edit]
2011.02.22 Tue 18:21  |  りくんちゅ。パパ #-
>と~やん。さん

そうですね。テンプレートの一部としての認識なんで、下で-Stea1thさんもおっしゃっているように、テンプレ変えたら修正が必要ですが。
あ、あとFC2ブログのように携帯用に特別なテンプレになるものは携帯では表示されなくなっちゃいます( ̄∇ ̄;)


>Hide-Rocketさん

おー!!scriptで来ましたね。
…ボクはそっちはさっぱり???です(; ̄ー ̄A
今度また講義願います(>Д<)ゝ”

でも携帯からだとスクリプトも表示できないものもありますよね…



>-Stea1thさん

何か意味があるのかと思って必死にググッた件(爆)
確かに、テンプレ変えたら修正も必要ですし、FC2は携帯テンプレ違うんで、そちらも追記が必要っぽいですね。

  [URL] [Edit]
2011.10.27 Thu 14:50  |  upacho #XJ4UzVc.
こんにちは。
最近fc2ブログを始めました。
タグ知識がなく、いつもネットで調べてもちんぷんかんぷん…

これでランキングバナー追加できました^∀^
ありがとうございました♪
  [URL] [Edit]
>upachoさん

こんばんはー☆
FC2仲間ですねー。ゎーィ♪ヽ(*´∀`)ノ
他にもブログ関連の記事はカテゴリにまとめてありますので、興味があったら見てみてください☆

わざわざお礼のコメント、ありがとうございます。
☆人´∀`).☆.。.:*
  [URL] [Edit]
2014.11.25 Tue 22:48  |  mee #AzmySJ4g
こんばんは。
毎回同じ文をコピーして貼り付けするの
めんどくさいなって思っていたところに
すごく分かりやすく説明されていたので
pc苦手な私でも出来ました!
ありがとうございます(*ノ∀ノ)

質問なのですが
fc2のブログで
順番に↓

記事タイトル
記事内容
拍手
スポンサーサイト
今回教えて頂いた定型文

となっているのを
記事内容と拍手の間に
定型文を貼り付け
って出来るのでしょうか。

説明下手くそですみません。
伝わったでしょうか
。゚(。ノω\。)゚。
はじめまして  [URL] [Edit]
2014.11.25 Tue 23:46  |  りくんちゅ。パパ #CLdJdQDA
meeさん
こんばんは。
お役に立てて何よりです☆
記事内容の下に入れたいということですね!?

それであれば、上記<!--/more-->の少し上に<%topentry_body>という記述があると思います。
記事にはそのすぐ上に画像や文章を入れることでタイトルのすぐ下に表示されると書いていますが、逆に<%topentry_body>の下に挿入することで本文の下に表示されるようになりますので、試してみてください♪


  [URL] [Edit]
2014.11.26 Wed 09:58  |  mee #AzmySJ4g
こんにちは。
早速教えていただいたように
<%topentry_body>の下に挿入してみたのですが
記事内容
拍手
スポンサーサイト
教えて頂いた定型文貼り付け
になってしまい<!--/more-->の下に挿入した時と変わらなかったです。
(私のテンプレートが原因?)

拍手とスポンサーサイトの位置を変えたらいけるんじゃないかと思い
拍手タグを取得してテンプレートに挿入したのですが
見事にスポンサーサイトだけ残り

記事内容↓
スポンサーサイト↓
拍手↓
定型文
となってしまいました。

私的には
記事内容
拍手
定型文
スポンサーサイト
となってほしいのですが


私が使っているテンプレートでは
できないとかあるのでしょうか?泣

何度もすみません。
宜しくお願いします。
  [URL] [Edit]
2014.11.27 Thu 00:14  |  りくんちゅ。パパ #CLdJdQDA
meeさん
うーん。テンプレートの違いもあるかもしれませんね。(; ̄ー ̄A
正直、ボク自身もHTML記述にあまり詳しくはないのでテンプレートを見てみないとわかりませんが...
現状でもスポンサーサイトが上に来てしまうということなので、拍手のタグと定型分をさらにその上の記述(<script type=○○~>)の上辺りに入れてみたらどうでしょうか?

ちなみに、スポンサーサイトの広告は表示しない設定にすることもできますので、必要がないのであれば、いっそのことスポンサーサイトを表示しない設定にしてしまうのもありだと思います。
管理ページの左側にある環境設定から、「ブログの設定」⇒「高速画像表示の設定」から、高速表示の設定を「利用しない&広告を表示しない」に変更すると約1週間後から広告表示(スポンサーサイト)が消えます。
「高速画像表示」に関しては、自分の環境では「利用する」でも「利用しない」でもあまり変化は感じられませんでした(特に画像表示が速くなったとは思えない)
ブロードバンド環境ではあまり違いはわからないのでは?と思います。
  [URL] [Edit]
2014.11.27 Thu 13:58  |  mee #AzmySJ4g
こんにちは♪
色々試してみましたが
スポンサーの上に挿入することが
出来ませんでした。(´・ω・)

ですが
スポンサーを消せるとは
考えもしなかったので
早速表示しないにしてきました
ヽ(* 'ー')ノ

通りすがりのこんな私に
何から何までご丁寧に教えてくださって
本当にありがとうございました♪

またブログ覗きにきます☆

  [URL] [Edit]
2014.11.28 Fri 23:51  |  りくんちゅ。パパ #CLdJdQDA
meeさん
こんばんはー☆
あらら...ダメでしたか。(; ̄ー ̄A
お役に立てず申し訳ないです。

また何かありましたらコメント欄でもメールフォームでも構いませんのでご連絡ください。
...ネタになるかもしれないので(笑)

あと、基本かなりマニアックなブログですので、頻繁に覗かれると毒される恐れがありますのでどほどに(爆)
わざわざお礼のコメント、ありがとうございました☆人´∀`).☆.。.:*

  [URL] [Edit]
2016.05.20 Fri 00:10  |  アツシ #-
署名みたいなものがあればな~って思っていたら、
紹介して頂いた方法でいけました♪
ありがとうございます(´▽`)
ありがとうございます♪  [URL] [Edit]
2016.05.21 Sat 01:40  |  りくんちゅ。パパ #-
アツシさん
お役に立てて何よりです♪
わざわざ御礼のコメント、ありがとうございました☆人´∀`).☆.。.:*
  [URL] [Edit]









(編集・削除用)


管理者にだけ表示を許可
Trackback
http://rikuntyudady.blog101.fc2.com/tb.php/417-2393d238
プロフィール

りくんちゅ。パパ

Author:りくんちゅ。パパ
初歩的な話からオーバークロックまで、PCに関することやその他趣味に関することを思い付きで書いています。
コメントはお気軽にどぞ。

「rikuntyudady」の名前で出没することもあります(笑)

rikuntyudady01.jpg

このサイトはFirefox,Google Chrome用に最適化されています。
IEでは一部表示が正しく行われない場合があります。
ご了承ください。


アクセスカウンター
signbot_20101017072856.gif
現在の閲覧者数:

galleryロゴ02
cmcrogo2.png
RikuntyudadyのCM690をUP!!
☆ただ今34台展示中☆



みんなのPC♪ギャラリーはコチラ。

Page 1 Page 2


Categories...

クリックで全て開閉↓

openclose


○自作をしてみたい方へ
○オーバークロックについて

「+」はフォルダクリックでOPEN

全ての記事を表示する


見つからない場合はコチラ
(記事内検索)

最新記事
最新コメント
☆MY GEAR☆
カスタマイズ工程はコチラ
画像
画像
画像
画像
画像
画像
画像
ATCS840
COSMOS II
CORE1500
MasterCase5Mod

<製作依頼PC>
画像
Overclock.net work log
MNPCTECH"Case Mod Blog"
画像
画像
【CORSAIR Vengeance® C70】
HAF X MOD

<コラボ企画> 画像
SNIPER
☆おもな活動サイト☆

Cooler Master Forum
CoolerMaster

techPoweUp! Case Mod Gallary-
techPowerUp!

Overclock.net
   -Case Mod Work Logs-
Overclock.net

Case Modding Forum
Case Modding Forum

こだわりの持ち物を登録しよう♪
2010y05m05d_221238218.jpg

Web page translation
THIS IS MY GEAR
2016y03m23d_233159886.png 2016y03m23d_233204419.png
感染者増殖中...
りくんちゅ。パパにメールする







本文:

☆掲示板☆

趣味の工房 ~みんなの休憩室♪~
お気に入りブログ♪
カメラ熱上昇中♪
【Canon】EOS 70D 70D.png ○レンズ
【Canon】
EF-S18-135mm F3.5-5.6 IS STM
EF-S55-250mm F4-5.6 IS STM 【SIGMA】
18-35mm F1.8 DC HSM|Art
APO 50-150mm F2.8 EX DC OS HSM


【Canon】G7 X canon_g7x_20150528010550367.png
☆広告☆
ブロとも申請フォーム
QRコード
QRコード
RSSリンクの表示