「Myclip」を使おう!
リニューアルされて新たに使えるようになった機能「Myclip」。
その存在すらご存知じゃない方もたくさんいらっしゃるかと思います。
まだ使えない機能だと思っていたら、「SEOネタなブログ 」さんではもう使っていてびっくり!さっそく使ってみることにしました。
「Myclip」は簡単に言うと、ブログやホームページを見ていて、おもしろい記事、ニュースがあったときに、自分のブログのサイドバーへのリンクをつけてしまう、名前通りクリップする機能です。ちゃんと設定をして、操作さえ覚えてしまえば、本当に簡単で便利な機能です。
このブログ「ぐ-すか・ぶ-すか中国大冒険!」の右サイドバーの下のほうに、ニュースのタイトルがいくつか表示されていますが、それが「Myclip」です。このブログの場合は中国関連のニュースへリンクをはっています。
この機能を使うには「Myclip (http://clip.myblog.jp/ )」へ行って、ユーザー登録をしなければなりません。「Myclip」に関する操作、設定などはそのページをよくご覧になってください。
ここからは、「Myclip」の設定、サイドバーへの表示方法をご説明します。
クリップを追加する
1.
|
「Myclip」への登録が終わったら、ログインする。 |
2.
|
「Myclip」のページ左の「Clip」の追加をクリック。 |
3.
|
ここで「タイトル(任意)」、「URL(自分で選んだ記事のURL)」を記入。カテゴリを選択し、追加ボタンをクリック。 |
4.
|
アメブロ側の設定のために、スクリプトを取得する。「Myclip」メニュー内の、「コード生成」をクリック。作られたコードをコピーする。 |
これで追加は終わりです。実際に追加されたかどうかは、「Myclip」のメニューの「Clip一覧・編集」を見るとわかります。
追加は終わりましたが、ブログを見ても追加したクリップは表示されません。
ブログにクリップを表示するには、アメブロ側の設定をしなければいけません。
アメブロの設定をする
1.
|
アメブロにログインして編集画面を開く。 |
2.
|
「デザインと機能」のサイドバーの設定欄を開く。 |
3.
|
ページ左上の「プラグインを追加」ボタンを押す。 |
4.
|
ドロップダウンメニューから「Myclip」を選択し、下のテキストを記入するスペースに「Myclip」で取得したスクリプトを貼り付け、追加、保存。 |
5.
|
アメブロ編集のメニューから「サイドバー配置」へ移動。 |
6.
|
「使用しない機能」の中に、「Myclip」が出来ているので、好きな位置へ追加、保存。 |
以上の設定が全て終われば、サイドバーに「Myclip」で追加したクリップが表示されるようになります。
この機能を便利に使うには、「Myclip」の「便利なClip方法 」をよく読んでおくと効率よく使えます。
「Myclip」の見栄えを変更したい場合は、「Myclip」へ行って、メニューから「表示設定 」に入り、設定もできます。
追記:Myclipのタイトルを表示させる
Myclipを設置してサイドバーを見てみると、タイトルも表示されてなく、デザインも間の抜けたような感じで、なんとかタイトルを表示させようかと思っていたところに「ちょっと寄り道。。。 」のせいるさんがすでにタイトルを表示されていました。
タイトルを表示するには、Myclipの設定画面でコードを少し書き加える必要があります。
1.
|
「Myclip」へログインする。 |
2.
|
「Myclip」メニューから表示設定をクリック。 |
3.
|
画面右上の方にある「設定方法をProにする」をクリック |
4.
|
以下の赤字コードを付け足す |
<DIV class=mainMenu id=myclip>
<H4 class=menu_title>Myclip(ここは好きなタイトル名)</H4>
<DIV class=menu_frame>
<UL><div class=myclip-main align="left">
<CATEGORIES id=*>
<span class=myclip-category>{CATEGORY}</span><br />
<CLIPS max=20>
{DATE same=off} {TITLE popup=comment maxchar=50}{NEW second=172800 text=<font color="#0000FF"> new! </font>}<br />
</CLIPS>
<br />
</CATEGORIES>
</div>
</UL></DIV></DIV>
プラグインを作り直しても、何も表示されない人は、メニュータイトルが文字で表示されているのではなく、画像で表示するスキンを使っている人です。Myclipのタイトル画像は準備されていないようなので、自分で準備します。
その場合はCSSにも書き加えなければなりません。
#myclip {
background: url(タイトル画像) no-repeat left top;
}
☆CSS関連はこちら☆ ☆過去の記事一覧はこちら☆