2011年8月7日日曜日

はてなブックマークウィジェットを貼る

昨日に続きBloggerのガジェットを追加してました。

はてなブックマークウィジェット(ブログパーツ)をBloggerへ追加するには、


 ブログパーツの設定
http://b.hatena.ne.jp/guide/blogparts


へ移動して設置したいブログパーツの設定ボタンをクリックします。


ここでは、サイドバーに(自分の)ブログ記事の人気エントリーを表示できるパーツを選びます。


次のブログパーツ設定のページで、ブログのURLを入力し送信ボタンをクリックすれば、Bloggerへ設置するタグが直下に出力されます。


出力されたコードをコピーします。コピーした内容をいったんメモ帳などエディターに保存しておいても良いでしょう。






さて、次ぎにBloggerの

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

デザイン>ページ要素
----------------------------------------------


へ移動してウィジェットを貼り付けたい領域内にある


----------------------------------------------
ガジェットを追加
----------------------------------------------


をクリックします。




すると、ガジェットを追加というウインドウが開くので、その中にある・・・


----------------------------------------------
HTML/JavaScript
サードパーティの機能またはその他のコードをブログに追加できます。
By Blogger 
----------------------------------------------

というガジェットをクリックして



HTML/JavaScriptの設定

  • タイトルを入力
  • コンテンツにコピーしたウィジェット貼り付け用コードをペースト
します。

けっこう簡単でしたね。


コードをペーストしたあと・・・

コードの先頭に/<div align="center">
コードの最後尾に/</div>

配置したコード全体を囲むとセットしたブログパーツは中央寄せになります。
※タイトルは左寄せのままです。




0 件のコメント:

コメントを投稿