Teknik Elektrik

Yazıların altında açıklama Kodu

<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/AVvXsEg4M52LFYZYpAWV7HhaCM_bSqUlJQPFuEYlZn00QgM0-Rc0-xi6Sa0AB16nMy78jpM1q75H2f_Nwc1trOkAbMBtCrzYNE7Y9oTHql09meg9CPj_fBPmn0xk8M-ViA0dWyAK22Kj0YaoCkl7/s1600/blog-yazmak.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="319" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4M52LFYZYpAWV7HhaCM_bSqUlJQPFuEYlZn00QgM0-Rc0-xi6Sa0AB16nMy78jpM1q75H2f_Nwc1trOkAbMBtCrzYNE7Y9oTHql09meg9CPj_fBPmn0xk8M-ViA0dWyAK22Kj0YaoCkl7/s1600/blog-yazmak.jpg" title="Yazıların altında açıklama Kodu" width="320" /></a></div>
<br />
   Konu başlığında da gördüğünüz gibi ve verecek olduğum olduğum örnekte bu kodu farklı özellikler ve amaçlar için kullanabilirsiniz.Özellikle başlık açıklamaları veya yazılarınız altında aynı kategoriye ait farklı başlık ve açıklamalarını gösterebilirsiniz.<br />
<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="300" src="//jsfiddle.net/LLLqmmfz/embedded/" width="100%"></iframe><br />
<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><script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Sandeep Gangadharan | http://www.sivamdesign.com/scripts/ */
if (document.getElementById) {
document.write('<style type="text/css">.texter {display:none; border-left:white 20px solid; color:#404040; font: .9em verdana, arial, helvetica, sans-serif; margin-bottom: 12px;}</style>') }

<div onClick="openClose('a1')" class="mainExpand"><span style="color: red;">1] Example & Explanation</span>:</div>
<div id="a1" class="texter">
<span style="color: blue;">Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam </span>
</div>

<div onClick="openClose('a2')" class="mainExpand"><span style="color: red;">2]</span> <span style="color: red;">Compatibility</span>:</div>
<div id="a2" class="texter">
<span style="color: blue;">Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus </span>
</div>

<div onClick="openClose('a3')" class="mainExpand"><span style="color: red;">3]</span> <span style="color: red;">Notes</span>:</div>
<div id="a3" class="texter">
<span style="color: blue;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut </span>
</div>

</code></pre>
<br />
Yukarıda ki kod içerisinde <span style="color: red;">kırmızı</span> renkle belirttiğim kısımlara başlık metinleri <span style="color: blue;">mavi</span> kısımlara ise başlıklara ait açıklamalarını yazacak olduğunuz bölümlerdir.<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!" /><br />
Not:  Gelen Maili Aktif Etmeyi Unutmayınız!</form>
</div>
</div>

Yazıların altında açıklama Kodu

Konu başlığında da gördüğünüz gibi ve verecek olduğum olduğum örnekte bu kodu farklı özellikler ve amaçlar için kullanabilirsiniz.Öze...