كود تركيب تول بار جوجل للبحث فى منتداك أو موقعك

sapportman

عضو جديد
29 مارس 2012
12
0
0
www.worledwidebox.com
worledwidebox-61a8f01edf.png


أحببت اليوم أن أقدم لكم كود تركيب تول بار جوجل لتشغيل البحث الخاص بجوجل فى منتداك أو موقعك بطريقه جميله,تضيف مظهراً جميلاً للهيدر أو الفوتر الخاص بك.


أولاً:

ضع كود اتفاقية جوجل فى أى مكان فى موقعك وليكن الفوتر أو الهيدر

كود:
<style type="text/css">
@import url([URL]http://www.google.com/cse/api/branding.css[/URL]);
</style>
<div class="cse-branding-bottom" style="background-color:#000000;color:#FFFFFF">
  <div class="cse-branding-form">
    <form action="[URL="http://www.google.com/"]http://www.google.com[/URL]" id="cse-search-box">
      <div>
        <input type="hidden" name="cx" value="partner-pub-2166021504789635:7582536263" />
        <input type="hidden" name="ie" value="UTF-8" />
        <input type="text" name="q" size="55" />
        <input type="submit" name="sa" value="Search" />
      </div>
    </form>
    <script type="text/javascript" src="[URL="http://www.google.com/jsapi%22%3E%3C/script"]http://www.google.com/jsapi"></script[/URL]>
    <script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
    <script type="text/javascript" src="[URL]http://www.google.com/cse/t13n?form=cse-search-box&t13n_langs=en%2Ckn%2Chi%2Car%2Cgu%2Cel%2Cfa%2Cne"></script[/URL]>
  </div>
  <div class="cse-branding-logo">
    <img src="[URL]http://www.google.com/images/poweredby_transparent/poweredby_000000.gif[/URL]" alt="Google" />
  </div>
  <div class="cse-branding-text">
    Custom Search
  </div>
</div>



ثم بعد ذلك ضع الكود التالى:: فى الهيدر أو الفوتر,(ومن الأحرى أن تضعهم تحت بعضهم البعض)


كود:
<script type="text/javascript" src="[URL="http://www.google.com/cse/query_renderer.js%22%3E%3C/script"]http://www.google.com/cse/query_renderer.js"></script[/URL]>
<div id="queries"></div>
<script src="[URL]http://www.google.com/cse/api/partner-pub-2166021504789635/cse/7582536263/queries/js?oe=UTF-8&callback=(new+PopularQueryRenderer(document.getElementById(%22queries%22))).render"></script[/URL]>


مثال على التول بار::

http://worledwidebox.com/dir/index.html