アメブロ新CSS対応カスタマイズ秘伝書 https://ameblo.jp/pegasusworkstyle/ アメブロが新CSSにリニューアルされました。従来のカスタマイズが適用できず悩んでいるアメブロガーに秘伝のカスタマイズ術をお伝えします。 ja 完全無料ながら高品質・美しい・商用利用可能な素材提供サイト 完全無料ながら高品質・美しい・商用利用可能な素材提供サイト

 

 

 ホームページやWORDPRESSなどのブログ作成に必要

となる写真、ロゴやボタン素材。 これらがすべて完全無料

で提供されていて、しかも高品質で美しい豊富な素材が

揃っているサービスがあります。 

 

 

「マルシェ」というサービスサイトです。

 写真素材を提供している「フォトマルシェ」、

ロゴ素材を提供している「ロゴマルシェ」

そしてボタン素材を提供している「ボタンマルシェ」。 

 

 

商用利用もＯＫで自由に使えます。 

あなたもきっと気にいると思います。 

これら素材サイトを動画で紹介しましたので視聴下さい。 

 

 

 

 

紹介している無料の素材提供サイトへのアクセスリンクは以下です。 

●フォトマルシェ

●ロゴマルシェ

●ボタンマルシェ

 

 

 

 

 

 

 

 

]]> https://ameblo.jp/pegasusworkstyle/entry-12316104158.html Tue, 03 Oct 2017 00:07:56 +0900 本日のお題は、ありがとう、プレゼント、お得です。 本日のお題は、ありがとう、プレゼント、お得です。

本日のお題は、ありがとう、プレゼント、お得です。 

 

いつも私のブログを訪問してくれてありがとうございます。 

今日は、感謝の気持ちを込めて、プレゼントを。 

内容は、以下の動画で紹介しています。

 

 

 

 

 

上記の動画を見たら、簡単な手順を以下のサイトで説明していますので、 

その通りに作業を進めて下さい（作業と言っても超簡単 な作業です） 

 

⇒　作業手順を説明しているウエブサイトはコチラです

 

 

 

]]> https://ameblo.jp/pegasusworkstyle/entry-12316103853.html Tue, 03 Oct 2017 00:06:37 +0900 アメブロカスタマイズテンプレートのプレゼント情報

今日は、アメブロカスタマイズに関する記事を書きます。
といっても、カスタマイズ方法に触れるわけではなくて、
格好いいアメブロテンプレートなどが無料で貰えるプレゼント
の紹介です。


以下のアニメ動画で概要説明させて頂きました。




アメブロカスタマイズテンプレートのプレゼント情報



それで・・・・・・
最近作成した、アニメーション動画を１つ紹介します。
特に、コレといったテーマはありません。








]]> https://ameblo.jp/pegasusworkstyle/entry-11624567446.html Mon, 30 Sep 2013 01:50:19 +0900 やっぱりアニメーション作成に時間を費やしている日々・・・・・ やっぱりアニメーション作成に時間を費やしている日々・・・・・


前記事で、わたしのアメブロカスタマイズ以外の趣味を書きましたが、
依然として、その趣味である「アニメーション動画」作成に時間を
費やしています。



アニメフィギュアがダンスしている光景ですが、床面に影と反射をつけた
アニメーション作成までは、何とかできるようになりました。





ここまでの作品を作るのに、使用しているソフトは無料のものなんです。
おそらく「本当に？」と驚かれる人のほうが多いんじゃないかな？


でも、偽りなく無料で、かなりのクオリティーの動画が作成できるんです。
最近は、無料でも高機能なツールというのが沢山ありますから、とても
イイ時代になったもんです。


現在、道具を、いろいろと発掘しては試しているところですが、凝り性
なので、ついつい没頭しています・・・・・


]]> https://ameblo.jp/pegasusworkstyle/entry-11612439601.html Thu, 12 Sep 2013 22:31:59 +0900 アメブロカスタマイズ以外の趣味に没頭して更新が疎かに・・・ アメブロカスタマイズ以外の趣味に没頭して更新が疎かに・・・


アメブロカスタマイズ記事を中心に書いている、このブログですが
最近、カスタマイズ以外の別の趣味に時間を費やすことが多くなって
いて更新が疎かになっています・・・・・


