Bugün en çok sorulan sorulardan bir tanesi olan "Açılan Metin Kodu" 'ydu.Biliyorsunuz ki Google bu tür kodları çok kullanıyor bugün ise bu kodları sizinle paylaşıcağız.Hemen Altta ki Uygulamaları Oluşturun.Sizde Yapınız..
- Aşağıda bulunan kodu blogunuzun ve ye sitenizin <head> ile </head> bölgeleri arasına yerleştiriniz.
<style type="text/css">
/*<![CDATA[*/
/* MAVİİNDİR WEB TASARIM*/
dd {
display: none;
}
/*]]>*/
</style>
- Aşağı da bulunan kodu ise istediğiniz sayfaya ve ya widgete ekleyebilirsiniz.
<dl>
<dt>
Tıklanınca Açılacak Olan Metin.. <a href="javascript:return false;" class="closed">Detaylar</a>
</dt>
<dd>
Bu bölüme açılacak metin geliyor.
</dd>
<dt>
Eğer siz.. <a href="javascript:return false;" class="closed">Detaylar</a>
</dt>
<dd>
Bu bölüme açılacak metin geliyor.
</dd>
<dt>
Ve buraya.. <a href="javascript:return false;" class="closed">Detaylar</a>
</dt>
<dd>
Bu bölüme açılacak metin geliyor.
</dd>
</dl>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script><script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("dt").click(function(){ // trigger
$(this).next("dd").slideToggle("fast");
$(this).children("a").toggleClass("closed open");
});
});
//]]>
</script>
Umarım İşinize Yaramıştır.Bu yayınla ilgili yorumlarınızı yorum olarak iletebilirsiniz..
No comments:
Post a Comment