Google Custom Search Box CSS3 Gezinti Çubuğu

 
   Google Custom Search Box CSS3 Gezinti Çubuğu sabit menülere Sahip, facebook, twitter ettik RSS abonelik butonlarının yanı Sıra arama motoru da mevcuttur.Menülere ait başlıkları ona zaman ki gibi Kendinize Göre works.

   Google Custom Search Box CSS3 Gezinti Çubuğu sitemize Eklemek İçin;
* Kumanda Paneli> Şablon sırlamasını izleyelim.
* Daha Sonra HTML düzenle kısmına Tıklayarak temamızın kodlarına ulaşmış oluyoruz.

   Şimdi yapmamız Gereken CSS Kodlarını temamıza tanıtmak Javascript
Eklendi bunun CTRL + F Click Tuşları ile altta ki kodu Aradip bulalım.

]]></b:skin>

Üste ki kodu bulduktan Sonra hemen Üst kısmına altta ki CSS Kodlarını ekleyerek Değişiklikleri kaydedin.

# Btrix1nav {border: none 5px # 000000;
-moz-border-radius-topleft: 15px;-moz-border-radius-topright:14px;-moz-border-radius-bottomleft:14px;-moz-border-radius-bottomright:14px;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:14px;-webkit-border-bottom-left-radius:14px;-webkit-border-bottom-right-radius:14px;
2px 5px # 000000 3px; -webkit-box-shadow: 2px 5px # 000000 3px; box-shadow: 2px # 000000 5px 3px;
        genişliği: 900px;   
 margin: 0 0 0 0px;
 padding: 12px 0 8px 0;
 clear: both; 
 background: # 696969 sol alt no-repeat; }
# Btrix1nav .catList {padding: 35px 0 0 4px; yüzer: Sol; margin-top: -3px; }
# Btrix1nav .pageList {padding: 0px 8px 0 0; yüzer: hakkı; }
# Btrix1nav ul li {float: left; marjı: 0 18 pikselden 0 0;}
{: #fff; List-style: none renk; text-decoration: none;} # Bir btrix1nav
# Btrix1nav a: hover {color: # 919191;}
# Btrix1nav li {list-style: none; text-decoration: none;}
#search {margin: 20px 0 -2px 0; yüzer: hakkı; }
#updatesBox {margin-left: 100px; }

Şimdi tekrar kumanda paneline geri dönelim ettik ikinci Işlem Click şunları Yapın.
* Kumanda Paneli> Yerleşim> Gadget ekle Yolunu izleyin.
* HTML / Javascript sıralamasını bulup altta ki menü HTML Kodlarını ekleyerek gadgeti kaydedin.
* Görünmesini İstediğiniz Kisima gadgeti sürükleyerek BıRakın Değişiklikleri kaydedin ettik.

<Div class = "Clearfix" id = "btrix1nav">
<Ul class = "CatList">
<Li class = "kedi-madde kedi madde-5"> <a href="#"> Ev </a> </ li>
<Li class = "kedi-madde kedi madde-3"> <a href="#"> Yüklemeler </a> </ li>
<Li class = "kedi-madde kedi madde-6"> <a href="#"> Araçları </a> </ li>
<Li class = "kedi-madde kedi madde-4"> <a href="#"> CSS3 </a> </ li>
<Li class = "kedi-madde kedi madde-4"> <a href="#"> HTML </a> </ li>
<Li class = "kedi-madde kedi madde-4"> <a href="#"> İpuçları </a> </ li>
<Li class = "kedi-madde kedi madde 31"> <a href="#"> Hakkında </a> </ li>
<Li class = "kedi-madde kedi madde-11"> <a href="#"> Bize </a> </ li>
</ Ul>
<Div id = "arama">
<Form action = "http://www.google.com/cse" id = "cse-arama-box" target = "_ blank">
<Div>
<Input name = "cx" type = "gizli" value = "004972222991511809341: kobh4_l5t3m" />
<Input name = "yani" type = "gizli" value = "ISO-8859-1" />
<Input class = "googleSearchField" name = "q" size = "20" style = "background-color: white; background-image: url (http://www.google.com/cse/intl/en/images/ google_custom_search_watermark.gif); background-position: 0% 50%; background-repeat: no-tekrar no-repeat; border: 1px solid rgb (126, 157, 185); padding: 2px; " type = "text" />
<Input class = "button" name = "sa" type = value = "Ara" "Gönder" /> </ div>
<Input name = "siteurl" type = "gizli" value = "bloggertrix.com/" /> <input name = "ref" type = "gizli" value = "" /> <input name = "ss" type = " gizli "value =" "/> </ form>
<Script src = "http://www.google.com/cse/brand?form=cse-search-box&lang=en" type = "text / javascript"> </ script>
    </ Div>
<Div id = "updatesBox">
<Bir alt = class = "updatesIcon" href = "http://feeds.feedburner.com/" RSS Abone " bilgicafem61 tarzı "RSS Abone" = "target =" _ blank "title =" margin-left: 80px; "> <img style = ""> </a>
<a alt="Follow Us" class="updatesIcon" href="http://twitter.com/ bilgicafem61 "target="_blank" title="Follow Us"> <img /> </a>
<a alt="Become bir Fan" class="updatesIcon" href="http://www.facebook.com/ bilgicafem61 "target="_blank" title="Become bir Fan"> <img /> <a </ Div>
</ Div>

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!