kuu♪からのお知らせ

長年公開してきたカスタムスキンへの道ですが、
新しいサイト　Harbot's field内の「ssブログ（so-netブログ）のカスタマイズ方法」　へ引っ越しをします。

徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。

今後ともよろしくお願いいたします。

〔メッセージを送る〕の画像を変えよう

〔メッセージを送る〕の画像を変えてみましょう。

　　

---

★変更方法

管理ページ　→　デザイン　→　レイアウト　→　メッセージを送る　→　コンテンツHTML編集　を開く。

<!-- Massage --> <% content.header %> <div id="send-message"> <a href="https://www.so-net.ne.jp/blogcruiser/message/post/edit.do?toPersonalId=<% blog.personal_id %>" target="msg"><img src="<% site_info.blog_url %>/_common/img/btn_msg.gif" alt="メッセージを送る" /></a> </div> <% content.footer %>

                              

                                   

★img src="<% site_info.blog_url %>/_common/img/btn_msg.gif"　を書き直します。
　自分の好きな画像をアップロードして、そのファイル名に変えます。

　私は、元の画像と同じサイズ　150px×26pxで作りました。

<!-- Massage --> <% content.header %> <div id="send-message"> <a href="https://www.so-net.ne.jp/blogcruiser/message/post/edit.do?toPersonalId=<% blog.personal_id %>" target="msg"><img src="/_images/blog/_54a/****/m_****.PNG" width="150" height="26" alt="メッセージを送る" /></a> </div> <% content.footer %>

 

私が使ったものは【カスタムスキンのためのミニミニ素材】に置いてあります。

 

ソネットブログ（so-netblog）：カスタムスキンへの道【目次】へ

  

タグ：ソネットブログ ソネブロ So-netBlog カスタムスキン カスタマイズ メッセージを送る

サイドバーのコメント欄をツリー表示にしよう

ソネブロ（so-netblog）のサイドバーのコメント欄をツリー表示にできます。

こんな感じです。

★変更方法

管理ページ　→　デザイン　→　レイアウト　→　最近のコメントを開く。

　　　　　

表示形式が『ノーマル』になっているので『ツリー』に変え保存する。

ソネットブログ(so-netblog)：カスタムスキンへの道【目次】へ

タグ：ソネブロ ソネットブログ So-netBlog カスタムスキン カスタマイズ コメント欄のツリー表示

カテゴリーを変えよう

サイドバーのカテゴリーをドロップダウンにする方法です。

こんな感じになります。
　
　
　　　↓　　↓　　↓

設定方法は、mam♪さんの「サイドバーを少しずつ変更・・・」をご覧ください。

---

ん？手抜き？　ですね～（笑）

「月別アーカイブ」や「カテゴリー」がうまくサイドバーの幅に合わないときは、文字を少し小さくしてみるといいかもしれません。

そのやり方は「サイドバーのドロップダウンの文字を小さくする」に記述します。

ソネットブログ(so-netblog)：カスタムスキンへの道【目次】へ

 

タグ：ソネブロ ソネットブログ So-netBlog カスタムスキン カスタマイズ カテゴリー ドロップダウン

月別表示を変えよう

【月別表示を変えよう】

ソネブロリニューアル後、これまで書いてきたブログの月別表示が変わりました。
全部載せると縦長くなるので全部載せていない人も多いと思います。
これをすっきりさせましょう。
　　　 

月別表示の横に更新回数が載っていないものを
とめさんが紹介してくれています。
｢アーカイブ記事 ドロップダウンリスト」を見てやってみてくださいね。

---

ここでは、月別表示の横に更新回数が入っているもののタグを紹介します。
（とめさんのタグに必要な部分を付け加えたものです。）

【見本】

①デザイン　→　レイアウト　→　月別表示　と開きます。

②月別表示の件数を増やしましょう（私は最大の100件にしました）

③月別表示内のコンテンツHTML編集を開きます。
【変更前】