その趣味とは、アニメーションの作成です。
CARTOONではなくて3DCGを使ったアニメーション作成です。


3DCGで、こんなグラフィックを作って

DAZ STUDIO 4.6 PRO


DAZ STUDIO 4.6 PRO


DAZ STUDIO 4.6 PRO



アニメーションさせて、こんな動画を作成したりしています。




カスタマイズネタも、そろそろ書いていかなければ・・・・・
と思っていますが。




]]> https://ameblo.jp/pegasusworkstyle/entry-11605536711.html Tue, 03 Sep 2013 01:21:18 +0900 アメブロカスタマイズ　アメブロで音声や音楽を流す方法 アメブロで音声や音楽を流したい場合、アメブロで禁止扱いとなっている
タグのおかげで目的達成できずに諦めてしまっている・・・
そんな人もいらっしゃるのではないでしょうか？


私もそんな中の一人でした。
サイドバーにブログパーツを設置して音楽を流すということは簡単に実現
できる状況ですが、記事の中で、伝えたい言葉を音声で聴けるようにしたり、
あるいは場面場面に応じた音楽をＢＧＭで流したい・・という思いを実現
するものはなかなか見当たりませんでした。
上で触れている通り、ツール自体は存在していても、アメブロに素直に導入
することができませんでした（力技で表示することは可能ですが・・・・
ヒント：iFrameスクリプトを利用して表示することはできます。


情報に溢れているネットの世界ですから検索をしてみると、サイトに音等を
設置するための様々な手法があることを知りました。
その中でも、特に興味を抱いたのが「グーグルガジェット」を利用する方法です。


なぜかというと、アメブロで禁止タグ扱いとなっているスクリプトでありながら
アメブロではガジェットコードをそのまま記事などに設置できるからです。


グーグルガジェット自体もその利用はかなりフレキシビリティーに富んでいますし、
場合によってはガジェットを自作することもできる、私にはうってつけのツールです。


ということで、今回は、前記事での約束通り、アメブロにグーグルガジェットを
使って音声や音楽を流す方法について紹介します。



【手順１】音声（音楽）再生プレイヤーの選択

アメブロで流したい音声（音楽）ファイルを再生するプレイヤーとして、私は
「JWPlayer」を選択しました。　多機能な海外製のプレイヤーでバージョンアップ
も活発に行われています。このプレイヤーの最新版は現時点（2011年8月16日時点）
でVer5.7となっています。
しかしながら、この最新版では、アメブロでの再生ができなかったので古いけれど
安定稼働のバージョンとしてVer5.3を使用することにしました。

⇒ JWPlayerを提供（無料）している海外サイトはコチラから直行できます


Ver5.3は上記サイトでは既に提供しておりませんので、以下からダウンロードできる
ようにしましたので興味ある人はお持ち帰りください。

⇒　JWPlayer Ver5.3のダウンロードはコチラから


Ver5.3は圧縮ファイル（ZIP）で提供しておりますので、これを解凍後展開された
すべてのファイルを、ご自身の契約されているサーバーにアップロードして下さい。


※サーバーの契約と言っても昨今は非常に格安でレンタルできます。
　私がよく引き合いに出している国内サーバーは「ハッスルサーバー」です。
　メールフォームの設置のためのJaveScriptを外部サーバーに置く際にも問題なく
　稼働してくれるので、私のお気に入り＆オススメのサーバーです。
　ブログのためのレンタルサーバー【ハッスルサーバー】


アップロードが終了したら、JWPlayerの本体である「jwplayer.swf」のURLを控えて
おいて下さい。


サーバーのドメインがyourdomain.com、作成したディレクトリ名がjwplayer、そして
このディレクトリーに、JWPlayerを解凍して展開された全てのファイルをアップロード
している場合、jwplayer.swfのURLは、以下となります（ご自身の環境に置き換えて
控えて下さいね）
http://yourdomain.com/jwplayer/jwplayer.swf


※今回の作業では省略しておりますが、JWPlayerの配色やサイズ等を簡単にカスタマイズ
　できるツールが以下で公開されていますので、ご参考までに。
⇒　JWPlayer専用セットアップウィザード



【手順２】音声（音楽）ファイルのアップロード

次いで、音声（音楽）ファイルをサーバーにアップロードします。
アップロード先は、上記【手順１】で「JWPlayer5.3」をアップロードしたのと
同じサーバーディレクトリーにしてください（後ほど、グーグルガジェットの設定
で、こうしておくと記述が簡素化できますので）。


例えば、音声ファイル名がonsei.mp3で、jwplayerディレクトリにアップロードして
いる場合、音声ファイルのURLは以下となります（ご自身の環境に置き換えて下さいね）
http://yourdomain.com/jwplayer/onsei.mp3


【手順３】音声（音楽）再生用のグーグルガジェット

音声（音楽）再生用のプレイヤーと音声（音楽）ファイルのアップロードが済んだ
ので、残す作業は、グーグルガジェットの設定作業です。
音声（音楽）再生プレイヤーとファイルを組み込むガジェットは、自作もできる
でしょうが、今回は既に公開されているガジェットを利用してみました。


ソースコードを作成されているのは、
「てっく煮ブログ」運営者「にとよん（nitoyon)」さんです。
ありがたく利用させて頂きます。
今回使用するガジエットは以下のサイトで公開されているものです。

⇒ 自分のサイトにガジェットを追加


以下のキャプチャー画面の「ガジェットの設定」項目にある「URL」（図の①）
の欄に上記【手順１】及び【手順２】で控えておいた「jwplayer.swf」及び
「mp3ファイル」のURLを、以下のように記述します。

-----------------------------------------------------------------------
http://yourdomain.com/jwplayer/player.swf?file=/jwplayer/onsei.mp3
-----------------------------------------------------------------------
※　player.swfのURLと音声（音楽）ファイル(mp3)のURLをつなげた表記です。

googleガジェット設定手順説明図1



URLへの入力が終わったら、次いで、図の②の部分を自分好みに修正を加えて
下さい。私の場合、
タイトル：　「Galaxy Express Interview1」
幅　　　：　　360px
高さ　　：　　 22px
の設定にしました。


ガジェットが正常に表示されていることを確認してください。
うまく表示されない場合には、URLの記述が間違っていないか再確認して下さい。
以下のキャプチャーのように、上部に正常にガジェットが表示されて音声再生
もできればＯＫです。

googleガジェット設定手順説明図2




最後に、このガジェットをアメブロに設置するためのコードを取得します。
「コードを取得」ボタンを押すことで、
”このガジェットをウェブページに組み込むには、次の HTML をコピーして
　貼り付けてください。”
の欄にスクリプトが出力されますので、それを全選択（CTL+A）してコピー
して下さい。


アメブロの記事に直接貼り付けて、正常に表示・稼働されることを確認して
完了です。


]]> https://ameblo.jp/pegasusworkstyle/entry-11582476737.html Mon, 29 Jul 2013 19:53:22 +0900 アメブロ記事内にメールフォームを設置する手順の動画解説 アメブロ記事内にメールフォームを設置する手順の動画解説


アメブロ記事内にメールフォームを設置したいけれど、どうすれば
設置できるかわからないという悩みはありませんか？


もしも、解決策をお探しでしたら、以下の画像リンクからアクセス
できるページに、その解決方法の１つを動画で説明していますので
参考にされて下さい。


アメブロにメールフォームを設置する方法動画解説



●動画解説内容●


アメブロでインラインフレームを使う方法動画解説""


アメブロ記事内にメールフォームを表示する方法動画解説



なお、上記の動画解説手順に従って、アメブロ記事内に、例えば、
忍者メールフォームを設置しているアメブロ記事も参照下さい。


アメブロ記事内に任意のメールフォームを設置する方法





]]> https://ameblo.jp/pegasusworkstyle/entry-11579274566.html Wed, 24 Jul 2013 19:07:11 +0900 アメブロでインラインフレームを使えるようにするスクリプト設置法 アメブロでインラインフレームを使えるようにするスクリプト設置法


インラインフレームというのは、ホームページの中に窓を作って
その中に別のホームページを表示するものです。


アメブロにはYOUTUBEをエンベッドすることはできますが、それ以外の
動画を貼り付けて表示しようとしても、できませんよね？


そんな時には、インラインフレームを利用することでYOUTUBE動画の
エンベッドコードではない動画でも、コードを貼り付けてアメブロに
表示することができるようになります。


以下の動画の中で、今回のテーマである、アメブロにインラインフレーム
を使えるようにするスクリプトの導入方法について詳しく紹介しています
ので、参考にして下さい。


