アメブロ読者登録リンクの画像化。ボタン画像に変更する方法★

アメブロの読者登録リンクを画像化して置き換える方法とCSSタグをご紹介します。
これは私のブログで採用しているものをそのまま抜粋し、掲載します！

読者登録リンクを画像化手順３ステップ

①まずボタン画像を登録しましょう～！
　おてもちのお好きな画像ボタンを画像フォルダにアップします。




















②CSSファイルの編集


















下記のように
　.readerMainLink p a　の要素を変更します。

-----------------------------

.readerMainLink p a {
display: block;
width:**px;//ボタンサイズ幅
height:**px;//ボタンサイズ高
background: url(http://stat001.ameba.jp/user_images/************.jpg) no-repeat;//ボタン画像ＵＲＬ
text-indent:-9999px;
}

-----------------------------
**の値はお手持ちのボタンの画像サイズとアップしたファイルのURLに置き換えてください。


③確認する

問題がなければ設置完了！

うまくいかない場合はコメントなどなどください＞＜



★★スイの本日の必ず得するネタ！★★

5分ほどの登録掲載作業で500円！！損すること一切なし
こちらのMicroADに簡単登録後、自分のブログに広告を貼るだけで500円GETできます。

★★スイの本日の必ず得するネタ！★★

Googleでお絵かきしたものをアメブロに埋め込むよ★

GoogleDocsのお絵かきをアメブロに埋め込む

皆さんはGoogleDocsは使っていますか？私はGoogleびいきですので、GmailからDocsまでもろもろGoogleのサービスを使っています★そんなGoogleDocsのサービスの中にお絵かきの機能があるのですが、その機能を使って書き上げたものを簡単にアメブロに貼り付けることができるのでご紹介♪




↓ここからしたが埋めこまれたもの。
IEでは読み出されないことがわかりました。



↑こんな感じでかいたものを埋め込むことができるのです！
埋め込んだものは編集するたびにリアルタイムに更新されますので、とっても便利★さて、何を書こうかなぁ・・・。でもまだまだお絵かきの機能が乏しいのでPhotoShopのような高度なことは全くできません。

うーん、使いかたはあなた次第♪といったところでしょうか・・（笑


（追記）
改めて確認したところコードがIEでは上手く読まれないようです。。
iframeではなくimgタグで読みだしていたので行けるかなと思ったのですが・・。
原因はIEでしょうか。
Google Chromeでは問題なく表示されています。

ちなみにこのお絵かきへのリンクはこちらです

アメブロの制限との戦いはまだまだ続く・・・（笑

アメブロへ高画質HD動画Vimeoの埋め込み・貼りつけ方

こんばんは♪スイです。

いろいろアメブロカスタム研究していたら、ようやく出来ました！Vimeoのアメブロへの埋め込みです。
以前の記事で書いていたVimeoが埋め込めない。。という現象の解決方法！

高画質動画サイトVimeoの動画のアメブロへの貼り付け方

埋込み方はGoogleガジェットを一つ間に挟むことによって、ブログにコードを埋め込むことができるようになるということなのです。Vimeoのコードを直接貼ろうとするとコードが不正ですとエラーが返ってきてしまいます。そこでコードが許可されているGoogleガジェットを利用してVimeoを呼びこみ、そのGoogleガジェットを貼り付けるというチョット一手間ですが、貼りつけ確認できました＾ー＾ｖ

高画質動画サイトVimeoの動画をGoogleガジェットで貼り付ける方法

はぁこの高画質を見ているだけで心落ち着くんですよ～★
思わずため息です。

この動画見て、はぁ・・とため息を漏らした方・・・コメントをぜひ♪

無料で配布★アメブロ読者登録ボタンSimplePlusのボタンを作成しました♪

こんにちは！スイです。
読者に登録する！のボタン化ようにボタンを作成してみました。

いくつかカラーパターンもつくってみたのでお気に入りのものが見つかれば嬉しいです。
こちら無料配布予定ですが時間のあるときにファイルダウンロードできるようにする予定★

まずはボタンデザインだけでも御覧くださいませ～♪

アメブロ読者登録ボタンSimplePlus

カラーバリエーションはこちらの画像クリックで拡大表示！



ボタンがほしぃ！という方がいらっしゃいましたらコメントください♪
画像を書きだして、ダウンロード出来るように致しますね★

また追って、ボタンの設置方法も書いていきたいと思います。

またまた使えるアイコンセットの無料ダウンロードサイト３つ！

こんばんは！スイです。
またまた前回も好評だったフリーの無料アイコンセットを配布しているサイトを今回は３サイトを一挙にご紹介致します。どれもこれもハイクオリティーで使い道がないアイコンまで使いたくなってしまうとう充実ぶり。

アイコンって、すごくサイトデザインのアクセントになるんです。これから私も、皆様のサイトお手伝いさせていただくときはアイコンなども導入できたらいいなぁと考え中。

ぜひご参考になさってくださいね！


freeiconsweb
http://www.freeiconsweb.com

freeiconsdownload
http://www.freeiconsdownload.com

Freedesign4.me
http://www.freedesign4.me/