Teknik Elektrik

Android için En İyi Ses Kaydetme Uygulamaları

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Q6P_0e_B7Vj6_Mld-CBkvdYXi3kp8wGtL8y-kHyklQYmuXl3Dmzzv3WAvfJ_Q5OeHjEbHp1W0GaPJeTCB2vfG2UQf2XVUwtCyUQWBMVr4bqgCOLn7373J3OI-XrK6hRK7QUaAnZXuHdc/s1600/640x360xandroid-icin-en-iyi-ses-kaydetme-uygulamalari_640x360.jpg.pagespeed.ic.CmDjflzEMsTNHN-bJ6_g.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Q6P_0e_B7Vj6_Mld-CBkvdYXi3kp8wGtL8y-kHyklQYmuXl3Dmzzv3WAvfJ_Q5OeHjEbHp1W0GaPJeTCB2vfG2UQf2XVUwtCyUQWBMVr4bqgCOLn7373J3OI-XrK6hRK7QUaAnZXuHdc/s400/640x360xandroid-icin-en-iyi-ses-kaydetme-uygulamalari_640x360.jpg.pagespeed.ic.CmDjflzEMsTNHN-bJ6_g.jpg" title="Android için En İyi Ses Kaydetme Uygulamaları" width="400" /></a></div>
<br />
   Her ne kadar akıllı telefonlar üzerinde cihaza entegre olarak gelen bir ses kaydetme uygulaması sunuluyor olsa da bu seçenek bazen yetersiz kalıyor ve beklentileri karşılamakta zorluk çekiyor. Elbette ki birçok kullanıcının aklına "cihazımda hali hazırda bir ses kaydedici varken neden başka bir tane kullanayım?" sorusu gelebilir fakat emin olun ki profesyoneller tarafından özel olarak hazırlanan bazı uygulamalar ses kayıt gibi basit bir işlemin bile aslında ne kadar özen gerektirdiğini kanıtlıyor.<br />
<br />
  Google Play'e şöyle bir göz attığımızda karşımıza tonla ses kaydetme uygulaması çıkıyor. Fakat bunların birçoğu varsayılan kaydetme uygulamasının sunduğu kalitenin ve kullanım deneyiminin üzerine çıkamıyorlar. Haliyle bunları kullanmanın pek bir mantığı olmuyor.Yani telefonunuzda bulunan ses kayıt özelliklerinden farkları olmuyor.Bu yüzden her isteğinizi karşılayabilecek profesyonelce olmasa da olur.<br />
<br />
   Şimdi bu ses uygulamalarına göz atalım;<br />
<br />
<div>
<b style="color: red;">     1.  Skyro Voice Recorder</b><br />
   Sadeliği karşısında hayranlığa kapıldığımız <b>Skyro Voice Recorder</b>'ın en önemli özelliği şık tasarımı ve herkes tarafından rahatlıkla kullanılabilecek arayüzü. Ücretsiz olarak sunulmasına rağmen hiçbir şekilde reklam içermeyen uygulama, üstün bir ses kaydetme kalitesine sahip.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL1-WIfo6rX72xtu-98Gfi-y6nmFhI71-us7QhIViC1qKWedsbk0fjkZE3I4uqSIwBdpNwGm1FBDc3NTdxfmeDbT4hD8U1qrlpHKRvGrkKFNDeRuHB29HiX12gKsXlyaIcVvCUxLXwCOIy/s1600/300x480xskyro-voice-recorder.jpg.pagespeed.ic.8XYSqf4tqljl2bJy37zE.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL1-WIfo6rX72xtu-98Gfi-y6nmFhI71-us7QhIViC1qKWedsbk0fjkZE3I4uqSIwBdpNwGm1FBDc3NTdxfmeDbT4hD8U1qrlpHKRvGrkKFNDeRuHB29HiX12gKsXlyaIcVvCUxLXwCOIy/s320/300x480xskyro-voice-recorder.jpg.pagespeed.ic.8XYSqf4tqljl2bJy37zE.jpg" title="Skyro Voice Recorder" width="200" /></a></div>
<div style="background-color: white; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-bottom: 10px; padding: 0px;">
</div>
<div class="prgrm" style="background-color: white; border-bottom-color: rgb(229, 229, 229); border-bottom-style: dotted; border-bottom-width: 1px; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin: 0px 0px 5px; overflow: hidden; padding: 0px 0px 5px;">
<div class="f_r indir_tusu u_b_u" style="float: right !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 10px !important; padding: 0px;">
<a class="indir_btn oval" href="https://play.google.com/store/apps/details?id=com.triveous.recorder" rel="" style="background: rgb(99, 177, 48); border-radius: 3px; color: white; padding: 7px 0px 7px 10px; text-decoration: none;" target="_blank"><span class="in_ikon" style="background: url(http://1-ps.googleusercontent.com/xk/q79oAawnCXtv_bTHK9cN9rMTFg/blog.tamindir.com/www.tamindir.com/img/xikonlar.png,q47.pagespeed.ic._VOKKjs6pKZ1qCEMgRTT.png) 100% -1388px no-repeat; cursor: pointer; margin-right: 7px; padding-right: 12px;">İndir</span><span class="boyut" style="background: rgba(0, 0, 0, 0.0980392); border-bottom-right-radius: 3px; border-top-right-radius: 3px; color: #bedda9; cursor: pointer; font-size: 9px; padding: 11px 5px 7px;">6.1 MB</span></a></div>
<div class="iconu" style="float: left; margin: 0px; padding: 0px 5px 0px 0px;">
<a href="https://play.google.com/store/apps/details?id=com.triveous.recorder" style="color: #0048c0; text-decoration: none;" target="_blank" title="Skyro Voice Recorder"><img alt="Skyro Voice Recorder" src="http://img.tamindir.com/ti_e_ul/emircanerdogan/p/skyro-voice-recorder_32x32.png" style="-webkit-transition: all 0.1s ease-out; border: 0px; transition: all 0.1s ease-out;" /></a></div>
<div class="basligi" style="float: none; line-height: 1.45em; margin: 0px; overflow: hidden; padding: 0px;">
<a href="https://play.google.com/store/apps/details?id=com.triveous.recorder" style="color: #0048c0; text-decoration: none;" target="_blank" title="Skyro Voice Recorder">Skyro Voice Recorder</a><span style="color: #666666; display: block; font-size: 11px;">Android için Ses Kaydetme Uygulaması</span></div>
</div>
<br />
     <b><span style="color: red;">2.   eRecorder</span></b><br />
<br />
   İş insanları, gazeteciler, öğrenciler ve ses kaydetme işlemini sık sık gerçekleştiren her meslek grubunun kullanması gereken uygulamalardan bir tanesi. SoundCloud desteğiyle öne çıkan eRecorder'da sunulan her özellik, basit arayüze düzenli bir şekilde dağıtılmış. Dolayısıyla kullanım esnasında herhangi bir sıkıntı yaratmıyor.<br />
<div style="text-align: center;">
<img alt="Android için En İyi Ses Kaydetme Uygulamaları" height="320" src="http://3-ps.googleusercontent.com/xk/4JhYhFmy8MKaTeHPN5VNCpr_Qn/blog.tamindir.com/img.tamindir.com/ti_e_ul/emircanerdogan/300x533xerecorder.jpg.pagespeed.ic.PqLsKDQIhbCPxKN3EJmd.jpg" width="180" /></div>
<div style="background-color: white; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-bottom: 10px; padding: 0px;">
</div>
<div class="prgrm" style="background-color: white; border-bottom-color: rgb(229, 229, 229); border-bottom-style: dotted; border-bottom-width: 1px; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin: 0px 0px 5px; overflow: hidden; padding: 0px 0px 5px;">
<div class="f_r indir_tusu u_b_u" style="float: right !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 10px !important; padding: 0px;">
<a class="indir_btn oval" href="https://play.google.com/store/apps/details?id=eapps.pro.erecorder" rel="" style="background: rgb(99, 177, 48); border-radius: 3px; color: white; padding: 7px 0px 7px 10px; text-decoration: none;" target="_blank"><span class="in_ikon" style="background: url(http://1-ps.googleusercontent.com/xk/q79oAawnCXtv_bTHK9cN9rMTFg/blog.tamindir.com/www.tamindir.com/img/xikonlar.png,q47.pagespeed.ic._VOKKjs6pKZ1qCEMgRTT.png) 100% -1388px no-repeat; cursor: pointer; margin-right: 7px; padding-right: 12px;">İndir</span><span class="boyut" style="background: rgba(0, 0, 0, 0.0980392); border-bottom-right-radius: 3px; border-top-right-radius: 3px; color: #bedda9; cursor: pointer; font-size: 9px; padding: 11px 5px 7px;">1.6 MB</span></a></div>
<div class="iconu" style="float: left; margin: 0px; padding: 0px 5px 0px 0px;">
<a href="https://play.google.com/store/apps/details?id=eapps.pro.erecorder" style="color: #0048c0; text-decoration: none;" target="_blank" title="eRecorder"><img alt="eRecorder" src="http://img.tamindir.com/ti_e_ul/emircanerdogan/p/erecorder_32x32.png" style="-webkit-transition: all 0.1s ease-out; border: 0px; transition: all 0.1s ease-out;" /></a></div>
<div class="basligi" style="float: none; line-height: 1.45em; margin: 0px; overflow: hidden; padding: 0px;">
<a href="https://play.google.com/store/apps/details?id=eapps.pro.erecorder" style="color: #0048c0; text-decoration: none;" target="_blank" title="eRecorder">eRecorder</a><span style="color: #666666; display: block; font-size: 11px;">Android için Ses Kayıt Uygulaması</span></div>
</div>
<br />
     <b><span style="color: red;">3.  PCM Recorder</span></b><br />
  <br />
   Basitliği ve kullanım kolaylığıyla ön plana çıkan PCM Recorder'da birkaç saniye içerisinde kavranabilecek bir arayüze yer verilmiş. Basitliğine rağmen şık görünmeyi de başaran bu arayüzde yer alan tüm birimler kullanıcının işini kolaylaştırmak üzere tasarlanmış.<br />
<div style="text-align: center;">
<img alt="Android için En İyi Ses Kaydetme Uygulamaları" height="320" src="http://img.tamindir.com/ti_e_ul/emircanerdogan/pcm-recorder_1.png" width="180" /></div>
<div style="background-color: white; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-bottom: 10px; padding: 0px;">
</div>
<div class="prgrm" style="background-color: white; border-bottom-color: rgb(229, 229, 229); border-bottom-style: dotted; border-bottom-width: 1px; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin: 0px 0px 5px; overflow: hidden; padding: 0px 0px 5px;">
<div class="f_r indir_tusu u_b_u" style="float: right !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 10px !important; padding: 0px;">
<a class="indir_btn oval" href="https://play.google.com/store/apps/details?id=com.kohei.android.pcmrecorder" rel="" style="background: rgb(99, 177, 48); border-radius: 3px; color: white; padding: 7px 0px 7px 10px; text-decoration: none;" target="_blank"><span class="in_ikon" style="background: url(http://1-ps.googleusercontent.com/xk/q79oAawnCXtv_bTHK9cN9rMTFg/blog.tamindir.com/www.tamindir.com/img/xikonlar.png,q47.pagespeed.ic._VOKKjs6pKZ1qCEMgRTT.png) 100% -1388px no-repeat; cursor: pointer; margin-right: 7px; padding-right: 12px;">İndir</span><span class="boyut" style="background: rgba(0, 0, 0, 0.0980392); border-bottom-right-radius: 3px; border-top-right-radius: 3px; color: #bedda9; cursor: pointer; font-size: 9px; padding: 11px 5px 7px;">1.5 MB</span></a></div>
<div class="iconu" style="float: left; margin: 0px; padding: 0px 5px 0px 0px;">
<a href="https://play.google.com/store/apps/details?id=com.kohei.android.pcmrecorder" style="color: #0048c0; text-decoration: none;" target="_blank" title="PCM Recorder"><img alt="PCM Recorder" src="http://2-ps.googleusercontent.com/xk/4JhYhFmy8MKaTeHPN5VNCpr_Qn/blog.tamindir.com/img.tamindir.com/ti_e_ul/emircanerdogan/p/xpcm-recorder_32x32.png.pagespeed.ic.-YpFC-24SYOvf1bcUWyM.png" style="-webkit-transition: all 0.1s ease-out; border: 0px; transition: all 0.1s ease-out;" /></a></div>
<div class="basligi" style="float: none; line-height: 1.45em; margin: 0px; overflow: hidden; padding: 0px;">
<a href="https://play.google.com/store/apps/details?id=com.kohei.android.pcmrecorder" style="color: #0048c0; text-decoration: none;" target="_blank" title="PCM Recorder">PCM Recorder</a><span style="color: #666666; display: block; font-size: 11px;">Android için Ses Kaydetme Uygulaması</span></div>
</div>
     <span style="color: red;"><b>4.   Easy Voice Recorder</b></span><br />
<br />
     Toplantılarımızı, derslerimizi, görüşmelerimizi veya röportajlarımızı kaydetmek amacıyla kullanabileceğimiz Easy Voice Recorder'ın en önemli özelliği arka planda dahi ses kaydetme işlemine devam edebilmesi. Bu özellik sayesinde bir yandan ses kaydı yaparken bir yandan da cihazımız üzerinde başka işlemler yapabiliyoruz.<br />
<div style="text-align: center;">
<img alt="Android için En İyi Ses Kaydetme Uygulamaları" height="320" src="http://img.tamindir.com/ti_e_ul/emircanerdogan/easy-voice-recorder_1.png" width="200" /></div>
<div class="prgrm" style="background-color: white; border-bottom-color: rgb(229, 229, 229); border-bottom-style: dotted; border-bottom-width: 1px; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin: 0px 0px 5px; overflow: hidden; padding: 0px 0px 5px;">
<div class="f_r indir_tusu u_b_u" style="float: right !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 10px !important; padding: 0px;">
<a class="indir_btn oval" href="http://www.tamindir.com/easy-voice-recorder/android/indir/" rel="nofollow" style="background: rgb(99, 177, 48); border-radius: 3px; color: white; padding: 7px 0px 7px 10px; text-decoration: none;"><span class="in_ikon" style="background: url(http://1-ps.googleusercontent.com/xk/q79oAawnCXtv_bTHK9cN9rMTFg/blog.tamindir.com/www.tamindir.com/img/xikonlar.png,q47.pagespeed.ic._VOKKjs6pKZ1qCEMgRTT.png) 100% -1388px no-repeat; cursor: pointer; margin-right: 7px; padding-right: 12px;">İndir</span><span class="boyut" style="background: rgba(0, 0, 0, 0.0980392); border-bottom-right-radius: 3px; border-top-right-radius: 3px; color: #bedda9; cursor: pointer; font-size: 9px; padding: 11px 5px 7px;">1.9 MB</span></a></div>
<div class="iconu" style="float: left; margin: 0px; padding: 0px 5px 0px 0px;">
<a href="http://www.tamindir.com/easy-voice-recorder/android/" style="color: #0048c0; text-decoration: none;" title="Easy Voice Recorder"><img alt="Easy Voice Recorder" src="http://2-ps.googleusercontent.com/xk/4JhYhFmy8MKaTeHPN5VNCpr_Qn/blog.tamindir.com/img.tamindir.com/ti_e_ul/canerdil/p/xeasy-voice-recorder-logo_32x32.jpg.pagespeed.ic.JEM0RZpajPnuj78AnuLH.jpg" style="-webkit-transition: all 0.1s ease-out; border: 0px; transition: all 0.1s ease-out;" /></a></div>
<div class="basligi" style="float: none; line-height: 1.45em; margin: 0px; overflow: hidden; padding: 0px;">
<a href="http://www.tamindir.com/easy-voice-recorder/android/" style="color: #0048c0; text-decoration: none;" title="Easy Voice Recorder">Easy Voice Recorder</a><span style="color: #666666; display: block; font-size: 11px;">Android İçin Ses Kayıt Programı</span></div>
</div>
     <span style="color: red;"><b>5.  Smart Voice Recorder</b></span><br />
<br />
   Akıllı cihazlara yaraşır bir akıllı ses kaydedicisi. Bir ses kaydetme uygulaması nasıl akıllı olabilir ki? Smart Voice Recorder, akıllı sıfatını hak etmek için rakiplerinin çoğunda göremediğimiz bir görevi yerine getiriyor.<br />
<div style="text-align: center;">
<img alt="Android için En İyi Ses Kaydetme Uygulamaları" height="320" src="http://2-ps.googleusercontent.com/xk/4JhYhFmy8MKaTeHPN5VNCpr_Qn/blog.tamindir.com/img.tamindir.com/ti_e_ul/emircanerdogan/300x500xsmart-voice-recorder.jpg.pagespeed.ic.dTWfXp1ZbkPJLKziMaij.jpg" width="192" /></div>
<div style="background-color: white; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-bottom: 10px; padding: 0px;">
</div>
<div class="prgrm" style="background-color: white; border-bottom-color: rgb(229, 229, 229); border-bottom-style: dotted; border-bottom-width: 1px; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin: 0px 0px 5px; overflow: hidden; padding: 0px 0px 5px;">
<div class="f_r indir_tusu u_b_u" style="float: right !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 10px !important; padding: 0px;">
<a class="indir_btn oval" href="https://play.google.com/store/apps/details?id=com.andrwq.recorder" rel="" style="background: rgb(99, 177, 48); border-radius: 3px; color: white; padding: 7px 0px 7px 10px; text-decoration: none;" target="_blank"><span class="in_ikon" style="background: url(http://1-ps.googleusercontent.com/xk/q79oAawnCXtv_bTHK9cN9rMTFg/blog.tamindir.com/www.tamindir.com/img/xikonlar.png,q47.pagespeed.ic._VOKKjs6pKZ1qCEMgRTT.png) 100% -1388px no-repeat; cursor: pointer; margin-right: 7px; padding-right: 12px;">İndir</span><span class="boyut" style="background: rgba(0, 0, 0, 0.0980392); border-bottom-right-radius: 3px; border-top-right-radius: 3px; color: #bedda9; cursor: pointer; font-size: 9px; padding: 11px 5px 7px;">321 KB</span></a></div>
<div class="iconu" style="float: left; margin: 0px; padding: 0px 5px 0px 0px;">
<a href="https://play.google.com/store/apps/details?id=com.andrwq.recorder" style="color: #0048c0; text-decoration: none;" target="_blank" title="Smart Voice Recorder"><img alt="Smart Voice Recorder" src="http://img.tamindir.com/ti_e_ul/Vernum/p/smart-voice-recorder_32x32.png" style="-webkit-transition: all 0.1s ease-out; border: 0px; transition: all 0.1s ease-out;" /></a></div>
<div class="basligi" style="float: none; line-height: 1.45em; margin: 0px; overflow: hidden; padding: 0px;">
<a href="https://play.google.com/store/apps/details?id=com.andrwq.recorder" style="color: #0048c0; text-decoration: none;" target="_blank" title="Smart Voice Recorder">Smart Voice Recorder</a><span style="color: #666666; display: block; font-size: 11px;">Andoid İçin Ses Kaydedici</span></div>
</div>
</div>
     <b><span style="color: red;">6.  Tape-a-Talk</span></b><br />
<br />
   Yüksek kaliteli ses kaydı alabilmek için özel olarak tasarlanmış olan bu uygulama ile bulunduğunuz ortamlardaki sesleri en ince ayrıntılarına kadar kayıt altına alabilirsiniz. Uygulamada hem düşük hem de yüksek kalitede ses kaydı alabilmek mümkün kılınmış. Bu sayede çok fazla önem arz etmeyen sesleri düşük kalitede kaydedebilir ve cihazda çok yer tutmalarını engelleyebilirsiniz. Buna ek olarak yapılan kayıtların gereksiz kısımlarını keserek geriye asıl ihtiyacınız olan kısmı da bırakabilirsiniz.<br />
<div style="text-align: center;">
<img height="320" src="http://1-ps.googleusercontent.com/xk/4JhYhFmy8MKaTeHPN5VNCpr_Qn/blog.tamindir.com/img.tamindir.com/ti_e_ul/emircanerdogan/300x480xtape-a-talk.png.pagespeed.ic.nLWFxbH1obfIgnF63X0J.png" width="200" /></div>
<div style="background-color: white; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-bottom: 10px; padding: 0px;">
</div>
<div class="prgrm" style="background-color: white; border-bottom-color: rgb(229, 229, 229); border-bottom-style: dotted; border-bottom-width: 1px; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin: 0px 0px 5px; overflow: hidden; padding: 0px 0px 5px;">
<div class="f_r indir_tusu u_b_u" style="float: right !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 10px !important; padding: 0px;">
<a class="indir_btn oval" href="https://play.google.com/store/apps/details?id=name.markus.droesser.tapeatalk" rel="" style="background: rgb(99, 177, 48); border-radius: 3px; color: white; padding: 7px 0px 7px 10px; text-decoration: none;" target="_blank"><span class="in_ikon" style="background: url(http://1-ps.googleusercontent.com/xk/q79oAawnCXtv_bTHK9cN9rMTFg/blog.tamindir.com/www.tamindir.com/img/xikonlar.png,q47.pagespeed.ic._VOKKjs6pKZ1qCEMgRTT.png) 100% -1388px no-repeat; cursor: pointer; margin-right: 7px; padding-right: 12px;">İndir</span><span class="boyut" style="background: rgba(0, 0, 0, 0.0980392); border-bottom-right-radius: 3px; border-top-right-radius: 3px; color: #bedda9; cursor: pointer; font-size: 9px; padding: 11px 5px 7px;"></span></a></div>
<div class="iconu" style="float: left; margin: 0px; padding: 0px 5px 0px 0px;">
<a href="https://play.google.com/store/apps/details?id=name.markus.droesser.tapeatalk" style="color: #0048c0; text-decoration: none;" target="_blank" title="Tape-a-Talk Voice Recorder"><img alt="Tape-a-Talk Voice Recorder" src="http://img.tamindir.com/ti_e_ul/elfcan/p/tape-a-talk_32x32.png" style="-webkit-transition: all 0.1s ease-out; border: 0px; transition: all 0.1s ease-out;" /></a></div>
<div class="basligi" style="float: none; line-height: 1.45em; margin: 0px; overflow: hidden; padding: 0px;">
<a href="https://play.google.com/store/apps/details?id=name.markus.droesser.tapeatalk" style="color: #0048c0; text-decoration: none;" target="_blank" title="Tape-a-Talk Voice Recorder">Tape-a-Talk Voice Recorder</a><span style="color: #666666; display: block; font-size: 11px;">Android İçin Ses Kayıt Uygulaması</span></div>
</div>
     <b><span style="color: red;">7.  Cogi</span></b><br />
<br />
   Listemizin son uygulaması olan Cogi birçok otorite tarafından kategorisinin en iyileri arasında gösteriliyor. Sunduğu özelliklere göz gezdirdiğimizde bu sıfatı haklı bir şekilde elde ettiğini görebiliyoruz.<br />
<div style="text-align: center;">
<img alt="Android için En İyi Ses Kaydetme Uygulamaları" height="320" src="http://2-ps.googleusercontent.com/xk/4JhYhFmy8MKaTeHPN5VNCpr_Qn/blog.tamindir.com/img.tamindir.com/ti_e_ul/emircanerdogan/300x480xcogi.png.pagespeed.ic.S4L6Fqg_Tju8Bp7wfXQC.png" width="200" /></div>
<div style="background-color: white; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-bottom: 10px; padding: 0px;">
</div>
<div class="prgrm" style="background-color: white; border-bottom-color: rgb(229, 229, 229); border-bottom-style: dotted; border-bottom-width: 1px; color: #333333; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin: 0px 0px 5px; overflow: hidden; padding: 0px 0px 5px;">
<div class="f_r indir_tusu u_b_u" style="float: right !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 10px !important; padding: 0px;">
<a class="indir_btn oval" href="https://play.google.com/store/apps/details?id=com.cogi.mobile" rel="" style="background: rgb(99, 177, 48); border-radius: 3px; color: white; padding: 7px 0px 7px 10px; text-decoration: none;" target="_blank"><span class="in_ikon" style="background: url(http://1-ps.googleusercontent.com/xk/q79oAawnCXtv_bTHK9cN9rMTFg/blog.tamindir.com/www.tamindir.com/img/xikonlar.png,q47.pagespeed.ic._VOKKjs6pKZ1qCEMgRTT.png) 100% -1388px no-repeat; cursor: pointer; margin-right: 7px; padding-right: 12px;">İndir</span><span class="boyut" style="background: rgba(0, 0, 0, 0.0980392); border-bottom-right-radius: 3px; border-top-right-radius: 3px; color: #bedda9; cursor: pointer; font-size: 9px; padding: 11px 5px 7px;">9.8 MB</span></a></div>
<div class="iconu" style="float: left; margin: 0px; padding: 0px 5px 0px 0px;">
<a href="https://play.google.com/store/apps/details?id=com.cogi.mobile" style="color: #0048c0; text-decoration: none;" target="_blank" title="Cogi"><img alt="Cogi" src="http://1-ps.googleusercontent.com/xk/4JhYhFmy8MKaTeHPN5VNCpr_Qn/blog.tamindir.com/img.tamindir.com/ti_e_ul/Mystrandel/p/xcogi-l_32x32.png.pagespeed.ic.Ca538hWlQtwqzlxKqjBy.png" style="-webkit-transition: all 0.1s ease-out; border: 0px; transition: all 0.1s ease-out;" /></a></div>
<div class="basligi" style="float: none; line-height: 1.45em; margin: 0px; overflow: hidden; padding: 0px;">
<a href="https://play.google.com/store/apps/details?id=com.cogi.mobile" style="color: #0048c0; text-decoration: none;" target="_blank" title="Cogi">Cogi</a><span style="color: #666666; display: block; font-size: 11px;">Android için Sesli Not Alma Uygulaması</span></div>
</div>
<br />
<br />
<br />
Blogumuza Abone Olun <br />
Yeni Yazılar e-posta Adresinize Gelsin<br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
Not:  Gelen Maili Aktif Etmeyi Unutmayınız!</div>
</div>

Android için En İyi Ses Kaydetme Uygulamaları

Her ne kadar akıllı telefonlar üzerinde cihaza entegre olarak gelen bir ses kaydetme uygulaması sunuluyor olsa da bu seçenek bazen ye...

Devamı »

Numaralı Liste Nasıl Oluşturulur?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbOxF6BHOJQ1uW6yeIEXu3AuDijHsnc2MbmXzOPe6BPZPHwAUN0RLVcMDg-G5Rs_RCgzpQv401GgORqiM25J9kuQq2KaCJmesXgP8xt_EXnbw7ifE35xAsvMToWbca2WaNGxzNhjfAFoM_/s1600/Ads%25C4%25B1z.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbOxF6BHOJQ1uW6yeIEXu3AuDijHsnc2MbmXzOPe6BPZPHwAUN0RLVcMDg-G5Rs_RCgzpQv401GgORqiM25J9kuQq2KaCJmesXgP8xt_EXnbw7ifE35xAsvMToWbca2WaNGxzNhjfAFoM_/s400/Ads%25C4%25B1z.png" title="Numaralı Liste Nasıl Oluşturulur?" width="400" /></a></div>
<br />
     Daha Önce rastlamadığınız kesinlikle görmediğiniz bir eklentiyi boyutu sunuyoruz inşallah begenirsiniz ziyaretinde.<br />
<span class="">Numaralı Liste Nasıl Oluşturulur eklentisinin Özelliği hover efekti ile oluşturulan maddelerin Üzerine gelindiğinde resimde de gördüğünüz gibi ok işareti belirir de değiştiğini göreceksiniz renkinin ok işareti beliren Maddenin arka planı ettik.</span><br />
<br />
    <span style="color: red;"><b> Numaralı Liste Nasıl Oluşturulur? Sitemize nasıl ekleyebiliriz Blog?</b></span><br />
<br />
<span style="color: blue;"><b><span class="">*</span></b></span><span class=""> Kumanda Paneli> Şablon> HTML'yi düzenle sıralamasını takip ediyoruz.</span><br />
<b><span style="color: blue;">*</span></b> CTRL + F kısa yol tuşları ile altta ki kodu aratıyoruz.<br />
<span style="color: orange;"><b>1..</b></span></div>
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code>]]></b:skin>
</code></pre>
Bazi temaların kodlama özelliğine göre degişiklik gösterebilir.Bunun için altta ki kodlardan birini aratarak arasına css kodlarını ekliyoruz.<br />
<span style="color: orange;"><b>2.</b></span><br />
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><style></style>kodları içine alıp  <head> ile </head> arasına ekleyebilirsiniz.</code></pre>
(]]></b:skin>) kodunu bulduktan sonra hemen üst kısmına altta ki kodları ekleyerek şablonu kaydedin.<br />
<br />
CSS KODLARI:</div>
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code>/* BC61/KOM Kodlarla Mücadele Numaralı Liste
----------------------------------------------*/
ol {counter-reset:li;list-style: none;font:15px 'Roboto Condensed', 'Oswald';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
margin:.5em 0 .5em 2.5em;background:#F0F0F0;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:hover{background:#E6E6E6;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
left:-2.5em;top:50%;margin-top:-1em;background:#7F8C8D;color:#fff;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent;
left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{left:-.5em;border-left-color:#7F8C8D;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#f9f9f9;}
</code></pre>
<br />
<span style="color: red;"><b>Kullanımı konusunda bilgi vereyim;</b></span><br />
<ol style="text-align: left;">
<li><b><span style="color: blue;"> </span></b><span class=""> Oluştur kısmından makalenizi yazarken maddeler halinde olusturmak istediğiniz başlıkları  alt alta yazıyorsunuz.</span></li>
<li>  Daha sonra altta ki resimde yeşil  2 numaralı işaretli kısımdan numaralı liste seçeneğine tıklıyoruz.</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjkMuaaPrSMi2Xsdq6ENRVIr93AHC5xbgB9wO0x2BfjNGWllfqSmGQhesdOP-Zw9Ruiy3k6nKe7PAvggyVDdfZx9CYu8SxuR_sEO7tuBbnMqKtvpkvlTdyqUAy4fK43pg3LZAcZaOj7thJ/s1600/Ekran+Al%25C4%25B1nt%25C4%25B1s%25C4%25B1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="62" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjkMuaaPrSMi2Xsdq6ENRVIr93AHC5xbgB9wO0x2BfjNGWllfqSmGQhesdOP-Zw9Ruiy3k6nKe7PAvggyVDdfZx9CYu8SxuR_sEO7tuBbnMqKtvpkvlTdyqUAy4fK43pg3LZAcZaOj7thJ/s640/Ekran+Al%25C4%25B1nt%25C4%25B1s%25C4%25B1.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bilisimbilgimerkezi.blogspot.com.tr/2015/07/nuamaral-liste-deneme.html#.Vav4yqTtmko" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrW6xsntqdZRyTxd19iD1TC3_XaaQa_BMvARoEixfCWAkXJL_bHIzqlmv6N3SRSQjMnZ7bAQUtGGuXZmlydcIa9ZRxP7BYGcLxPY5rPq4M_KHimxz4Jg9cPezlzvqkPUYTRrB9a9r04WDa/s1600/demoo1.JPG" /></a><a href="http://dosya.co/glr5jyxfawxd/Numaral%C4%B1_liste_CSS_kodlar%C4%B1.txt.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvBsgWjjp4cOQirgi0izj1TzMnvZwoAOH4OO4-b3l0X1gg4I9ZQqdQ-fN37GHaJ580y0bylmnCw-QEhG0wFLl7jkN4-jaAn7GzaJxkzd3Uj7ddLVWcCf107PM257H181e9AKrdPN_0gUj/s200/downbuton1.gif" width="200" /></a></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.youtube.com/watch?v=0fQ40e5qlh8&feature=youtu.be" style="margin-left: auto; margin-right: auto;" target="_blank"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLnc2w0e_YPqeibm_czYASSf526RWQNfLmVgqzumI5JwLZ5ew8che2hnnZ0irUAz0dJSDy35Kzv6RxSF6LWZ1TmXHVnbkps_yvqg54hXPhPDuHC6bJ8ffAb10x5B-ZF9X1cuke_WH36ew/s1600/video.png" title="Videolu anladımı izlemek için tıklayın" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<br />
<br />
Blogumuza Abone Olun <br />
Yeni Yazılar e-posta Adresinize Gelsin<br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
<span class="">Not: Gelen Maili Aktif  Etmeyi Unutmayınız!</span></div>
</div>

Numaralı Liste Nasıl Oluşturulur?

Daha Önce rastlamadığınız kesinlikle görmediğiniz bir eklentiyi boyutu sunuyoruz inşallah begenirsiniz ziyaretinde. Numaralı Lis...

Devamı »

Brothers in Arms® 3 Savaş Oyunu

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcz8Nsh7mJZ2q27_PW27F0ZTTb9z5bpVFZm60IGHfF3rM8BfM4Q9lG87lO20G0zBt_gPmtzYl8pqFY61DwHf3sgk_KjNcXZkGy5b2y0JsOlmWff4-XomDkRepPqQOcD9t6sUwNoeDSo4Uz/s1600/indir.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcz8Nsh7mJZ2q27_PW27F0ZTTb9z5bpVFZm60IGHfF3rM8BfM4Q9lG87lO20G0zBt_gPmtzYl8pqFY61DwHf3sgk_KjNcXZkGy5b2y0JsOlmWff4-XomDkRepPqQOcD9t6sUwNoeDSo4Uz/s320/indir.jpg" title="Brothers in Arms® 3 Savaş Oyunu" width="320" /></a></div>
<br />
   Uluslararası başarıya sahip II. Dünya Savaşı serisi heyecan verici bir nişancı aksiyonu, inanılmaz öldürme kamerası (killcam) görüntüleri ve çok sayıda deneysel silahla geri dönüyor. Çavuş Wright olup Normandiya işgali sonrasında çarpıcı ve hayat değiştiren bir yolculuğa çık.<br />
İyi eğitimli kardeşlerini yönet ve savaş sırasında onların özel yeteneklerini kullan. Silahlarını yükselt, askerlerinin becerilerini geliştir ve düşmanla savaş!<br />
<br />
EŞSİZ MANGA TEMELLİ BİR SAVAŞ DENEYİMİ<br />
<br />
> Kardeşlerinin cephanesini kullanarak taktiksel avantaj yakala!<br />
> Çeşitli yeteneklerini kullan: Hava Saldırısı, Molotof Kokteyli, Roket Patlaması, Havan Ateşi ve çok daha fazlası.<br />
> Yeni müttefiklerin kilidini aç. Onları deneyimli askerlere yükselt: hasar verimi, yetenek soğuması, SP sistemi, etki bölgesi hasarı ve daha fazlası!<br />
<br />
CANLANDIRICI, AKSİYON DOLU BİR NİŞANCI OYUNUNA DAL<br />
> Serbest hareketli, akıcı bir siper temelli 3. şahıs nişancı aksiyonu.<br />
> Saldırı, keskin nişancı, kuşatma ve gizlilik gibi çeşitli görev türleri.<br />
> Düşman askerleri üzerinde etkileyici öldürme kamerası yakınlaştırmaları.<br />
<br />
EN SEVDİĞİN SİLAHI SEÇ<br />
> Yeni silahların kilidini aç ve atış oranı, geri tepme, doldurma hızı ve şarjör boyutu yükseltmeleriyle en güçlü cephaneliği oluştur!<br />
> Deneysel silahların yenilikçi gücünü keşfet ve bir orduyu alt et!<br />
> Havalı yetenekleriyle büyük hasarlar ver: üç katı veya sonsuz mermi, elektrik boşalımı ve daha fazlası!<br />
<br />
GÖZ ALICI GÖRSEL EFEKTLERİN KEYFİNİ SÜR<br />
> Şahane iç ve dış oyun ortamları.<br />
> Çeşitli hava şartları ve zaman aralıkları.<br />
> AAA kalitesinde bir oyun için konsol tarzı grafikler.<br />
<br />
ÖZEL ETKİNLİKLERDE MUHTEŞEM ÖDÜLLER KAZAN<br />
> Aşamalı meydan okuma: daha iyi ödüller için giderek zorlaşan görevler.<br />
> Özel ürün toplamalı sınırlı süreli etkinlikler.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://play.google.com/store/apps/details?id=com.gameloft.android.ANMP.GloftA3HM&hl=tr" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4pq_1kMRxnT4EqYFXoXvzhhhy50TJ38Pi7o-FJdO-DtDOP0k9SMF5BWSWN6b9VOARh1bl8nRD1JlTou6U_2CAV0UYS-EbK3hyphenhyphenMHLy0cHfXV3-L6GULN6ELUA9jTOYH99kA-_d1P3oI_u4/s1600/gplay.JPG" /></a></div>
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/4pv5QayOjI4" width="560"></iframe><br /></div>
<br />
<br />
Blogumuza Abone Olun <br />
Yeni Yazılar e-posta Adresinize Gelsin<br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
Not:  Gelen Maili Aktif Etmeyi Unutmayınız!</div>
</div>

Brothers in Arms® 3 Savaş Oyunu

Uluslararası başarıya sahip II. Dünya Savaşı serisi heyecan verici bir nişancı aksiyonu, inanılmaz öldürme kamerası (killcam) görünt...

Devamı »

jQuery & Css Açılır(Dropdown) Menü

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7BC5FSN7C48j1FKaeOI0cRfVGd3x6goZ960dhcatHFUQvBIjvf8M0qz3dzW9i0B0VTaZ4s45G7OfXLMhsMxynReMgZoV74_HwmajEyGUYKlUI06_wNPCkAm3R12eVhEV0j2mZ7hGm33Yy/s1600/jQuery+&+Css+A%C3%A7%C4%B1l%C4%B1r.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7BC5FSN7C48j1FKaeOI0cRfVGd3x6goZ960dhcatHFUQvBIjvf8M0qz3dzW9i0B0VTaZ4s45G7OfXLMhsMxynReMgZoV74_HwmajEyGUYKlUI06_wNPCkAm3R12eVhEV0j2mZ7hGm33Yy/s640/jQuery+&+Css+A%C3%A7%C4%B1l%C4%B1r.jpg" width="640" /></a></div>
<br />
   CSS ve jQuery kullanılarak nasıl açılır menü yapılacağını anlatmaya çalışacağım. Göreceksiniz ki bu kısacık işlem için hiç internetten kod araştırması yapmanıza dahi gerek yok. Mantığı çok basit. Burada anlatacağım mantık kullanılarak istediğiniz şekilde hoş açılır menüler oluşturabilirsiniz.</div>
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><ul id="nav">
    <li><a href="#">Anasayfa</a></li>
    <li><a href="#">Hakkımızda</a>
        <ul>
            <li><a href="#">Biz Kimiz</a></li>
            <li><a href="#">Neden Biz</a></li>
            <li><a href="#">Daha Fazlası</a>
                <ul>
                    <li><a href="#">Daha Fazlası 1</a></li>
                    <li><a href="#">Daha Fazlası 2</a></li>
                    <li><a href="#">Daha Fazlası 3</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">İşelem Sonrası Hizmet</a></li>
    <li><a href="#">Ürün Kategorisi</a>
        <ul>
            <li><a href="#">Beyaz Eşya</a></li>
            <li><a href="#">Bilgisayar</a>
                <ul>
                    <li><a href="#">Tablet</a></li>
                    <li><a href="#">Diz Üstü</a></li>
                    <li><a href="#">Masa Üstü</a></li>
                </ul>
            </li>
            <li><a href="#">Cep Telefonları</a></li>
        </ul>
    </li>
    <li><a href="#">İletişim</a></li>
</ul>
</code></pre>
Yukarıda standart liste çeklinde yapımızı oluşturuyoruz. Oluşturduğumuz yapı içindeki<br />
tagının içine bir ul yapısı daha oluşturuyoruz. Yukarıdaki yapı HTML için. İlk sayfa yüklendiğinde direk görünecek. Ancak ilk içindeki yapısı ilk etapta görünmeyecek. Ürünlerin içinde bulunduğu tagı üzerine geldiğimizde jquery ile basit bir efekt yapıp göstericez. Hemen Css kodunu verelim.<br />
<pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code></pre>
body {
 font-family: helvetica, arial, sans-serif;
 font-size:12px;
 background: #e3e3e3;
 text-align: center;
}
 
/* MENU */
 
#nav {
 background: #e5e5e5;
 float: left;
 margin: 0; padding: 0;
 border: 1px solid white;
 border-bottom: none;
}
 
#nav li a, #nav li {
 float: left;
}
 
#nav li {
 list-style: none;
 position: relative;
}
 
#nav li a {
 padding: 1em 2em;
 text-decoration: none;
 color: white;
 background: #6F6C75;
 background: -moz-linear-gradient(top, black, #919191 1px, #292929 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #919191), to(#6F6C75));
 border-right: 1px solid #919191;
 border-left: 1px solid #6F6C75;
 border-bottom: 1px solid #232323;
 border-top: 1px solid #545454;
}
 
#nav li a:hover {
 background: #88A2EA;
 background: -moz-linear-gradient(top, #78A7DF, #88A2EA);
 background: -webkit-gradient(linear, left top, left bottom, from(#78A7DF), to(#88A2EA));
}
/* Submenu */
 
.hasChildren {
 position: absolute;
 width: 5px; height: 5px;
 background: black;
 right : 0;
 bottom: 0;
}
 
#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}
 
#nav li:hover > ul {
 display: block;
}
 
#nav li ul li, #nav li ul li a {
 float: none;
}
 
#nav li ul li {
 _display: inline; /* for IE6 */
}
 
#nav li ul li a {
 width: 150px;
 display: block;
}
 
/* SUBSUB Menu */
 
#nav li ul li ul {
 display: none;
}
 
#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}
#nav li ul
<pre>
</code></pre>
Yukarıdaki CSS çok ince ayarlı bişey değil. Sadece temel yapı oluşturuldu. Siz kullanırken Background rengi position ayarlamalarını yapabilirsiniz. Takıldığınız bir husus olursa konu altından yazarsanız yardımcı olurum. Son olarak Ürünler başlığı üstüne gelince alt menünün animasyon ile açılmasını sağlayacak jQuery kodunu yazalım ve bitirelim.<br />
<pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code>var site = function() {
    this.navLi = $('#nav li').children('ul').hide().end();
    this.init();
};
 
site.prototype = {
 
    init : function() {
        this.setMenu();
    },
 
    // Enables the slidedown menu, and adds support for IE6
 
    setMenu : function() {
 
    $.each(this.navLi, function() {
        if ( $(this).children('ul')[0] ) {
            $(this)
                .append('<span />')
                .children('span')
                    .addClass('hasChildren')
        }
    });
 
        this.navLi.hover(function() {
            // mouseover
            $(this).find('> ul').stop(true, true).slideDown('slow', 'easeOutBounce');
        }, function() {
            // mouseout
            $(this).find('> ul').stop(true, true).hide();
        });
 
    }
 
}
 
new site();
</code></pre>
Şimdi sonuç olarak yukarıda ki anlattığım konuyu toparlarsak böyle bir sonuç karşımıza çıkıyor.</div>
<textarea class="bginput" cols="90" name="wep-kodlari" onclick="this.focus();this.select()" rows="30" style="cursor: url(''); height: 700px; width: 700px;"><!DOCTYPE html><br />
<br />
<html lang="tr"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br />
<title>Mustafa KABA</title><br />
<style>
 
body {
 font-family: helvetica, arial, sans-serif;
 background: #e3e3e3;
 text-align: center;
}
 
/* MENU */
 
#nav {
 background: #e5e5e5;
 float: left;
 margin: 0; padding: 0;
 border: 1px solid white;
 border-bottom: none;
}
 
#nav li a, #nav li {
 float: left;
}
 
#nav li {
 list-style: none;
 position: relative;
}
 
#nav li a {
 padding: 1em 2em;
 text-decoration: none;
 color: white;
 background: #292929;
 background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));
 border-right: 1px solid #3c3c3c;
 border-left: 1px solid #292929;
 border-bottom: 1px solid #232323;
 border-top: 1px solid #545454;
}
 
#nav li a:hover {
 background: #2a0d65;
 background: -moz-linear-gradient(top, #11032e, #2a0d65);
 background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
}
 
/* Submenu */
 
.hasChildren {
    position: absolute;
    width: 5px; height: 5px;
    background: black;
    right : 0;
    bottom: 0;
}
 
#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}
 
#nav li:hover > ul {
 display: block;
}
 
#nav li ul li, #nav li ul li a {
 float: none;
}
 
#nav li ul li {
 _display: inline; /* for IE6 */
}
 
#nav li ul li a {
 width: 150px;
 display: block;
}
 
/* SUBSUB Menu */
 
#nav li ul li ul {
 display: none;
}
 
#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}
 
#nav li ul
       </style><br />
<br />
</head><br />
<body><br />
<br />
<ul id="nav">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a><br />
<ul>
<li><a href="#">Biz Kimiz</a></li>
<li><a href="#">Neden Biz</a></li>
<li><a href="#">Daha Fazlası</a><br />
<ul>
<li><a href="#">Daha Fazlası 1</a></li>
<li><a href="#">Daha Fazlası 2</a></li>
<li><a href="#">Daha Fazlası 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">İşelem Sonrası Hizmet</a></li>
<li><a href="#">Ürün Kategorisi</a><br />
<ul>
<li><a href="#">Beyaz Eşya</a></li>
<li><a href="#">Bilgisayar</a><br />
<ul>
<li><a href="#">Tablet</a></li>
<li><a href="#">Diz Üstü</a></li>
<li><a href="#">Masa Üstü</a></li>
</ul>
</li>
<li><a href="#">Cep Telefonları</a></li>
</ul>
</li>
<li><a href="#">İletişim</a></li>
</ul>
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script><br />
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js" type="text/javascript"></script><br />
<script type="text/javascript">
/*
Fatih Göl
http://fatihgol.com
jquery dropdown menu
*/
 
var site = function() {
    this.navLi = $('#nav li').children('ul').hide().end();
    this.init();
};
 
site.prototype = {
 
    init : function() {
        this.setMenu();
    },
 
    // Enables the slidedown menu, and adds support for IE6
 
    setMenu : function() {
 
    $.each(this.navLi, function() {
        if ( $(this).children('ul')[0] ) {
            $(this)
                .append('<span />')
                .children('span')
                    .addClass('hasChildren')
        }
    });
 
        this.navLi.hover(function() {
            // mouseover
            $(this).find('> ul').stop(true, true).slideDown('slow', 'easeOutBounce');
        }, function() {
            // mouseout
            $(this).find('> ul').stop(true, true).hide();
        });
 
    }
 
}
 
new site();
</script><br />
</body><br />
</html>

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

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

jQuery & Css Açılır(Dropdown) Menü

CSS ve jQuery kullanılarak nasıl açılır menü yapılacağını anlatmaya çalışacağım. Göreceksiniz ki bu kısacık işlem için hiç internet...

Devamı »

jQuery Smooth Featured SlideShow

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFfDGGQj_fUN7Vnhkpg51TlsApLsT1-RHUuXLjVXkTRokiMB4u2GHff_DjzxpobMlzR543V5w7CgCiSCxV1QCpY1qKfhVvWc7Yki5pxPu8hR0qlcAHVMmhMjrSBkvHAG1ZjsqcK3U1A02T/s1600/jQuery+Smooth+Featured+SlideShow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFfDGGQj_fUN7Vnhkpg51TlsApLsT1-RHUuXLjVXkTRokiMB4u2GHff_DjzxpobMlzR543V5w7CgCiSCxV1QCpY1qKfhVvWc7Yki5pxPu8hR0qlcAHVMmhMjrSBkvHAG1ZjsqcK3U1A02T/s400/jQuery+Smooth+Featured+SlideShow.png" title="jQuery Pürüzsüz Sunulan Slayt Gösterisi" width="400" /></a></div>
<br />
<div style="text-align: center;">
   Yazılarınızın İÇERİSİNDE kullanabilir VEYA gadget ekleme method ile görüntüleyin ana sayfanızda resimlerinizi sergileyebilirsiniz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Fazla uzatmadan hemen bu resim slayt widgetini sitenize Eklemek İçin Gadget ekleme method ile ekleyebilirsiniz.</div>
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><Style> 
.nivoSlider { 
 position: relative; 
} 
.nivoSlider img { 
 position: absolute; 
 top: 0px; 
 left: 0px; 
} 
.nivoSlider a.nivo-ImageLink 
Slider * / de dilim 
.nivo-dilim { 
 display: block; 
 position: absolute; 
 z-index: 50; 
 height: 100%; 
} 
/ * Başlık stilleri * / 
.nivo-caption { 
 position: absolute; 
 left: 0px ; 
 bottom: 0px; 
 background: # 000; 
 color: #fff; 
 donukluk: 0.8; / * CaptionOpacity ayarı * / tarafından Geçersiz kılındı 
 genişlik: 100%; 
 z-index: 89; 
} 
.nivo-başlığı p { 
 :, dolgu 5px 
 ; 0: margin 
} 
.nivo-başlığı, bir { 
 display: inline önemli;! 
} 
.nivo -HTML-caption { 
    display: none; 
} 
/ * Yön nav stilleri (örneğin Next & Önceki) * / 
.nivo-directionNav bir { 
 position: absolute; 
 top: 45%; 
 z-index: 99; 
 imleç: işaretçi; 
} 
. nivo-prevNav { 
 left: 0px; 
} 
.nivo-nextNav { 
 sağ: 0px; 
} 
/ * Kontrol nav stilleri (örneğin 1,2,3 ...) * / 
.nivo-controlNav bir { 
 position: relative; 
 z-index : 99; 
 imleç: işaretçi; 
} 
.nivo-controlNav a.active { 
 font-weight: bold; 
} 
table { 
 border-collapse: separate; 
 border-spacing: 0; 
} 
başlık, inci, td { 
 text-align: left; 
 font-weight: normal; 
} 
blockquote: önce blockquote: sonra, 
q: önce q: {sonra 
 içeriği: ""; 
} 
Blockquote, q { 
 tırnak: "" ""; 
} 
/ * HTML5 etiketleri * / 
header, bölüm , altbilgi, 
bir kenara, nav, makale, şekil { 
 display: block; 
} 
a, a: {ziyaret 
 :; # 2d3536 renk 
 text-decoration: none; 
 :; border-bottom 1px noktalı # 826a4d 
} 
a: hover a: aktif { 
 color: # 9e805c; 
 text-decoration: none; 
} 
# kaymak-sarıcı 
    no-repeat; 
    genişlik: 494px; 
    height: 310px; 
    margin: 0 auto; 
    padding-top: 23px; 
    margin-top: 50px; 
} 
#slider 
 no-repeat 50% 50%; 
} 
#slider img { 
 position: absolute; 
 top: 0px; 
 sol: 0px; 
 display: none; 
} 
a {#slider 
 sınırında: 0; 
 display: block; 
} 
.nivo-controlNav { 
 pozisyon: absolute; 
 left: 163px; 
 :; Alt 12px 
 ; # 000000: Arka plan 
 -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    padding: 3px; 
    border: 2px solid #CCC; 
    donukluk: 0.7; 
    z index: 99; 
 } 
 .nivo-controlNav: hover {donukluk: 1;} 
.nivo-controlNav bir 
 no-repeat; 
 text-indent: -9999px; 
 border: 0; 
 margin-right: 0px; 
 float: left; 
} 
.nivo-controlNav a.active { 
 background-position: 0 -22px; 
} 
.nivo-directionNav bir 
 no-repeat; 
 text-indent: -9999px; 
 border: 0; 
} 
a.nivo-nextNav { 
 background-position: -35px 0; 
 sağ: -40px; 
} 
a.nivo-nextNav: hover {sağ: -41px;} 
{a.nivo-prevNav 
 ;: -40px sol 
} 
a.nivo-prevNav: hover {sol: -41px;} 
.nivo-başlığı { 
    text-shadow: none; 
    font-family: Helvetica, Arial, sans-serif; 
} 
.nivo-caption bir { 
    color: # efe9d1; 
    text-decoration: underline; 
} 
.nivo-directionNav bir {top: 40%;} 
.Clear { 
 clear: both; 
} 
</ style> 
    <br /> 
<div id = "kapsayıcı"> 
<div id = "kaymak-sarıcı"> 
<div class = "nivoSlider" id = "kaymak"> 
<img alt = "" /> 
<img alt = "" /> 
<img alt = "" /> 
<img alt = "" /> 
</ div> 
</ div> 
</ div> 
<script src = "http://bloggertrixcode.googlecode.com/files/jquery-1.4.3.min.js" type = "text / javascript"> < / script> 
<script src = "http://bloggertrixcode.googlecode.com/files/jquery.nivo.slider.pack.js" type = "text / javascript"> </ script> 
<script type = "text / javascript "> 
    $ (pencere) .Load (function () { 
        $ ('# kaymak') nivoSlider ({directionNavHide.)} false; 
    }); 
    </ script>

</code></pre>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVLk2Uh_tq8I3N3lt5VEME7E1kiTFWnr9owykpchbL9K7VZqF5jFSMIHup9LXLQCa7gN-t6tU6oMl8mVsK_vRxEZ9V5gPUl01xN6QsLgvmIGPMacgVIgJ0xed_YplkzOQHhUGooiVKbBpI/s1600/demoo.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVLk2Uh_tq8I3N3lt5VEME7E1kiTFWnr9owykpchbL9K7VZqF5jFSMIHup9LXLQCa7gN-t6tU6oMl8mVsK_vRxEZ9V5gPUl01xN6QsLgvmIGPMacgVIgJ0xed_YplkzOQHhUGooiVKbBpI/s320/demoo.JPG" /></a></div>
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="300" src="//jsfiddle.net/y3grbww1/embedded/result" width="100%"></iframe><br />
<span class=""><br /></span>
<span class=""><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://dosya.co/vimawd0wm6ag/jQuery_Smooth_Featured_SlideShow.txt.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6O76slcDCsHWrTrUv_GAj6cJY7oYzFZa2Hti2zjTKKOm_KGIOSv1TDxpuLt5u6n2P8SjzUaJ4FaO5RxBSvz5_-jBhyphenhyphenbSanl8eXza-Pi-JJ9wH11CX6FhL75SkFcizDZ5KrHqtFxpj8i83/s200/indir-butonu.png" width="200" /></a></div>
<span class=""><br /></span>
Blogumuza Abone Olun <br />
Yeni Yazılar e-posta Adresinize Gelsin <br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
<span class="">Not: Gelen Maili Aktif Etmeyi Unutmayınız!</span></div>
</div>

jQuery Smooth Featured SlideShow

Yazılarınızın İÇERİSİNDE kullanabilir VEYA gadget ekleme method ile görüntüleyin ana sayfanızda resimlerinizi sergileyebilirsiniz. ...

Devamı »

Google Custom Search Box CSS3 Gezinti Çubuğu

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrWRV4YjJiwn-lEV7KDo5xd3vzw3Rm_2YSdPNrktVpIbwHQDjonx0zmCfhfx8bhEr6C_wFSCMATRXOhZwFcpjCgxNxWoRl2kjbC-zmlTL3K3cgzGwEsl0VU27ebhnVr_ddXPJmmq4NzPqk/s1600/Css3+Navigation+Bar+With+Google+Custom+Search+Box.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrWRV4YjJiwn-lEV7KDo5xd3vzw3Rm_2YSdPNrktVpIbwHQDjonx0zmCfhfx8bhEr6C_wFSCMATRXOhZwFcpjCgxNxWoRl2kjbC-zmlTL3K3cgzGwEsl0VU27ebhnVr_ddXPJmmq4NzPqk/s1600/Css3+Navigation+Bar+With+Google+Custom+Search+Box.png" title="Google Custom Search Box CSS3 Gezinti Çubuğu" /></a></div>
  <br />
   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.<br />
<br />
   <b>Google Custom Search Box CSS3 Gezinti Çubuğu sitemize Eklemek İçin;</b><br />
<b><span style="color: red;">*</span></b> Kumanda Paneli> Şablon sırlamasını izleyelim.<br />
<b><span style="color: red;">*</span></b> Daha Sonra HTML düzenle kısmına Tıklayarak temamızın kodlarına ulaşmış oluyoruz.<br />
<br />
   Şimdi yapmamız Gereken CSS Kodlarını temamıza tanıtmak Javascript<br />
Eklendi bunun CTRL + F Click Tuşları ile altta ki kodu Aradip bulalım.</div>
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><span class="">]]></b:skin>
</span></code></pre>
<span class="">Üste ki kodu bulduktan Sonra hemen Üst kısmına altta ki CSS Kodlarını ekleyerek Değişiklikleri kaydedin.</span></div>
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code># Btrix1nav {border: none 5px # 000000;<span class="">
-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;</span>
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; }
</code></pre>
Şimdi tekrar kumanda paneline geri dönelim ettik ikinci Işlem Click şunları Yapın.<br />
* Kumanda Paneli> Yerleşim> Gadget ekle Yolunu izleyin.<br />
* HTML / Javascript sıralamasını bulup altta ki menü HTML Kodlarını ekleyerek gadgeti kaydedin.<br />
* Görünmesini İstediğiniz Kisima gadgeti sürükleyerek BıRakın Değişiklikleri kaydedin ettik.</div>
<pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><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 " <span style="color: red;">bilgicafem61</span> tarzı "RSS Abone" = "target =" _ blank "title =" margin-left: 80px; "> <img style = ""> </a>
<a alt="Follow Us" class="updatesIcon" href="http://twitter.com/ <span style="color: red;">bilgicafem61</span> "target="_blank" title="Follow Us"> <img /> </a>
<a alt="Become bir Fan" class="updatesIcon" href="http://www.facebook.com/ <span style="color: red;">bilgicafem61</span> "target="_blank" title="Become bir Fan"> <img /> <a </ Div>
</ Div>
</code></pre>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9iU-lCuFBhHSPj0MoU36Bipmhf4rF4YshwuvP3slyUyEgbW6OgPKWVdn9v1x3W4R-O91MSnRBXAMsyvQ4gqwb8ept5cwtk5fpQWoUrnJyL0J23HCqNzOfJI2wQGKQq3ART8HgWji4nTTq/s1600/demoo.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9iU-lCuFBhHSPj0MoU36Bipmhf4rF4YshwuvP3slyUyEgbW6OgPKWVdn9v1x3W4R-O91MSnRBXAMsyvQ4gqwb8ept5cwtk5fpQWoUrnJyL0J23HCqNzOfJI2wQGKQq3ART8HgWji4nTTq/s320/demoo.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="300" src="//jsfiddle.net/auwr14o6/embedded/" width="100%"></iframe><br />
<br />
<br />
Blogumuza Abone Olun <br />
<span class="">Yeni Yazılar e-posta Adresinize Gelsin</span><br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
<span class="">Not: Gelen Maili Aktif Etmeyi Unutmayınız!</span></div>
</div>

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 ...

Devamı »

Blogger Mega Drop Down Açılır Menü

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW3pQmmyWjMtZaOUG9mjBI9QeqTv7pF_Tr92BKwjAQVdRwk4zAJuzTM7iCxQ6aQaW1J9u2LogBLP9y1hq9lymCzIVwtCkCBpzNSCTpggC5FWhYC1kgJJVeDSuGMpBsaAX_fC-Ayg9wDqlT/s1600/Ads%25C4%25B1z.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW3pQmmyWjMtZaOUG9mjBI9QeqTv7pF_Tr92BKwjAQVdRwk4zAJuzTM7iCxQ6aQaW1J9u2LogBLP9y1hq9lymCzIVwtCkCBpzNSCTpggC5FWhYC1kgJJVeDSuGMpBsaAX_fC-Ayg9wDqlT/s400/Ads%25C4%25B1z.png" title="Blogger Mega Açılır Açılır Menü" width="400" /></a></div>
<br />
     Blogger Mega Açılır Açılır Menü resimde de gördüğünüz gibi blogger sitenize kolaylıkla ekleyerek kullanabilirsiniz.Alt Açılır kategoriler deki başlıkları isteğinize Göre düzenleyerek azaltabilir VEYA çoğaltabilirsiniz.Menünün ziyaretinde başlıkların renklerini de Kullandığınız temaya uyumlu renkle değiştirerek works.<br />
  <br />
     Blogger Mega Açılır Açılır Menü sitenize Eklemek İçin;<br />
* Kumanda paneli> Yerleşim> Gadget ekle Yolunu izliyoruz.<br />
* Açılan ekrandan HTML / Javascript tıklıyoruz.<br />
* Tekrar Açılan ekranda ki Kutuya aşağıda verecek olduğum kodları ekleyerek gadgeti kaydedin.<br />
* Kodun Sonunda Bulunan menülere ait kısımları Kendinize göre düzenleyin.<br />
<span class="">* Genişlik  yükseklik değerlerinden sitenize uyumlu Olmasını sağlayabilirsiniz.</span><br />
<span class="">* Blogger Mega Açılır Açılır Menü sitenizin başlık Kısmı Altında görünmesini istiyorsanız blog başlığınızın bulundugu gadgetin hemen Altına bu menü gadgetini sürükleyerek BıRakın kaydedin </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9F6GFW0hi3vJpjTxDv22LLhvEoXXIg8S5nE_KalHJY9UAgQEdsrofR8A9LLrxPurhM9HO6FSAiiR1cSN0zVbBUv_tQvN3XqcH-f0vRmkMHkCv5vjH1nXKCM3LRgOlbhqB_Q0IT3lr0l3r/s1600/demoo.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9F6GFW0hi3vJpjTxDv22LLhvEoXXIg8S5nE_KalHJY9UAgQEdsrofR8A9LLrxPurhM9HO6FSAiiR1cSN0zVbBUv_tQvN3XqcH-f0vRmkMHkCv5vjH1nXKCM3LRgOlbhqB_Q0IT3lr0l3r/s1600/demoo.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="300" src="//jsfiddle.net/7oe6v9q5/embedded/" width="100%"></iframe><br />
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><Style> ul.ldd_menu {
    margin: 0px;
    padding: 0;
    display: block;
    height: 50px;
    background-color: # D04528;
    list-style: none;
    font-family: "Trebuchet MS", sans-serif;
    border-top: 1px solid # EF593B;
    border-bottom: 1px solid # EF593B;
    border-left: 10px katı # D04528;
    -moz-box-shadow: 0px 3px # 591E12 4px;
    -webkit kutu gölge: 0px 3px # 591E12 4px;
    -Box-shadow: 0px 3px # 591E12 4px;
}

ul.ldd_menu a {
    text-decoration: none;
}

ul.ldd_menu> li {
    yüzer: Sol;
    position: relative;
}

ul.ldd_menu> li> yayılma {
    yüzer: Sol;
    color: #fff;
    background-color: # D04528;
    height: 50px;
    line-height: 50px;
    İmleç: varsayılan;
    padding: 0px 20px;
    text-shadow: 0px 0px 1px #fff;
    border-right: 1px solid # DF7B61;
    border-left: 1px solid # C44D37;
}

ul.ldd_menu .ldd_submenu {
    position: absolute;
    Üst: 50px;
    genişliği: 550px;
    display: none;
    donukluk: 0.95;
    Sol: 0px;
    font-size: 10px;
    background: # C34328;
    border-top: 1px solid # EF593B;
    -moz-box-shadow: 0px 3px # 591E12 gömme 4px;
    -webkit-box-shadow: 0px 3px # 591E12 gömme 4px;
    -Box-shadow: 0px 3px # 591E12 gömme 4px;
}

a.ldd_subfoot {
    background-color: # f0f0f0;
    color: # 444;
    display: block;
    clear: both;
    padding: 15px 20px;
    text-transform: büyük harf;
    font-family: Arial, serif;
    font-size: 12px;
    text-shadow: 0px 0px 1px #fff;
    -moz-box-shadow: 0px 0px # 777 ek 2px;
    -webkit-box-shadow: 0px 0px # 777 ek 2px;
    -Box-shadow: 0px 0px # 777 ek 2px;
}

ul.ldd_menu ul {
    list-style: none;
    yüzer: Sol;
    border-left: 1px solid # DF7B61;
    margin: 20px 0px 10px 30px;
    padding: 10px;
}

li.ldd_heading {
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
    color: # FFB39F;
    text-shadow: 0px 0px 1px # B03E23;
    padding: 0px 0px 10px 0px;
}

ul.ldd_menu ul li a {
    font-family: Arial, serif;
    font-size: 10px;
    line-height: 20px;
    color: #fff;
    padding: 1px 3px;
}

ul.ldd_menu ul li a: hover {
    -moz-box-shadow: 0px 0px 333. 2px;
    -webkit-box-shadow: 0px 0px 333. 2px;
    box-shadow: 0px 0px 333. 2px;
    background: # AF412B;
} </ Style>

<Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </ script>
<Script type = "text / javascript">
    $ (Function () {
        / **
         * Menü
         * /
        var $ menüsü = $ ('# ldd_menu');

/ **
         * Her liste elemanı için,
         * Biz gezinip zaman alt menüsünü göstermek ve
         * 510px span elemanı (başlık) genişletmek
         * /
        $ Menu.children ('li'). Each (function () {
            Bu var $ $ = (this);
            var $ açıklık = $ this.children ('yayılma');
            $ Span.data ('width', $ span.width ());

$ This.bind ('MouseEnter', function () {
                $ Menu.find ('. Ldd_submenu'), ((doğru, true) .hide durdurun.);
                $ Span.stop (). Hareketlendirmek ({
                    'Width': '510px'
                }, 300, fonksiyon () {
                    $ This.find ('. Ldd_submenu') slideDown (300).;
                });
            }). {((Fonksiyonu 'MouseLeave') bağlamak
                $ This.find ('. Ldd_submenu'), ((true, true) .hide durdurun.);
                $ Span.stop (). Hareketlendirmek ({
                    'Width': $ span.data (width) + 'px'
                }, 300);
            });
        });
    });
</ Script>

<Ul id = "ldd_menu" class = "ldd_menu">
 <Li>
 <Span> Tatil </ span>
 <! - Genişliği 510px için artışlar ->
 <Div class = "ldd_submenu">
  <Ul>
   <Li sınıfı = "ldd_heading '> Konum By </ li>
   <Li> <a href="#"> Güney Amerika'nın </a> </ li>
   <Li> <a href="#"> Antartika </a> </ li>
   <Li> <a href="#"> Afrika </a> </ li>
   <Li> <a href="#"> Asya ve Avustralya </a> </ li>
   <Li> <a href="#"> Avrupa'nın </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Kategori </ li>
   <Li> <a href="#"> Sun & amp; Plaj </a> </ li>
   <Li> <a href="#"> Macera </a> </ li>
   <Li> <a href="#"> Bilim ve amp; Eğitim </a> </ li>
   <Li> <a href="#"> Extreme Sports </a> </ li>
   <Li> <a href="#"> Rahatlatıcı </a> </ li>
   <Li> <a href="#"> Spa ve Wellness </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Tema By </ li>
   <Li> <a href="#"> Cennet Adaları </a> </ li>
   <Li> <a href="#"> Cruises & amp; Tekne </a> </ li> Gezileri
   <Li> <a href="#"> Vahşi Hayvanlar & amp; Safaris </a> </ li>
   <Li> <a href="#"> Doğa Saf </a> </ li>
   <Li> diğerlerini & amp Helping <a href="#">; Umut </a> </ li> için
   <Li> <a href="#"> Dalış </a> </ li>
  </ Ul>
  <a class="ldd_subfoot" href="#"> + Yeni Fırsatlar </a>
 </ Div>
 </ Li>
 <Li>
 <Span> Ekipman </ span>
 <Div class = "ldd_submenu">
  <Ul>
   <Li sınıfı = "ldd_heading '> Konum By </ li>
   <Li> <a href="#"> Güney Amerika'nın </a> </ li>
   <Li> <a href="#"> Antartika </a> </ li>
   <Li> <a href="#"> Afrika </a> </ li>
   <Li> <a href="#"> Asya ve Avustralya </a> </ li>
   <Li> <a href="#"> Avrupa'nın </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Kategori </ li>
   <Li> <a href="#"> Sun & amp; Plaj </a> </ li>
   <Li> <a href="#"> Macera </a> </ li>
   <Li> <a href="#"> Bilim ve amp; Eğitim </a> </ li>
   <Li> <a href="#"> Extreme Sports </a> </ li>
   <Li> <a href="#"> Rahatlatıcı </a> </ li>
   <Li> <a href="#"> Spa ve Wellness </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Tema By </ li>
   <Li> <a href="#"> Cennet Adaları </a> </ li>
   <Li> <a href="#"> Cruises & amp; Tekne </a> </ li> Gezileri
   <Li> <a href="#"> Vahşi Hayvanlar & amp; Safaris </a> </ li>
   <Li> <a href="#"> Doğa Saf </a> </ li>
   <Li> diğerlerini & amp Helping <a href="#">; Umut </a> </ li> için
   <Li> <a href="#"> Dalış </a> </ li>
  </ Ul>
  <a class="ldd_subfoot" href="#"> + Yeni Fırsatlar </a>
 </ Div>
 </ Li>
 <Li>
 <Span> Mekanlar </ span>
 <Div class = "ldd_submenu">
  <Ul>
   <Li sınıfı = "ldd_heading '> Konum By </ li>
   <Li> <a href="#"> Güney Amerika'nın </a> </ li>
   <Li> <a href="#"> Antartika </a> </ li>
   <Li> <a href="#"> Afrika </a> </ li>
   <Li> <a href="#"> Asya ve Avustralya </a> </ li>
   <Li> <a href="#"> Avrupa'nın </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Kategori </ li>
   <Li> <a href="#"> Sun & amp; Plaj </a> </ li>
   <Li> <a href="#"> Macera </a> </ li>
   <Li> <a href="#"> Bilim ve amp; Eğitim </a> </ li>
   <Li> <a href="#"> Extreme Sports </a> </ li>
   <Li> <a href="#"> Rahatlatıcı </a> </ li>
   <Li> <a href="#"> Spa ve Wellness </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Tema By </ li>
   <Li> <a href="#"> Cennet Adaları </a> </ li>
   <Li> <a href="#"> Cruises & amp; Tekne </a> </ li> Gezileri
   <Li> <a href="#"> Vahşi Hayvanlar & amp; Safaris </a> </ li>
   <Li> <a href="#"> Doğa Saf </a> </ li>
   <Li> diğerlerini & amp Helping <a href="#">; Umut </a> </ li> için
   <Li> <a href="#"> Dalış </a> </ li>
  </ Ul>
  <a class="ldd_subfoot" href="#"> + Yeni Fırsatlar </a>
 </ Div>
 </ Li>
</ Ul>
</code></pre>
<br />
<div style="text-align: center;">
Her ihtimale Karşı kodlarda bozulma olursa buradan kodları tekrar Indirebilirsiniz.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://dosya.co/asd5gzi3uwgu/Blogger_Mega_Drop_Down_A%C3%A7%C4%B1l%C4%B1r_Men%C3%BC.txt.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZP4AlE12GKmTB3V-tLlMhOjGUYwX0jrzMG8q3Pq3xPpmaS2uJZJ2QKNCirXmvUW4KeN-QknEYgD9AEn5EAx3DpNtYbkaRBnqhKSDwna8_o0FzO5RZMla7asZgJmRb-Lp5ehZZ-HV5s7C2/s200/indir-butonu.png" width="200" /></a></div>
<div style="text-align: center;">
<br /></div>
Blogumuza Abone Olun <br />
Yeni Yazılar e-posta Adresinize Gelsin<br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
Not: Gelen Maili Aktif Etmeyi Unutmayınız!</div>
</div>

Blogger Mega Drop Down Açılır Menü

Blogger Mega Açılır Açılır Menü resimde de gördüğünüz gibi blogger sitenize kolaylıkla ekleyerek kullanabilirsiniz.Alt Açılır kateg...

Devamı »

Prorat 1.9 Server Nasıl Oluşturulur?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKSVXeMsktLafC7K5EMy7mSrOHphUAUavrjpteGwKqTbz9rdK2V6QDCPxDnqTF4g2l-vlNCinBI49Os5To2CjF9XPZPR0qbTi3vkva5hKQiROOzUSb_nSFz5UyBhziB7MUq0jBeEu6wmM2/s1600/prorat-1fc3c02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKSVXeMsktLafC7K5EMy7mSrOHphUAUavrjpteGwKqTbz9rdK2V6QDCPxDnqTF4g2l-vlNCinBI49Os5To2CjF9XPZPR0qbTi3vkva5hKQiROOzUSb_nSFz5UyBhziB7MUq0jBeEu6wmM2/s400/prorat-1fc3c02.jpg" title="Prorat 1.9 Server Nasıl Oluşturulur?" width="400" /></a></div>
<br />
   <b><span style="color: red;">1)</span></b> ProRat 1.9 Pro Group tarafından yazılmış bi tür remote(uzaktan yönetim) programıdır.Uzak Pc'lere bağlanmaya yarar. Hiç bir art niyet uğruna üretilmemiştir.Eğer kullanmasını biliyorsanız bu programla istediğiniz her şeyi yapabilirsiniz.<br />
<br />
  <b><span style="color: red;"> 2)</span></b> Öncelikle rar dosyası içinden çıkan ProRat.exe dosyasını Çalıştırınız. Daha Dil seçimi bölümünden istediğiniz dili belirleyebilirsiniz. Türkçe dilinde anlatım yapıyorum. Oluştur butonunu göreceksiniz programın alt kısmında. Oraya tıklayın yanda menüler çıkacaktır. Oradan <span style="color: blue;"><b>Prorat server oluştur</b></span> seçeneğini seçiniz.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOk69Fv_U3L1HKvio9lOo16jDf6-ybdy9y800MVlkNHQHv3PoI6Cv5tuQHTqIBuETUHVmhcUQ5ATu25UiAudenTMow4v0gJGfgvIXFr1762y9UluEWdGMTzulRuH24_COZG_zOcdPGvxsY/s1600/resim11pi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOk69Fv_U3L1HKvio9lOo16jDf6-ybdy9y800MVlkNHQHv3PoI6Cv5tuQHTqIBuETUHVmhcUQ5ATu25UiAudenTMow4v0gJGfgvIXFr1762y9UluEWdGMTzulRuH24_COZG_zOcdPGvxsY/s320/resim11pi.jpg" width="320" /></a></div>
   <b><span style="color: red;">3)</span></b> Mail Adresinizi ve icq numaranızı ayarlıyorsunuz.Serveri açan kişinin Ip, Port Bilgileri mailinize-icq uza gelecektir. Not; İcq Numarası isteğe bağlıdır.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK1TQj1AcWwasukcDs1ffbDKG4LxqD40_0g78ctd_jigbkXy6QqeC0PuemmLSUGY0yaGSksTLhGRe1ou0OehXaH7ON0aJxfxRrXNjmfmYTDlirkzlJzGlPwDuY2qkySDYWAmMLJ8SLfdky/s1600/resim20um.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK1TQj1AcWwasukcDs1ffbDKG4LxqD40_0g78ctd_jigbkXy6QqeC0PuemmLSUGY0yaGSksTLhGRe1ou0OehXaH7ON0aJxfxRrXNjmfmYTDlirkzlJzGlPwDuY2qkySDYWAmMLJ8SLfdky/s320/resim20um.jpg" width="320" /></a></div>
<br />
Daha sonra Genel ayarlar bölümüne tıklıyorsunuz.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ3LPjzr-HEjpXvHrxtLYYEkqmfINQS9UiDenJ4sHowFBVaJUrmU2t5kmZh4SIc3nTTdexSBbQOJ8Xr2f_SOnK2x8MZsdVMg5ron4rea9WXK1zL0AuQyXIGJREjQZQU-lL8IdKnXu5GhUs/s1600/resim32qm.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ3LPjzr-HEjpXvHrxtLYYEkqmfINQS9UiDenJ4sHowFBVaJUrmU2t5kmZh4SIc3nTTdexSBbQOJ8Xr2f_SOnK2x8MZsdVMg5ron4rea9WXK1zL0AuQyXIGJREjQZQU-lL8IdKnXu5GhUs/s320/resim32qm.jpg" width="320" /></a></div>
   Bu bölümde Victim yazan bölüme gönderdiğiniz kişinin ismini lakabını yazabilirsiniz. Şifre bölümünede bir şifre yazınız. (Bağlanırken sorulucaktır.) Diğer bölümlere dokunmayınız..<br />
<br />
   Dosya birleştir bölümünde ise ProRat serveri istediğiniz bir dosya ile birleştirirsiniz. Nitekim kurbana "jpg" uzantılı bir resim ile birleştirilmiş server yollandığında kurban serverı açtığında resim karşısına çıkınca şüphelenmeyecektir.<br />
Not: Birleştirilecek dosya 10 MByı Geçemez.<br />
<br />
   Son olarakta server simgesi bölümünden istediğiniz simgeyi seçerek server oluştur diyorsunuz ve ProRat klasörünün içinde aynı dizince bind_server veya server adında serverınız oluşuyor. Bundan gerisi size kalmış..<br />
<br />
    Her mail adresine ProRat bildirisi gelmiyor. Örneğin bir çoğunuzun kullandığı Mynet Maillerine. Hotmail ve Yahoo Önerilir. Veya bizim vazgeçemediğimiz mail servisi Spymac Mail. Mail Geldi ne yapacağım maildeki IP Numarasını alıp ProRat IP Bölümüne Yapıştırıp bağlan diyorsunuz. Daha server oluştururken yazdığınız şifreyi size soracak.(Unutmuşsanız mailde oda yazar). Bağlandığı takirde gerisi size kalmıştır. Eğer bağlanamıyorsa Serverı yolladığınız kişi Firewall Kullanıyor demektir<br />
<br />
<br />
Blogumuza Abone Olun <br />
Yeni Yazılar e-posta Adresinize Gelsin<br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
Not:  Gelen Maili Aktif Etmeyi Unutmayınız!</div>
</div>

Prorat 1.9 Server Nasıl Oluşturulur?

1) ProRat 1.9 Pro Group tarafından yazılmış bi tür remote(uzaktan yönetim) programıdır.Uzak Pc'lere bağlanmaya yarar. Hiç bir a...

Devamı »

CSS İle Yatay Açılır Menü Yapımı

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinIaYaaI66O-jPtKsv7vqpaw9VCvsbcIKP40CO3G4ILWzq9Wf8eFVnCVM85XGFpOOgNtjO51uXt_0_ZC8t1V_2nIYotcvWFAmXK1M1oDOIIWKsGGxcloZRiOKJXOSDfdZTy-UiSJNUTRf4/s1600/Ads%25C4%25B1z.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinIaYaaI66O-jPtKsv7vqpaw9VCvsbcIKP40CO3G4ILWzq9Wf8eFVnCVM85XGFpOOgNtjO51uXt_0_ZC8t1V_2nIYotcvWFAmXK1M1oDOIIWKsGGxcloZRiOKJXOSDfdZTy-UiSJNUTRf4/s640/Ads%25C4%25B1z.jpg" title="CSS ile yatay açılır menü yapımı" width="640" /></a></div>
<br />
   CSS ile kodlama ile hazırladığımız bu menüyü kullanıcılar için kendine göre düzenleyerek kullanabilirsiniz.Tarayıcı uyumluluğunu için CSS sıfırlama gerekebilir.<br />
<br />
   Menüyü blog sitenize gadget ekleme yöntemi ile ekleyerek blog başlığınızın bulunduğu gadgetin altına sürükleyerek bırakın.Ayrıca açılır alt menüleri çoğaltabilir veya azaltabilirsiniz.<br />
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><html>
<head>
 <title>CSS-Yatay Açılır Menü</title>
 <style type="text/css">
  body { margin:0px; padding:0px; }
  #menum ul {
    list-style:none;
  margin:0px; padding:0px; }
  #menum li {
    float:left; position:relative; width:150px; }
  #menum li ul {
    display:none; left:0; position:absolute; top:21px; }
  #menum ul li a{
    background:#EFEFEF;
    border-color:#CCCCCC #888888 #555555 #BBBBBB;
    border-style:solid;
    color:#000;
    display:block;
    font:bold 12px Arial, Helvetica, Sans-serif;
    margin:0px;
    padding:2px 3px;
   text-decoration:none;
    line-height:16px; }
  #menum ul li a:hover {
    background-color:#FFF; color:#FF0000; }
  #menum li:hover ul { display:block; }
 </style>
</head>
<body>
<div id="menum">
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Hakkımızda</a>
  <ul>
    <li><a href="#">Şirket Tarihçesi</a></li>
  <li><a href="#">Yöneticilerimiz</a></li>
  <li><a href="#">Çalışanlarımız</a></li>
  <li><a href="#">Faaliyetlerimiz</a></li>
  </ul>
<li><a href="#">Hizmetlerimiz</a>
  <ul>
    <li><a href="#">Web Tasarım</a></li>
  <li><a href="#">Hosting</a></li>
  <li><a href="#">Logo Tasarım</a></li>
  <li><a href="#">Danışmanlık</a></li>
  </ul>  
<li><a href="#">Referanslarımız</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>
</body>
</html>
</code></pre>
<br />
<br />
<br />
Blogumuza Abone Olun <br />
Yeni Yazılar e-posta Adresinize Gelsin<br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
Not:  Gelen Maili Aktif Etmeyi Unutmayınız!</div>
</div>

CSS İle Yatay Açılır Menü Yapımı

CSS ile kodlama ile hazırladığımız bu menüyü kullanıcılar için kendine göre düzenleyerek kullanabilirsiniz.Tarayıcı uyumluluğunu için...

Devamı »

Shotcut - Video Düzenleme Ve Filtreleme Programı

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwdBGYog7fB-QSIaNwhBIWnjhkIv2t1GU4eBz6nqWWnbKb4mkK6eli2ZhXCjY3spGdbqZva2Q-m8b0116jmY6IeufC2nNgjTReJlxwEhI-6nEDuSEJwo0L8fltZEtUOFevNiTLnlMl2Pm/s1600/shotcut-screenshot-13.03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwdBGYog7fB-QSIaNwhBIWnjhkIv2t1GU4eBz6nqWWnbKb4mkK6eli2ZhXCjY3spGdbqZva2Q-m8b0116jmY6IeufC2nNgjTReJlxwEhI-6nEDuSEJwo0L8fltZEtUOFevNiTLnlMl2Pm/s400/shotcut-screenshot-13.03.jpg" title="Shotcut - Video Düzenleme Ve Filtreleme Programı" width="400" /></a></div>
<br />
   Shotcut programı bilgisayarınızda video düzenleme ve editleme işlemlerini kolayca yapmanızı sağlayan ücretsiz bir video kodlama aracı. Programın sahip olduğu temiz arayüz ve çabuk öğrenilen yapısı sayesinde videolarınız üzerinde gerçekleştirmek istediğiniz işlemler oldukça kolay hale geliyor.<br />
<br />
   Video düzenleme işlemleri sırasında videoya yorumlar eklemek, en boy oranını değiştirmek, kodlamak ve özel filtreler eklemek mümkün hale geldiği için neredeyse tüm basit ihtiyaçlarınızı karşılayabiliyor. Kendi filtrelerinizi kendini oluşturabileceğiniz gibi aynı zamanda içerisinde hazır gelen video filtrelerini kullanarak hızlıca işlemleri tamamlayabilirsiniz Bu hazır filtreler arasına renk değişimi, bulanıklaştırma, ayna efektleri, doygunluk, keskinleştirme ve parlaklık yer alıyor.<br />
<br />
   Oynatma listelerini de yönetebilen program sürükle bırak desteği ve tam ekran modu ile çalışmalarınızı hızlıca tamamlamanızı sağlıyor. Çizgili ve karlı görüntüleri temizlemek için araçları da barındıran Shotcut'ı kesinlikle denemenizi öneriyorum.Bu yazılımla yapamadığınız hiç bir şey kalmayacak.<br />
<br />
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Brent Graham | http://brentg.org/ */

function colorRows() {
var myTR = document.getElementsByTagName('tr');
for (var i=0;i<myTR.length;i++) {
if (i%2) {
myTR[i].className = 'rowTint';
}
}
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}

addLoadEvent(function() {
colorRows();
});
</script>

