• TOP
• GoogleBlogger

bloggerでステマ規制法対策をしたい：テーマQooQ

2023-09-26T00:19:00+09:00 2023-09-25T15:50:53Z GoogleBlogger

ステマ規制法対策、QooQもお願い！！

イエッサー！

このブログの内容

　目次　

1. bloggerのQooQも！
2. こんな風にしたよ
3. コードはこちら
4. おわりに

bloggerのQooQも！

前回、テーマZELOのステマ規制法対策をしたのですが、QooQをお使いの方からQooQも！とのリクエストをいただいたので、対応しました！

QooQは本日初めて触りましたので、対応に不備があったらごめんなさい。←予防線


大丈夫、コピペでできるようにしましたよ！

こんな風にしたよ

出来上がりはこんな感じです。

パソコン

下に固定で出しています。
スクロールしても下に必ず表示されます。

スマホ

スマホでも下に固定しました。
各記事でも同じものが表示されます。

コードはこちら

今回はテーマを変更します。

変更前には必ずテーマのバックアップを取ってくださいね！

パソコン用のCSSを追加

コード内にカーソルを置いた状態で、Ctrl＋Fをして「.Attribution」で検索します。
「@media ( max-width : 768px ) {」
の上あたりに、下記コードをコピペします。

#footer2{
	height: 4em;
}


/*下部固定フッター*/
#HTML1 {
    margin: 0;
}

.adtext-section {
    z-index:2;
    margin: 0;
    width: 100%;
    /*背景色*/
    background-color:transparent;
	/*下に固定*/
    position:fixed;
    bottom: 0;
	/*高さを調整*/
	height: 1.8em;
}

.adtext-section .box h2{
	background-color:white;
	font-size: 1.0em !important;
    text-align: center;
    color: #524e4d;
    font-weight: normal;
}

	

スマホ用のCSSを追加

コード内にカーソルを置いた状態で、Ctrl＋Fをして「768px」で検索します。
「@media ( max-width : 768px ) {」
の中に、
下記コードをコピペします。

	#footer2{
		height: 3em;
	}
	/*下部固定フッター*/
	.adtext-section .box h2{
		font-size: 0.9em !important;
		/*高さを調整*/
		height: 1.5em;
	}
	

「 } 」と「 } 」の間ですので、画像とよく見比べて気を付けてコピペしてくださね。

HTMLを追加

コード内にカーソルを置いた状態で、Ctrl＋Fをして「</body>」で検索します。

<p id='copyright'><data:blog.title/></p>
の上に、下記コードをコピペします。

 <div id='footer2'>
	

<p id='designed-by'><a href='http://qooq.dododori.com' target='_blank'>QooQ</a></p>
の下に、下記コードをコピペします。

 </div>
     
     
      <b:section class='adtext-section' id='adtext-section' showaddelement='yes'>
        <b:widget id='HTML1' locked='false' title='' type='HTML' version='1'>
          <b:widget-settings>
            <b:widget-setting name='content'>&lt;div class=&quot;box&quot;&gt;
&lt;h2&gt;
*当サイトはアフィリエイト広告を利用しています&#12290;
&lt;/h2&gt;
&lt;/div&gt;</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <!-- only display title if it's non-empty -->
            <b:if cond='data:title != &quot;&quot;'>
              <h2 class='title'><data:title/></h2>
            </b:if>
            <div class='widget-content'>
              <data:content/>
            </div>
            <b:include name='quickedit'/>
          </b:includable>
        </b:widget>
      </b:section>
     
     
	

<p id='copyright'><data:blog.title/></p>
<p id='designed-by'><a href='http://qooq.dododori.com' target='_blank'>QooQ</a></p>
の上下にコピペです。



これで下部にメッセージが出るようになったはず！！


背景色や文字色、サイズ、文言などは好きに調整してください。


ちなみに、テーマを保存すると、メニューから「ホーム」がいなくなることがあるので、レイアウトから「ヘッダーMENU」でホームを追加したり並び替えたりしてくださいね。

おわりに

テーマのQooQでも無事にできました！



皆さんのbloggerブログで、できたら教えてね！


無料で自由なbloggerを楽しみましょう！