Yüzlerce blog yazınızın içine tek tek kodları eklemek zorunda kalmadan bugün sizlerle paylaşacağım ufak bir Blogger widget kodu sayesinde, bileşenlerinizi istediğiniz herhangi bir paragrafın sonuna otomatik olarak yerleştirebileceksiniz.

Bu Kod Ne İşe Yarıyor?

Aşağıda paylaşacağım kod, temel olarak yazılarınızın içindeki paragrafları (<p> etiketlerini) sayar ve belirlediğiniz reklamı otomatik olarak  paragrafın hemen sonuna yerleştirir.

Aşağıdaki kodu Blogger temanızın uygun bir bölümüne eklediğinizde sistem otomatik olarak çalışmaya başlayacaktır. 

 <b:widget cond='data:view.isSingleItem' id='HTML01' locked='true' title='Component Widget' type='HTML' version='2' visible='true'>
 <b:widget-settings>
 <b:widget-setting name='content'/>
 </b:widget-settings>
 <b:includable id='main'>
 <div class='widget-content'>
 <b:if cond='data:content != &quot;&quot;'>
 <data:content/>                     
 <b:else/>
 <div class='ads'>Bileşenler Burada Gösterilir</div>
 </b:if>

 <script>/*<![CDATA[*/ 
 function insertAfter(tbh,tgt) 
 {var prt = tgt.parentNode; if   (prt.lastChild == tgt)    {prt.appendChild(tbh);} else 
 {prt.insertBefore(tbh,tgt.nextSibling);}} 
 var tgt = document.getElementById('post-body'); 
 var midAd01 = document.getElementById('HTML01'); 
 var showAd01 = tgt.getElementsByTagName('p'); if (showAd01.length > 0) {insertAfter(midAd01,showAd01[2]);};
 /*]]>*/</script>
 </div>
 </b:includable>
 </b:widget>

Paragraf Sırasını Değiştirmek: Kodun en altındaki Javascript bölümünde yer alan showAd01[2] ifadesi, reklamın 3. paragraftan sonra çıkmasını sağlar (Yazılım dilinde saymaya sıfırdan başlanır: 0, 1, 2). Eğer reklamın 2. paragraftan sonra çıkmasını isterseniz bu sayıyı `[1]` yapmanız, 5. paragraftan sonra çıkmasını isterseniz `[4]` yapmanız yeterlidir.

Bileşen Eklemek: Bu kodu temanıza ekledikten sonra Blogger panelinizdeki Düzen sekmesine gidin. Orada "Component Widget" adında yeni bir HTML/Javascript aracı göreceksiniz. Google AdSense veya diğer kodlarınızı doğrudan bu aracın içine yapıştırabilirsiniz.

Kodla ilgili sorularınız olursa yorumlarda buluşalım!