أحببت اليوم أن أقدم لكم كود تركيب تول بار جوجل لتشغيل البحث الخاص بجوجل فى منتداك أو موقعك بطريقه جميله,تضيف مظهراً جميلاً للهيدر أو الفوتر الخاص بك.
أولاً:
ضع كود اتفاقية جوجل فى أى مكان فى موقعك وليكن الفوتر أو الهيدر
كود:
<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