TumblrにBlogrollを追加する方法

Kalalalani、プロローグやVignettiのようなTumblrのテーマを使用すると、テンプレートにカスタムコードの数行を追加することで、サイドバーに直接blogrollのようなリ あなたのテーマは、サイドバーをサポートしていない場合は、しかし、あなたはまだあなたが個人的に従うと他の人と共有したいすべてのブログが含まれて

テーマサイドバーにBlogrollを追加

Tumblrアカウントにログインし、”カスタマイズ”をクリックし、”HTMLの編集”を選択します。”

テーマのサイドバーを含むセクションが見つかるまで、HTMLコードをスクロールします。 たとえば、Kalalalaniテーマのサイドバーは”<ol>”で始まり、”</ol>”で終わります。”

“</ol>”タグの上に空白行を挿入して、追加のHTMLコードのためのスペースを確保します。

作成した空白行に新しい”<li>”タグを入力して、別のリスト項目を追加します。 Tumblrのエディタは自動的に終了タグを追加します。

“<li>”と”</li>”タグの間の挿入ポイントに”Blogroll”と入力して、サイドバーのblogrollセクションのラベルを作成します。

“プレビューの更新”をクリックして、サイドバーに”Blogroll”というテキストが表示されているかどうかを確認します。 一部のテーマでは、新しいテキストを表示するために追加のCSSコードが必要です。 たとえば、Kalalalaniテーマで”Blogroll”を表示するには、”<li>”タグを次のコードに置き換えて、ラベルテキストの色を白に変更します:

<李スタイル=”色:白”>

“</ol>”タグの上をクリックし、”Enter”を押してblogrollリンクの空白行を作成します。

最初のblogrollリンクを含むリストアイテムのHTMLコードを入力します。 たとえば、blogrollラベルの下に次の行を入力します:

<li><a>

エディタは、入力時に自動的に終了タグを追加するので、コードは次のようになります:

<li><a></a></li>

最初のブログのURLを”<a>”タグ内に追加するHTMLコードを入力します。 たとえば、最初のブログのURLが”http://myfavoriteblog.com”の場合、コードは次のようになります:

<李><=”http://myfavoriteblog.com”></a></li>

“</a>”タグの前をクリックし、最初のブログの名前を入力します。 たとえば、ブログが”My Favorite Blog”と呼ばれている場合、コードは次の行のようになります:

<li><a href=”http://myfavoriteblog.com”>私のお気に入りのブログ</a></li>

“更新プレビュー”をクリックして変更を表示します。

最初のブログの名前のサイズを小さくするためのCSSコードを追加します。 たとえば、Kalalalaniテーマを使用する場合は、フォントサイズを約10ピクセルに変更します。 調整されたコードは次のようになります:

<li style=”font-size:10px”><a href=”http://expectedend.com”>Myお気に入りのブログ</a></li>

“プレビューを更新”をクリックして変更を表示します。 追加のブログを追加するための例として、最初に作成したblogrollリンクを使用します。

“保存”をクリックして変更を永続的にします。

Blogrollページを追加

カスタマイズパネルの戻る矢印をクリックし、”ページを追加”ボタンをクリックします。

名前を入力して、新しいページのURLを入力します。 たとえば、TumblrのURLが”goodblog.tumblr.com、”完成したURLは次の行のようになります：

goodblog。tumblr.com/blogroll

blogrollページのタイトルを入力し、”このページへのリンクを表示”トグルスイッチをクリックしてオンにします。

編集ボックスに最初のブログの名前を入力します。

ブログの名前を選択し、”リンクの挿入/編集”ボタンをクリックします。

“リンクURL”と表示された入力ボックスにブログのURLを入力し、”リンクを挿入”ボタンをクリックし、”保存”をクリックします。”