<div class="sidebar" id="archive"> <h3 class="sidebar-title"><% content.title | html %></h3> <div class="sidebar-body"> <% content.header -%> <ul> <% loop:list_archives -%> <% if:archives.article_count -%> <li><a href="<% archives.page_url %>"><% archives.createstamp | date_format("%Y年%m月") %></a>(<% archives.count | __or__ |  echo('0') %>)</li> <% /if -%> <% /loop -%> </ul> <% content.footer -%> </div> <div class="sidebar-end"></div> </div>

青字の部分を消します。

【変更後】

<div class="sidebar" id="archive"> <h3 class="sidebar-title"><% content.title | html %></h3> <div class="sidebar-body"> <% content.header -%> <script type="text/javascript"> <!-- function jumpmenu(targ,selObj,restore) {   eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");   if (restore) selObj.selectedIndex=0; } //--> </script> <form id="archive" name="archive" action=""> <select name="menu" onchange="jumpmenu('parent',this,0)"> <option value="<%url>" selected="selected">月別アーカイブ</option> <% loop:list_archives -%> <% if:archives.article_count -%> <option value="/archive/<% archives.createstamp | date_format("%Y%m") %>-1"><% archives.createstamp | date_format("%Y年%m月") %>(<% archives.count | __or__ |  echo('0') %>)</option> <% /if -%> <% /loop -%> </select> </form> <% content.footer -%> </div> <div class="sidebar-end"></div> </div>

消したところにピンクの文字を書き加えましょう。

【変更前】を全部消し【変更後】を全部貼り付けでもＯＫですよ。

※変更内容をブログに反映するには、「保存」ボタンをクリックしてから、前のページで「設定を保存する」ボタンをクリックする必要があります。

ソネットブログ(so-netblog)：カスタムスキンへの道【目次】へ

 

タグ：月別アーカイブ ソネブロ カスタムスキン ソネットブログ So-netBlog カスタマイズ

お知らせ欄をつける

【ソネットブログの記事上部にお知らせ欄を付ける方法】

やり方は2つあります。
〔その1〕〔その2〕それぞれ良いところがあるので、目的にあわせて使い分けてください。

---

〔その1〕

1.　管理ページ　→　デザイン①　→　レイアウト②　



2.　サイドコンテンツを開く③



3.　カスタムペインを記事上部に配置④　して、一度保存



4.　カスタムペインを開き、右上の『コンテンツＨＴＭＬを編集』をクリック⑤



5.　中に書いてあるものを全部消す⑥。　
　　次の2パターンの好きなほうを選びタグをコピーして貼り付けて保存⑦
　　『カスタムペインの設定に戻る』⑧をクリックして戻り、通常のカスタムペインと同じように書き込み保存　　
　　

■記事タイトルと同様の帯が入ったもの

<div class="articles-top"></div> <div class="articles"> <h2 class="articles-title"><% content.title | html %></h2> <% content.header -%> <div class="articles-body custom-body"> <% content.free.text | nl2br_filter %> </div> <% content.footer -%></div> <div class="articles-bottom"></div>

　

■記事タイトル部分を消したもの（タイトル部分がないので、本文に『お知らせ』などタイトルを記入）

<div class="articles-top"></div> <div class="articles"> <% content.header -%> <div class="articles-body custom-body"> <% content.free.text | nl2br_filter %> </div> <% content.footer -%></div> <div class="articles-bottom"></div>

 

---

〔その2〕

1.　管理ページ　→　デザイン　→　レイアウト

2.　記事を開く　→　挿入テキスト（上部/下部）①をクリック

3.　②の部分に書き込む
　　上部に書けば、記事の上に表示され
　　下部に書けば、記事の下に表示されます。

 

ソネットブログ(so-netblog)：カスタムスキンへの道【目次】へ

　

タグ：カスタムスキン ソネブロ ブログの小技 お知らせ欄

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。