Google Search ใน Sidebar

acaz

เป็นการเพิ่ม AdSense for search ใน Sidebar นะครับ

คำเตือน ทำด้วยความระมัดระวัง เนื่องจาก กฏของทาง Adsense ห้าทำการแก้ไขโค๊ดที่รับได้มา

1. คุณต้องมี accounts ของ adsense แล้วเข้าระบบ
ไปสร้าง AdSense for search แล้วรับโค๊ดมาเก็บไว้ก่อนครับ

2. เปิดไฟลล์ include/js/google.js

ค้นหาและลบออก

1. 
   
2. 
   
3. document.writeln('<form name="gform" id="gform" method="get" action="http://www.google.com/search?" target="_blank" onSubmit="validate_google(this);">');
   
4. document.writeln('<input type="hidden" name="client" value="aff-discuz" />');
   
5. document.writeln('<input type="hidden" name="ie" value="' + google_charset + '" />');
   
6. document.writeln('<input type="hidden" name="oe" value="UTF-8" />');
   
7. document.writeln('<input type="hidden" name="hl" value="' + google_hl + '" />');
   
8. document.writeln('<input type="hidden" name="lr" value="' + google_lr + '" />');
   
9. document.writeln('<input type="hidden" name="channel" value="search" />');
   
10. document.write('<div onclick="javascript:submitFormWithChannel(\'logo\')" style="cursor:pointer;float: left;width:70px;height:23px;background: url(images/common/Google_small.png) !important;background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/common/Google_small.png\', sizingMethod=\'scale\')"><img src="images/common/none.gif" border="0" alt="Google" /></div>');
    
11. document.writeln('&nbsp;&nbsp;<input type="text" class="txt" size="20" name="q" id="q" maxlength="255" value=""></input>');
    
12. document.writeln('<select name="site">');
    
13. document.writeln('<option value="0"' + google_default_0 + '>Web Search</option>');
    
14. document.writeln('<option value="1"' + google_default_1 + '>Search</option>');
    
15. document.writeln('</select>');
    
16. document.writeln('&nbsp;<button type="submit" name="sa" value="true">Search</button>');
    
17. document.writeln('</form>');
    
18. 
    

คัดลอกไปที่คลิปบอร์ด

นำโค๊ดที่รับจาก adsense มาวางครับ
จากนั้นให้เพิ่ม

1. document.writeln('

คัดลอกไปที่คลิปบอร์ด

ของโค๊ดที่นำมาวางใหม่
และปิดท้ายด้วย

1. ');

คัดลอกไปที่คลิปบอร์ด

ของโค๊ดที่นำมาวางใหม่

ทำการบันทึกแล้วอัพโหลดเพื่อใช้งานครับ

จากนั้นเปิดการทำงานค้นหาให้แสดงที่ sidebar ได้เลยครับ

หมายเหตุ : รูปแบบการแสดงผลใน Browser จะเป็นโค๊ดเดิมที่ได้รับมาจาก Adsense

ตัวอย่างที่ทำเสร็จแล้ว

1. document.writeln('<script type="text/javascript">');
   
2. document.writeln('function validate_google(theform) {');
   
3. document.writeln('        if(theform.site.value == 1) {');
   
4. document.writeln('                theform.q.value = \'site:' + google_host + ' \' + theform.q.value;');
   
5. document.writeln('        }');
   
6. document.writeln('}');
   
7. document.writeln('function submitFormWithChannel(channelname) {');
   
8. document.writeln('        document.gform.channel.value=channelname;');
   
9. document.writeln('        document.gform.submit();');
   
10. document.writeln('        return;');
    
11. document.writeln('}');
    
12. document.writeln('</script>');
    
13. document.writeln('<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">');
    
14. document.writeln('  <div>
    
15. document.writeln('    <input type="hidden" name="cx" value="partner-pub-ของคุณ" />');
    
16. document.writeln('    <input type="hidden" name="ie" value="UTF-8" />');
    
17. document.writeln('    <input type="text" name="q" size="31" />');
    
18. document.writeln('    <input type="submit" name="sa" value="Search" />');
    
19. document.writeln('  </div>');
    
20. document.writeln('</form>');
    
21. document.writeln('<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>');

คัดลอกไปที่คลิปบอร์ด

trickstertik

ขอบคุณครับ งงมาตั้งนาน

suthida

ละเอียดดีค่ะ สำหรับมือใหม่

takamichi

คือว่าไฟล์ include/js/google.js

ไม่เหมือนกันอะทำไง

pishit

ดีน่ะครับผมว่าน่าจะประยุคได้หลายแบบ น่ะครับ