アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! -308ページ目

リンク先をサムネイルで・・・ Link Thumbnail

リンク先のサムネイルをマウスオーバーでポップアップ表示します

※このスプリクトを利用するためにはファイルを置くための外部サーバーが必要です


あまり使い道がないような気が・・・・

それに外部にファイルを置かないとですから

お勧めしません



トライしたい方は・・・・

Link Thumbnail   ←マウスを乗せるとリンク先のサムネイルが・・・・

このての中では1番設置が簡単ではないかな・・・・


ダウンロードしてきた linkthumb.zip を解凍すると


arc90_linkthumb.js  、  example.html  、linkpic_shadow.gif の3つのファイルが現れます

このうち example.html は 必要ないです

linkpic_shadow.gif これはサムネイルの影の画像ですがサイズが合わないので気になる方は作り直した方が


arc90_linkthumb.js  、linkpic_shadow.gif の2つを外部サーバーにアップします

(linkpic_shadow.gif はアメブロの画像フォルダーにアップでもかまいません)


フリープラグインに

<script type="text/javascript" src="arc90_linkthumb.jsのURL"></script>


CSSに

.arc90_linkpic {
display: none;
position: absolute;
left: 0;
top: 1.5em;
}
.arc90_linkpicIMG {
padding: 0 4px 4px 0;
background: #fff url(linkpic_shadow.gifの画像のURL) no-repeat bottom right;
}


サムネイルを表示したい<a>タグに class="linkthumb" を記入します

・・・がすべてにリンクにサムネイルが表示されるわけではありません



現在設置してあるのは

ニンブロラボ. 外部リンクのサムネイルをMozshotで  を参考に変更しています



少し手を入れて

function arc90_linkpic() {
var b = document.domain;

  ↓

function arc90_linkpic() {
var b = "http://ameblo.jp/exlink/ ";


アメブロ以外のリンクしか表示されなかったのを

自分以外のアメブロを使われている皆さんのブログも表示されるようにしてみました


右サイドの読者さまの上にマウスを乗せてみてください

コメントのお名前部分でも表示されます

コメントいただいた方のブログのサムネイルが表示されると感動物です


・・・現在のブログを読み込んで表示しますので時間がかかる場合もあります

YouTube パートナープログラムの開始

「YouTube パートナー」になると、チャンネルページ、動画再生ページにオリジナルのバナーを設置できるほか、ご自分の動画に広告を表示し、その収益を受け取ることができるようになります。」

YouTube公式ブログ



収益はGoogle AdSenseのアカウント経由で振り込まれるので、AdSenseアカウントが必要とのことです

どうせなら動画再生1回につきいくらみたいな方がいいと思うのですが・・・・

どうやら自分でアップした動画にバナーが貼れるということのようです


興味のある方はぜひどうぞ


PR広告の消し方

ベーシックのスタンダートのスキンを選択すると

上に ニックネーム|ルーム|ブログ|フォト  ←消し方


と、サイドトップに PR がでます


同じベーシックでも グレイ を選択すれば両方ともでません

※注:現在はどちらも表示されるようになっています

でも、スキンを作りこんでしまって変更が出来ない方

面倒だからいいや・・・って思っている方

スキンによってあるないですから消してもOKと判断して・・・・




CSSの最後にコピペです


↓使えなくなりました

#defaultAd .menu_frame,
#defaultAd h4{
display:none !important
;

}



2008.5.27 追記

アメブロ側の抵抗?によりコレでは消せません

我々が使うCSSより後ろに広告用のCSSファイルを!importan付きで呼び込まれては・・・・・


CSSを退避してからスキンをグレイのように最初から付かないスキンに変えるのがいいです


でもでも・・・・

どうしてもこのままがいいといわれる場合は・・・・

アメブロの広告CSSより後ろに!importan付きで書くしかありません・・・

うっふっふ・・・ 一ヶ所だけあるんです




アメブロから正式にPR設置のアナウンスがありましたので消し方は削除いたしました・・・・
この件に質問もNGです



でも・・このくらいなら・・

JavaScript お下がりください?