CSS: Adsenseのカスタム検索エンジンをカスタマイズする方法



  • Adsensekasutama



Adsensekasutama
当ブログにAdsenseのカスタム検索エンジンを設置してみました!ついでにカスタマイズに挑んだら上手くできたのでご紹介します。

  • カスタマイズ 前後


    こちらがカスタマイズ前のカスタム検索です。う~ん、微妙。



    そしてこちらがカスタマイズ後のカスタム検索です。普通にこっちの方がおしゃれ。

    カスタマイズ 方法

    HTML

    まずHTMLのポイントですがdiv(display:none;)で囲って1つ目のフォームを見えなくするのを忘れずに!これを忘れてしまうと完全にカスタマイズできなくなっちゃいます。次に、partner-pub-xxxxxxxxxxxxxxxx:xxxxxxxxxxはアドセンスの16桁+10桁の数字を入れましょう。ちなみにsize=は文字数です。

    CSS

    CSSはご自由にカスタマイズしてくださいね!以上です。参考になれば幸いです。


    コメントしてね!