タグ:fc2ブログパーツブログ評価関連記事設置方法

ブログ記事の評価と関連記事表示を兼ね備えた超便利ブログパーツ、Outbrain Widgets

イメージ000

コード入手ページ:http://www.outbrain.com/getwidget

Outbrain Widgetで出来ること
-ブログの記事毎に星5つの評価を設置出来る
-ブログの記事毎に関連記事へのリンクを設置出来る

fc2ブログパーツブログ評価関連記事設置方法



FaceBookのLikeボタンでもまあ十分なんですけれど、あれってそもそもFacebookで情報をシェアするために設置するものであって、ページや記事に対する評価目的ではないのですよね。

リンゴでもOutbrainは以前設置していたのですが、あんまりブログパーツ貼るのもな~と思って撤去していたのですが、最近になってやっぱり過去記事も見てもらいたい!という衝動に駆られて復帰させました。
せっかくこうやってブログ記事を書いても、誰からも振り返ってもらえないのは寂しいですからね。
ページが多く表示されれば、アクセスアップにも繋がりそうですしね。

Outbrainは少しだけカスタマイズして使うことが出来るのですね。
こんな感じで、サムネイル方式でも関連記事を表示させることが出来ます。


pre-thumbnails-none.png


まあでもあんまり画像がペタペタ貼ってあるのは私的には見た目があまりよろしくないと思いますので、今回はサムネイルではなくテキスト表示にしてみました。

fc2での設置方法は、上述のコード入手ページからjavascriptでコードを生成した後、

'DROP_PERMALINK_HERE';

の部分を、

'<%topentry_link>';

に置き換えてあげればOKでございます


設置場所はread moreとか、続きを読むの直後ぐらいがいいんじゃないかと私は思います。


追記
Outbrainのサイトからアカウント登録することで、カスタマイズが可能です。
これによって寄与サイト広告の非表示に設定することも可能となりました。
またOutbrainのjsで使っているHTMLコードは、fieldsetとlegendなので、CSSでのカスタマイズが可能です。
リンゴはたまたまfieldsetを使っていたため変わっています。


参考にリンゴのfieldsetに関するCSSです。
これをテンプレートのCSSに入れて、カスタマイズすればOutbrainの見た目に手を加えることが可能です。

fieldset {
margin: 0 0 20px;
padding: 10 10 10 10;
border: 1px #cccccc solid;
}
legend {
margin: 0 0 0 20px;
padding: 5px 10px;
color: #000000;
font-weight: none;
font-size: 120%;
border: 1px #cccccc solid;
border-left: 13px #4682B4 solid;

img { border-style:none }

*アプリ価格・仕様は記事作成時(2010/06/16)のものです。最新情報はiTunesストアにてご確認下さい。

カテゴリ:ブログ、カスタマイズ

タグ:fc2ブログパーツブログ評価関連記事設置方法

関連記事:
SHARE:
  • このエントリーをはてなブックマークに追加
  • LINEで送る
COMMENT:

コメントはお気軽に!あなたのアプリレビュー、相談、プチ情報、なんでもOK

 






非公開コメント

ブログパーツ