BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» JUGEMブログカスタマイズ mixiチェックボタンを設定する方法

このエントリーをはてなブックマークに追加

JUGEMブログカスタマイズ mixiチェックボタンを設定する方法

   投稿日: 2017/06/08    投稿者:webコラム

79fccf1fe6fa9af6a619c4646d113fd6_s.jpg


こんにちは! ライターのモモタロウです。

今回は、JUGEMブログカスタマイズ mixiチェックボタンを設定する方法をお伝えします。

※mixiとは?
 2004年に始まったSNSです。mix (交流)と i( 人) を組み合わせた造語がmixiとなったそうです。
JUGEMブログにmixiボタンを設定してさらに交流が深まるといいですね!

20170520-2-1.jpg
今回は、上の画像の四角で囲った部分に、mixiチェックボタンを設定します。

mixiチェックボタンを設定しよう


まず、JUGEMブログにログインします。

その後、メニューバーにある「デザイン」→「HTML・CSS編集」をクリックしていきます。
下の画像の通りです。

20170520-1.jpg




HTML編集フォームで、

<!-- BEGIN entry --> から <!-- END entry --> 

までの間に、  {mixi_check1} というタグを入力します。
20170520-2.jpg





今回は、<!-- END entry -->の真上に入力しました。下の画像の通りです。

20170520-3.jpg


ブログを確認すると・・・

20170520-4.jpg





次に、 {mixi_check1} のタグを  {mixi_check2} にしてみよう。



HTMLを編集して2に変更してブログを確認すると・・・


20170520-5.jpg
デザインが変更されました。




さらに、 {mixi_check2} を  {mixi_check3} にすると・・・

20170520-6.jpg



さらに、 {mixi_check3} を  {mixi_check4} にすると・・・

20170520-7.jpg




さらに、 {mixi_check4} を  {mixi_check5} にすると・・・

20170520-9.jpg


5のデザインは1のデザインと同じものとなっています。
ただし、1よりもボタンが少し大きいので確認してみてください。

このように、5種類のデザインが設定できます。

好みのボタンに設定してみよう。


まとめ


いかがでしたか? SNSのmixiでブログの世界がさらに広がるといいですね。




カテゴリ:

TOPへ