Blogger 3D Arama Kutusu

[Toplam: 0   Ortalama: 0/5]
blogger3Daramakutusu - Blogger 3D Arama Kutusu

Bloğumun sağ sidebarında/sütununda bulunan arama kutusunu soran bir kaç arkadaşımdan sonra yayınlamaya karar verdim. Bir çok arama kutusu seçeneği var ancak bu yayınladığım arama kutusu üç boyutlu bir arama kutusudur. Sıradan arama kutularından sıkıldınız yada bloğunuz için orjinal bir arama kutusu arıyorsanız 3D arama kutusunu kullanmanızı tavsiye ederim. Bu arama kutusunu bloğunuza eklemek için yapmanız gerekenler şunlardır.

Blogger yönetim panelinizden yerleşim’e tıklayın Gadget Ekle butonundan Html/Css/Javascript Ekle seçeneğini seçip aşağıdaki kodları Gadget içine yapıştırarak kaydedin. Hepsi bu kadar… İyi Günlerde kullanmanız dileğiyle..



.form-wrapper {

width: 250px;

padding: 8px;

margin: 10px auto;

overflow: hidden;

border-width: 1px;

border-style: solid;

border-color: #dedede #bababa #aaa #bababa;

-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;

-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;

box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

background-color: #f6f6f6;

background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));

background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);

background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);

background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);

background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);

background-image: linear-gradient(top, #f6f6f6, #eae8e8);

}

Author: admin

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir