Google arama motoru, hemen hemen tüm internet kullanıcılarının vazgeçilmezleri arasındadır. Sitenize Google arama motoru çubuğu eklemek sitenizin işlevselliğini, kullanışlılığını arttırmaktadır. Genişliği ayarlanabilen, aynı zamanda otomatik olarak bulunduğu alana göre kendi boyutunu ayarlayan bir kod, sizin ve sitenizi ziyaret edenler için oldukça kullanışlı olacaktır. Kodu sayfanıza yerleştirerek Google arama motorunu aratmayan bir arama kutusu elde edebilirsiniz. Sitenizin tasarımına göre sağında ya da solunda herhangi bir bölüme ekleyebilirsiniz.
Sitenizde Google arama motoru kullanmak biraz olsun kod bilgisi gerektiren bir konudur. Fakat statik siteler için kod bilgisi olmadan Google yardımıyla sitenize arama motoru ekleyebilirsiniz. Bunun için;
https://cse.google.com.tr/cse/
Bu linke tıkladıktan sonra “Özel Bir Arama Motoru Oluşturun” seçeneğine tıklıyorsunuz.
Aranacak siteleri, dili, arama motorunun adını oluşturduktan sonra size özel arama motorunuzu oluşturursunuz. Sitenize eklemek için kod alabilir, web üzerinden görüntüleyebilir ve arama motorunuzu değiştirebilirsiniz.
Özel Arama Motoru Kod Almak
İşlemleri tamamladıktan sonra “Kod Almak” seçeneğine tıkladığınızda karşınıza bir kod çıkacaktır. Bu kodu kopyaladıktan sonra <body> bölümünde <div> öğesine hem arama kutusunun hem de arama sonuçlarının görünmesini istediğiniz yere yapıştırabilirsiniz. Tarayıcılar arası uyumluluk için, HTML sayfalarınızın <! DOCTYPE html> gibi desteklenen bir belge kullanmak gerekmektedir. CSE öğesindeki belgelerin tamamını izleyerek arama ara yüzünü daha da özelleştirebilir veya sayfa başına kişiselleştirme ekleyebilirsiniz.
Siteniz İçin Hazır Google Arama Motoru Kodları
Sitenize Google arama motoru eklemek isterseniz ve kod bilmiyorsanız, hazır kodlar kullanabilirsiniz. Hazır kodlar, arama sonuçlarını yeni bir sayfada açacaktır. Google arama kutusu kodu;
<spanstyle=”widows: 2; text-transform: none; text-indent: 0px; border-collapse: separate; font: medium ‘Times New Roman’; white-space: normal; orphans: 2; letter-spacing: normal; color: #000000; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;”><spanstyle=”font-family: monospace; white-space: pre-wrap; font-size: 13px;”><formaction=”http://www.google.com.tr/cse” id=”cse-search-box” target=”_blank”> <div> <inputtype=”hidden” name=”cx” value=”partner-pub-8354833046886770:411vbu-ab3m” /> <inputtype=”hidden” name=”ie” value=”ISO-8859-9″ /> <inputtype=”text” name=”q” size=”30″ /> <inputtype=”submit” name=”sa” value=”Ara” /> </div> </form> <scripttype=”text/javascript” src=”http://www.google.com.tr/cse/brand?form=cse-search-box&amp;lang=tr”></script> </span></span>
Gri Renk Google Arama Motoru Kodu
Gogle gri renk arama motoru kodu; kendine has özellikleri içeriğinde barındırmaktadır. İşte Gri Renk Google Arama Motoru Kodu:
<spanstyle=”widows: 2; text-transform: none; text-indent: 0px; border-collapse: separate; font: medium ‘Times New Roman’; white-space: normal; orphans: 2; letter-spacing: normal; color: #000000; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;”><spanstyle=”font-family: monospace; white-space: pre-wrap; font-size: 13px;”><styletype=”text/css”> @importurl(http://www.google.com/cse/api/branding.css); </style> <divstyle=”background-color:#999999;color:#000000″> <div> <formaction=”http://www.google.com.tr/cse” id=”cse-search-box”> <div> <inputtype=”hidden” name=”cx” value=”partner-pub-8354833046886770:58ywh2-utej” /> <inputtype=”hidden” name=”ie” value=”ISO-8859-9″ /> <inputtype=”text” name=”q” size=”30″ /> <inputtype=”submit” name=”sa” value=”Ara” /> </div> </form> </div> <div> <img src=”http://www.google.com/images/poweredby_transparent/poweredby_999999.gif” alt=”Google” /> </div> <div> &#214;zel Arama </div> </div> </span></span>
Siyah Renk Google Arama Motoru Kodu
Siyah renk Google arama motoru kodu aşağıda yer almaktadır:
<spanstyle=”widows: 2; text-transform: none; text-indent: 0px; border-collapse: separate; font: medium ‘Times New Roman’; white-space: normal; orphans: 2; letter-spacing: normal; color: #000000; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;”><spanstyle=”font-family: monospace; white-space: pre-wrap; font-size: 13px;”><styletype=”text/css”> @importurl(http://www.google.com/cse/api/branding.css); </style> <divstyle=”background-color:#000000;color:#FFFFFF”> <div> <formaction=”http://www.google.com.tr/cse” id=”cse-search-box”> <div> <inputtype=”hidden” name=”cx” value=”partner-pub-8354833046886770: ytp0oc-raif” /> <inputtype=”hidden” name=”ie” value=”ISO-8859-9″ /> <inputtype=”text” name=”q” size=”30″ /> <inputtype=”submit” name=”sa” value=”Ara” /> </div> </form> </div> <div> <img src=”http://www.google.com/images/poweredby_transparent/poweredby_000000.gif” alt=”Google” /> </div> <div> &#214;zel Arama </div> </div> </span></span>
Görüldüğü üzere arama motoru kodları oldukça karmaşıktır. Bundan dolayı söz konusu eklemeyi yapabilmek uzmanlık gerektirmektedir.
Bir Cevap Yaz