アクセスランキング

ブログパーツ「AKB48メンバーブログチェッカー」配布

当サイトのトップで使用している、AKB48メンバーのブログを更新順に並べて表示するパーツをブログパーツとして配布しています。使い方は、下記テキストボックス内のJavaScriptコードをブログTOPやサイドバーに貼り付けるだけです。
 
ブログパーツ.comさんにブログパーツを掲載していただきました。人気ランキング入りありがとうございます。

ブログパーツのBloglueさんにブログパーツを掲載していただきました。週間ランキング5位、デイリー2位には驚きました。

ブログわさびさんにブログパーツを掲載していただきました。ランキング2位感謝です。

ココログ ブログパーツガーデンさんにブログパーツを掲載していただきました。

OCN ブログパーツガーデンさんにブログパーツを掲載していただきました。

ガジェット検索Zさんにブログパーツを掲載していただきました。
11/05/04 アメブロトップページ用のブログパーツを追加しました。
 

ヘッドラインタイプ・サンプル


 

サイドバータイプ・サンプル

 
このコードはヘッドラインタイプです。ブログ、ホームページの好きな場所に貼り付けてください。

 
このコードはサイドバータイプです。ブログ、ホームページのサイドバーなどに貼り付けてください。

 
 
 

ブログパーツの設定を変える

 当ブログパーツはそのまま貼り付けるだけで使えますが、コード中のnum=0、newopen=1の部分を変更する事でブログパーツの挙動をカスタマイズすることができます。初期状態のnum=0ではすべてのメンバーブログ(30個以上)が表示されますが、例えばこの値をnum=5とするとメンバーブログのうち更新が新しい5ブログだけが表示されます。
 また、初期状態ではブログパーツ中のリンクをクリックすると新しいウインドウで開くようになっていますが、newopen=1の部分をnewopen=0に書き換える事で、リンクを同じウインドウで開くようになります。ちなみにこのページのサンプルは、ヘッドラインタイプが「15件表示でリンクは同じウインドウで開く」、サイドバータイプが「10件表示でリンクは新しいウインドウで開く」に設定しています。

 
 
 

ブログパーツのデザインを変える

4/4加筆修正
特に指定しなければ当サイトデフォルトのスタイルシート(CSS)が適用されますが、コードの最後のほうにあるsidebar(もしくはheadline)の直後に&origincss=1と加える事で、デフォルトのスタイルシート(CSS)が外れます。この状態だと、お使いのブログの色や文字サイズなどがそのまま適用されるはずです。後は下記構造を参考にブログのスタイルシートを編集してください。いくつかスタイルシートの例を書いておきます。ブログパーツの設置、スタイルシートの設定で分からない事があれば下にあるコメント欄に書き込んでください。可能な範囲で対応させていただきます。
 

(例1)
.akblog48 {
background: black;
color: white;
}
.akblog48はブログパーツ全体を囲っている箱みたいなもので、
background: black;は背景を黒色にするという指定です。
ブログパーツ全体の背景色が黒色になります。この例では
背景色を指定していますが、ブログパーツ設置箇所とブログパーツを同じ色に
したい場合は、背景色を指定する必要はありません。お使いのブログの背景色が
そのままブログパーツの背景色に適用されるはずです。
color: white;は文字の色を白色にするという意味です。
 
(例2)
.akblog48_block {
border-bottom: 1px dotted;
padding: 0px 5px;
}
デフォルトのスタイルシートでも採用しているデザインです。.akblog48_blockというのは
ブログタイトル、日付、ブログタイトルを囲う小さな箱のようなものです。
border-bottom: 1px dotted;は箱の下に1ピクセルの点線を引くという意味です。
この指定がないとすべてのブログがひとつなぎで表示されるのでごちゃごちゃ
してしまいます。padding: 0px 5px;は左右に5ピクセルの余白を入れるという意味です。

 


ヘッドラインタイプ構造
<div class=”akblog48″>
  <div class=”akblog48_header”></div>
  <div class=”akblog48_block”>
   <span class=”akblog48_date”>ここに最新記事の日付が入ります。</span>
   <span class=”akblog48_entry”>ここに最新記事へのリンクが入ります。</span>
   <span class=”akblog48_link2″>ここにブログトップへのリンクが入ります。</span>
  </div>
  <div class=”akblog48_footer”></div>
</div>
 
 
サイドバータイプ構造
<div class=”akblog48″>
  <div class=”akblog48_header”></div>
  <div class=”akblog48_block”>
   <span class=”akblog48_entry”>ここに最新記事へのリンクが入ります。</span>
   <span class=”akblog48_date”>ここに最新記事の日付が入ります。</span>
   <span class=”akblog48_link”>ここにブログトップへのリンクが入ります。</span>
  </div>
  <div class=”akblog48_footer”></div>
</div>

7 Responses to “ブログパーツ”

ブログパーツの設置、スタイルシートの設定などで分からない事があればこちらまでどうぞ

アメブロのメッセージボードに貼ってみたんですけど
禁止タグが使用されていますって出て表示されません;

アメブロではつかえないんですかね?

アメブロでは、フリースペースにはJavaScriptを貼れないようです。
サイドバーの設定>プラグインの追加>フリープラグインと移動して
そこにJavaScriptのコードを貼り付けてください。このプラグインをサイドバーに
追加すれば表示できるはずです。

ヘッドラインタイプのものを使いたいのですが
どうしてもヘッドラインタイプは使えないんでしょうか?
サイドバー結構色々あってスペースないんですよ…

>YJさん
普通の方法ではアメブロトップにブログパーツは置けないようなので、
他のブロガーさんの記事を参考に、アメブロトップ用の
ブログチェッカーを作成してみました。設置手順を記事にまとめたので
よければ参考にしてください。

アメブロのトップページにブログパーツを設置する

ブログパーツ使わせて頂きました。
こういうパーツ欲しかったのでありがたいです。

なかなか Says:
11月 6th, 2011 at 08:15

ブログパーツ…どこ?(笑)

Leave a Reply

post date*

※日本語を一切含まないコメントはキャンセルされます。