<br />
<table cellpadding="5">
<tbody>
<tr>
<th>Shotcut Sistem Gereksinimleri</th>
</tr>
<tr>
<td>Lisans :</td><td>Ücretsiz </td>
</tr>
<tr>
<td>Dil Desteği : </td><td>İngilizce</td>
</tr>
<tr>
<td>İşletim Sistemi : </td><td>Windows 7/8/Win 8.1/XP/Vista</td>
</tr>
<tr>
<td>Boyut : </td><td>137 MB</td>
</tr>
<tr>
<td>Sürüm : </td><td>15.05.06</td>
</tr>
<tr>
<td>Üretici : </td><td><a href="http://dennedy.org/" target="_blank">Dan Dennedy</a> / <a href="http://www.shotcut.org/bin/view/Shotcut/WebHome" target="_blank">Web sitesi </a></td>
</tr>
<tr>
<td>Kategori : </td><td><a href="http://etralibela-61.blogspot.com/search/label/Video%20D%C3%BCzenleme" target="_blank">Video Düzenleme</a></td>
</tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://shotcut/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF_Xd8UEWnf8Iy0_B3uWU9OsXquyVmxchLL_dgHIVdAHeIhTX77Ggf-sa-Ytp9XTuyQjQGBo3_vPURtnB-WbtNyoaZWqqrO8_udxP6eEaKUIVGUCB84kFOTCBto1qd1J2WqpijkjfykNg8/s1600/r2sun4.png" /></a></div>
<br />
Blogumuza Abone Olun<br />
Yeni Yazılar e-posta Adresinize Gelsin <br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="BilgiCafem" />
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" />
<br />
Not:  Gelen Maili Aktif Etmeyi Unutmayınız!</form>
</div>
</div>

Shotcut - Video Düzenleme Ve Filtreleme Programı

Shotcut programı bilgisayarınızda video düzenleme ve editleme işlemlerini kolayca yapmanızı sağlayan ücretsiz bir video kodlama aracı...

Devamı »

GetThemAll - Windows Phone Için Dosya İndirme Yöneticisi

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixzEIQCGttuWnL3tWVsOMzDcH1qjmuj-wF-Fyhp9ed4GkTPUYtQI9ZW05AXP2bojxeIndctzfF51r69zu2gJcpTbHgN-ZxhU0WA5ZmNr46w2hmaGVNqa5q3mDymGAeg8gzCoaPMNdPgbNc/s1600/GetThemAll.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixzEIQCGttuWnL3tWVsOMzDcH1qjmuj-wF-Fyhp9ed4GkTPUYtQI9ZW05AXP2bojxeIndctzfF51r69zu2gJcpTbHgN-ZxhU0WA5ZmNr46w2hmaGVNqa5q3mDymGAeg8gzCoaPMNdPgbNc/s400/GetThemAll.jpg" title="GetThemAll - Windows Phone Için Dosya İndirme Yöneticisi" width="400" /></a></div>
<br />
   GetThemAll uygulaması ile her türde dosyayı Windows Phone’lu cihazınıza indirebilirsiniz. Video, ses, grafik dosyaları, pdf, txt, html ve daha pek çok formattaki dosyaları indirmenize imkan tanıyan uygulama 3 seçenek sunmaktadır: HTML5 ve HD videoları indirebilir, ses dosyalarını indirebilir veya bir web sayfasındaki tüm içeriği indirebilirsiniz.Üstelik android cihazlar için ve Google chrome tarayıcısı içinde eklentisi mevcut.<br />
<br />
<b>Ücretsiz ve popüler uygulamalar arasında yer alan GetThemAll uygulamasının başlıca özellikleri:</b><br />
<br />
<ul style="text-align: left;">
<li>HTML5 ve HD videoları indirebilme</li>
<li>Müzik dosyalarını indirebilme</li>
<li>Resim dosyalarını indirebilme</li>
<li>Akıllı ve hızlı indirme yöneticisi</li>
<li>Duraklatma/Durdurma özelliği</li>
<li>Entegre dosya yöneticisi ile tüm indirilenleri düzenleme</li>
<li>Web sayfalarındaki tüm içerikleri indirebilme</li>
<li>Dahili filtre seçeneği</li>
</ul>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.windowsphone.com/tr-tr/store/app/getthemall/b35d35ae-17c9-44a1-b751-287e347045cb" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIBia72Y4Nw9L32ZNry8tsREQ1AvtpgH1tU3NqYicO4dNL9W9m_5cB-n7hBQo-LJGJWOiuUX_5lnGTVBLQXIc8Ff_ABSffVt7O0LhH9NlHsRQpQ5EhNQ0nA8RMVri4sCgsJqJ6OZS9BZdO/s200/WindowsStore_badge1.png" width="200" /></a></div>
<br /></div>
Blogumuza Abone Olun <br />
Yeni Yazılar e-posta Adresinize Gelsin<br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /><br />
Not:  Gelen Maili Aktif Etmeyi Unutmayınız!</form>
</div>
</div>

GetThemAll - Windows Phone Için Dosya İndirme Yöneticisi

GetThemAll uygulaması ile her türde dosyayı Windows Phone’lu cihazınıza indirebilirsiniz. Video, ses, grafik dosyaları, pdf, txt, htm...

Devamı »

Classic Style Css3 Navigation Bar

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtU9i5li63KBTHuUQEJwHgH5hpEboPEBMLa7wwQLccNIYSHCrMIr_acbUeeb7od5fRwkihDbIqHYwDB_2LAq3pKo1zgcgLu1nASBpo-kA1mLwoqOaxJ6n03qRt0suV6u1zCPKgcqX3We82/s1600/Classic+Style+Css3+Navigation+Bar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtU9i5li63KBTHuUQEJwHgH5hpEboPEBMLa7wwQLccNIYSHCrMIr_acbUeeb7od5fRwkihDbIqHYwDB_2LAq3pKo1zgcgLu1nASBpo-kA1mLwoqOaxJ6n03qRt0suV6u1zCPKgcqX3We82/s1600/Classic+Style+Css3+Navigation+Bar.png" title="Classic Style Css3 Navigation Bar" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
   Blogger <a href="http://etralibela-61.blogspot.com/search/label/Blogger%20Men%C3%BC%20Kodlar%C4%B1" target="_blank">menüleri</a> kategorimize yeni ve sade bir menü seçeneği daha ekliyoruz.Navigation CSS3 ile yazılmış bu menü oldukça kullanışlı ve blog sitenize ekleme veya kaldırma kolaylığı ile işinizi rahatlıkla yapabilirsiniz.CSS3 kodlarında değişiklikler yaparak daha kullanışlı ve farklı bir tasarım elde edebilirsiniz veya renkleri temanıza göre de düzenleyebilirsiniz.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
   Şimdi bu menüyü blog sitemize nasıl ekleyebilir ona göz atalım.</div>
<div class="separator" style="clear: both; text-align: left;">
<b>1.</b> Kumanda paneli > Şablon > HTML Düzenle yolunu izleyelim.</div>
<div class="separator" style="clear: both; text-align: left;">
<b>2.</b> CTRL+F kısa yol tuşları ile aşağıda ki kodu aratın.</div>
</div>
<pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><span style="color: red;">]]></b:skin></span>
</code></pre>
<b>3. </b>Yukarıda ki kodu bulduktan sonra hemen üst kısmına altta ki CSS3 kodlarını ekleyin.</div>
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code>/* The CSS Code for the menu starts here http://etralibela-61.blogspot.com/ */
#blogtrix_classic-menu{width:900px;background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguMGB9ptprTuc91Y6kt9lYgbQHQfeHg7UWwYNgauzN5R-SVKwK_pgXEw9tdr3e7JfbuKXxJS0Pl4bq62vByIyRzD3VCcbrP1CWuvaFb9CNanYTQZQ3U3gaXXP0tPW8TgbqOAQoTQ4598k/s1600/btrixfooter_bg.png) repeat-x scroll top;color:#ddd;height:35px;-webkit-box-shadow:0 1px 5px #aaa;-moz-box-shadow:0 1px 5px #aaa;-ms-box-shadow:0 1px 5px #aaa;-o-box-shadow:0 1px 5px #aaa;box-shadow:0 1px 5px #aaa;border-bottom:1px solid #000;padding-top:8px;border:none 5px #000000;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#blogtrix_classic-menu ul,#blogtrix_classic-menu li{margin:0 auto;padding:0 0;list-style:none}
#blogtrix_classic-menu ul{height:35px;width:980px}
#blogtrix_classic-menu li{float:left;display:inline;position:relative;font:14px Skranji;text-transform:uppercase;}
#blogtrix_classic-menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#ddd;}
#blogtrix_classic-menu li a:hover{color:#fff}
#blogtrix_classic-menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#blogtrix_classic-menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#blogtrix_classic-menu label span{font-size:12px;position:absolute;left:35px}
#blogtrix_classic-menu ul.menus{height:auto;overflow:hidden;width:180px;background:#f1eeed url(http://3.bp.blogspot.com/-7ppDp44Yxtc/UUa_IMHEhpI/AAAAAAAAAjQ/F9QEGUl5S3w/s1600/index.png);position:absolute;z-index:99;display:none;}
#blogtrix_classic-menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;text-shadow:none}
#blogtrix_classic-menu ul.menus a{color:#333}
#blogtrix_classic-menu li:hover ul.menus{display:block}
#blogtrix_classic-menu a.prett{padding:0 27px 0 14px}
#blogtrix_classic-menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#ddd transparent transparent transparent;position:absolute;top:14px;right:9px}
#blogtrix_classic-menu ul.menus a:hover{background:#ddd;color:#333}
.page-blogtrix_classic-menu{width:70%;margin:18px auto;padding:0;float:right;text-shadow:0 1px 0 rgba(0,0,0,0.7)}
.page-blogtrix_classic-menu ul{list-style:none;color:#ddd;width:700px;margin:0 auto;padding:0}
.page-blogtrix_classic-menu ul li{list-style:none;line-height:32px;display:inline-block}
.page-blogtrix_classic-menu li a{color:#ddd;display:block;font-size:14px;font-family:Arial;position:relative;text-decoration:none;text-transform:capitalize;padding:0 10px}
.page-blogtrix_classic-menu li a:hover,.page-blogtrix_classic-menu .selected{color:#fff;text-decoration:none;background: rgba(0,0,0,.4);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset}
</code></pre>
<b>4.</b> Şablonu kaydedip tekrar kumanda paneline giriş yapalım ve altta ki sıralamayı tekrar yapalım.<br />
    <b>1.</b> Kumanda paneli > Yerleşim > Gadget ekle > HTML/Javascript yolunu izleyin<br />
   <b> 2.</b> Açılan gadget içerisine altta ki HTML kodlarını ekleyin ve kendinize göre düzenledikten sonra kaydedin.<br />
   <b> 3.</b> Menülerin ana sayfanız da görünmesini istediğiniz kısıma sürükleyerek bırakın.<br />
<pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><div id="blogtrix_classic-menu">
<ul>
<li><a href="/"><span style="color: red;">Home</span></a></li>
<li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Menu 1</span></a></li>
<li><a class="prett" href="<span style="color: blue;">#</span>"><span style="color: red;">Drop list</span></a>
<ul class="menus">
<li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Drop list 1</span></a></li>
<li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Drop list 2</span></a></li>
<li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Drop list 3</span></a></li>
</ul>
</li>
<li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Menu 2</span></a></li>
<li><a class="prett" href="<span style="color: blue;">#</span>"><span style="color: red;">Drop list 1</span></a>
<ul class="menus">
<li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Drop list 1</span></a></li>
<li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Drop list 2</span></a></li>
<li><a href="<span style="color: blue;">#</span>"><span style="color: red;">Drop list 3</span></a></li>
</ul>
</li>
</ul>
</div>
</code></pre>
<br />
<br />
<br />
Blogumuza Abone Olun <br />
Yeni Yazılar e-posta Adresinize Gelsin<br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BilgiCafem', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
Not:  Gelen Maili Aktif Etmeyi Unutmayınız!</div>
</div>

Classic Style Css3 Navigation Bar

Blogger menüleri kategorimize yeni ve sade bir menü seçeneği daha ekliyoruz.Navigation CSS3 ile yazılmış bu menü oldukça kullanı...

Devamı »

Teknik Elektrik

Android için En İyi Ses Kaydetme Uygulamaları

Numaralı Liste Nasıl Oluşturulur?

Brothers in Arms® 3 Savaş Oyunu

jQuery & Css Açılır(Dropdown) Menü

jQuery Smooth Featured SlideShow

Google Custom Search Box CSS3 Gezinti Çubuğu

Blogger Mega Drop Down Açılır Menü

Prorat 1.9 Server Nasıl Oluşturulur?

CSS İle Yatay Açılır Menü Yapımı

Shotcut - Video Düzenleme Ve Filtreleme Programı

GetThemAll - Windows Phone Için Dosya İndirme Yöneticisi

Classic Style Css3 Navigation Bar

Popüler Yayınlar

Blog Arşivi