この方法で、実際にインラインフレームで、YOUTUBEのエンベッドコード
ではない動画をアメブロに貼り付けて表示しているサンプルを以下の
別アメブロの記事内に掲載していますので、参照下さい。


アメブロでインラインフレームを使えるようにするスクリプト設定方法





上記動画で紹介している手順が、動画画面が小さくて、よくわからない
という場合には、別途、解像度を高めたチュートリアル動画を準備しました
ので、以下のリンクからアクセスしてご覧下さい。




上記動画の中で紹介しているスクリプトが欲しい人は、以下のスクリプト
提供と書かれたボタンリンクから、所定のメールフォームで申請して下さい。


但し、フォームの用件欄には、必ず「インラインフレームのスクリプト希望」
と書いて下さいね。　この記載がないと、お届けできないので・・・・


アメブロでインラインフレームを使うためのスクリプト申請フォーム



]]> https://ameblo.jp/pegasusworkstyle/entry-11577386715.html Sun, 21 Jul 2013 20:19:23 +0900 アメブロの背景をスライドショー表示するスクリプト スライドショー表示について紹介しました。
再び動画で紹介。


kurepelin



残念ながらアメブロはHTMLが編集できないので、そのスクリプトは
適用できません。


動画で紹介しているスクリプトの素晴らしいところは、背景画像を
固定表示することができること、切替の際、クロスフェードがかかる
ところ、そして、設定一発でどんなサイズの画像でもフルスクリーン
で表示してくれるところ。


アメブロで同様なことができないものか？
いろいろと探し続けて、結果、アメブロで背景画像をスライドショー
表示してくれるスクリプトを公開してくれている人がいらっしゃいました。


それで、早速、そのスクリプトを使わせてもらったのですが、2012年
の初め頃までは正常動作していた様子ですが、仕様変更の多いアメブロ、
現在は、ウンともスンとも動かずでした。


でも、このアメブロの背景画像・・・・・・・・・・
画像が切替表示できてるじゃないか？と思われるはずです。


これは、苦肉の対応をとったまでです。
冒頭で紹介したスクリプトのように背景画像の固定表示もできて
いませんし、クロスフェードもかかっていません。


実は・・・・・・アニメGIFを設置しただけ。
アメブロで、冒頭紹介したような背景画像のスライドショーが可能
になればいいのですが、ちょっと無理みたいですね。


]]> https://ameblo.jp/pegasusworkstyle/entry-11568481371.html Mon, 08 Jul 2013 00:10:27 +0900 ブログの背景画像をスライドショー表示する方法を紹介 ブログの背景画像をスライドショー表示する方法を紹介


kurepelin



久しぶりにブログカスタマイズの紹介です。
ブログのヘッダー画像をスライドショーのように切替表示
する場合には、最も簡単な方法として、複数のヘッダー画像
を準備しておいて、これらをアニメGIFにして設定すれば、
ＯＫです。


そんなアニメGIF画像を作成するのも簡単です。
バナー工房という無料のサービスサイトで最大２０枚まで
切替表示できるアニメGIFを作ることができます。

　⇒　バナー工房へのアクセスはこちらから


しかし、背景画像をスライドショー表示しようと思ったら、
ヘッダー画像の場合のように簡単ではありませんでした。


何とかスライドショー表示させたいなと思って、いろいろと
試行錯誤したり調べたりして、行き着いた解決策が今回の
動画で紹介している、スクリプトを使用する方法です。


スクリプト自体は、クレペリンさんという方が作成された
ものを利用させて頂きました。
このスクリプトを使用する際に、新たに付け加えることは
スライドショー表示させた画像のURLを書きこむだけです。
大変簡単な作業だけで、ブログの背景画像をスライドショー
表示させることができます。


ただし、残念ながらアメブロに組み込んだ場合には動作確認
できませんでした・・・・・・・


HTMLが編集可能なブログであればＯＫですが・・・・
私が運営しているFC2ブログでは問題なく動作しています。


クレペリンさんの提供されているスクロプトは以下の詳細は
こちらのボタンからアクセスすることができます。

kurepelin




]]> https://ameblo.jp/pegasusworkstyle/entry-11568144243.html Sun, 07 Jul 2013 15:18:23 +0900