Blogger 3D arama kutusu Eklentisi

<span style="font-family: Marmelad; line-height: 21px; text-align: center;">Blogger blogunuz için çok şık ve kullanışlı 3d arama kutusu</span><br /><span style="font-family: Marmelad; line-height: 21px; text-align: center;"><br /></span><span style="color: orange; font-family: Marmelad; font-size: large; line-height: 21px; text-align: center;"><b>Görünüm:</b></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzu3KuWF-BpEecEmJjPvbm8dRaEx-E5VeA8D6n5kkJz1gBUeFRTF0SCtIEtc_U4YHtkGE1VPuTeCTmQIGxx-1Qc-jT2vmpif_2SaqVvwI4-j2sgyKusrYmN-HkMbGWJzqFVi-rBw2QzTU/s1600/44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzu3KuWF-BpEecEmJjPvbm8dRaEx-E5VeA8D6n5kkJz1gBUeFRTF0SCtIEtc_U4YHtkGE1VPuTeCTmQIGxx-1Qc-jT2vmpif_2SaqVvwI4-j2sgyKusrYmN-HkMbGWJzqFVi-rBw2QzTU/s1600/44.png" /></a></div><span style="font-family: Marmelad; line-height: 21px; text-align: center;"><br /></span><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;">Blogger blogunun yönetim paneline giriniz ve </span><b style="border: 0px; font-family: Marmelad; font-size: 14px; line-height: 21px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">Yerleşim >> Gadget Ekle >> HTML/JavaScript</b><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;"> seçeneği ile açılan panele aşağıdaki kodlarımızı ekleyelim.</span><br /><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;"><br /></span><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;"><br /></span> <br /><pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); color: black; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><span style="font-size: x-small;"><style type="text/css"><br />.form-wrapper {<br />width: 250px;<br />padding: 8px;<br />margin: 10px auto;<br />overflow: hidden;<br />border-width: 1px;<br />border-style: solid;<br />border-color: #dedede #bababa #aaa #bababa;<br />-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;<br />-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;<br />box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;<br />-moz-border-radius: 10px;<br />-webkit-border-radius: 10px;<br />border-radius: 10px;<br />background-color: #f6f6f6;<br />background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));<br />background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: linear-gradient(top, #f6f6f6, #eae8e8);<br />}<br />.form-wrapper #search {<br />width: 160px;<br />height: 20px;<br />padding: 10px 5px;<br />float: left;<br />font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';<br />border: 1px solid #ccc;<br />-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;<br />-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;<br />box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;<br />-moz-border-radius: 3px;<br />-webkit-border-radius: 3px;<br />border-radius: 3px;<br />}<br />.form-wrapper #search:focus {<br />outline: 0;<br />border-color: #aaa;<br />-moz-box-shadow: 0 1px 1px #bbb inset;<br />-webkit-box-shadow: 0 1px 1px #bbb inset;<br />box-shadow: 0 1px 1px #bbb inset;<br />}<br />.form-wrapper #search::-webkit-input-placeholder {<br />color: #999;<br />font-weight: normal;<br />}<br />.form-wrapper #search:-moz-placeholder {<br />color: #999;<br />font-weight: normal;<br />}<br />.form-wrapper #search:-ms-input-placeholder {<br />color: #999;<br />font-weight: normal;<br />}<br />.thumb{position:relative;left:4px;top:1px; border:8px solid transparent;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}<br />.form-wrapper #submit {<br />float: right;<br />border: 1px solid #00748f;<br />height: 42px;<br />width: 70px;<br />padding: 0;<br />cursor: pointer;<br />font: bold 15px Arial, Helvetica;<br />color: #fafafa;<br />text-transform: uppercase;<br />background-color: #0483a0;<br />background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));<br />background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: -o-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: linear-gradient(top, #31b2c3, #0483a0);<br />-moz-border-radius: 3px;<br />-webkit-border-radius: 3px;<br />border-radius: 3px;<br />text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);<br />-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;<br />-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;<br />box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;<br />}<br />.form-wrapper #submit:hover,<br />.form-wrapper #submit:focus {<br />background-color: #31b2c3;<br />background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));<br />background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: -o-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: linear-gradient(top, #0483a0, #31b2c3);<br />}<br />.form-wrapper #submit:active {<br />outline: 0;<br />-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />}<br />.form-wrapper #submit::-moz-focus-inner {<br />border: 0;<br />}<br /></style><br /><form class="form-wrapper" action="/search" method="get"><br /> <input id="search" name="q" type="text" placeholder="ARA.." /><br /> <input id="submit" type="submit" value="ARA.." /><br /></form></span><span style="font-size: 12px;"><br /></span></code></pre>

Blogger 3D arama kutusu Eklentisi

Blogger blogunuz için çok şık ve kullanışlı 3d arama kutusuGörünüm:Blogger blogunun yönetim paneline giriniz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarım…

Devamı »