Google adsense reklamlarından iyi bir sonuç almak için yazı içine yerleştirmeyi deneyebilirsiniz.Yazı içine adsense reklamlarını yerleştirmek için bazı yardımcı kodlara ihtiyacımız var.Yazı içine yerleştirme yapabilmek için aldığımız adsense reklam kodlarımızı olduğu gibi sitemizin CSS kodlarına yerleştiremeyiz,bunun için convert ederek bunları yapabilirsiniz.İşte bu yazımda size adsense reklamlarını nasıl yazı içine yerleştireceğinizi anlatacağım.

Size ait olan adsense reklam kodlarını baştan buradan convert ettikten sonra aşağıda verdiğim kodların içine yerleştirin.

* AdSense Reklamını Yazının Solunda Gösterme kodu

<b:if cond='data:blog.pageType == "item"'>  
<div style="float:left;margin-right: 5px;"> 
Convert edilmiş adsense kodları buraya gelecek</div> 
</b:if> 

* AdSense Reklamını Yazının Sağında Gösterme kodu

<b:if cond='data:blog.pageType == "item"'>  
<div style="float:right;margin-left: 5px;"> 
Convert edilmiş adsense kodları buraya gelecek</div> 
</b:if>

Bu kodları eklemek için ( Blogger için anlatıyorum) Blogger'da yazı içine resim ekler gibi HTML sekmesini açarak kodları ekleyebilirsiniz.

*AdSense Reklamını Yazı Başlığının Altında Gösterme  kodu

Şablon > HTML Düzenle'ye gidildikten sonra
 <div class='post-footer'> kodunu bulup hemen üstüne

<b:if cond='data:blog.pageType == "item"'> 
<div align='center'>  
Convert Edilmiş Gooogle Adsense Reklam Kodu Buraya Gelecek      
</div> 
 </b:if>

* AdSense Reklamını Yazının Sonuna Ekleme kodu
Sitenizin CSS kodları içinde <div class='post-footer'> bulun ve hemen üstüne

<b:if cond='data:blog.pageType == "item"'> 
<div align='center'>  
Convert Edilmiş Gooogle Adsense Reklam Kodu Buraya Gelecek      
</div> 
 </b:if>

Blogger Yazı İçine Reklam Ekleme - AdSense Reklamlarını Blogger'da Yazı İçine Ekleme - Adsense Reklamları Blogger'da Yazı İçine Nasıl Eklenir? - Blogger'da Yazı içine Adsense Reklamı Koyma - Blogspot Yazı Ortasına Içine Başına Sonuna Adsense - Yazı içine adsense ekleme - Blogger Yazı İçinde Adsense Reklam Gösterme - Blogger Yazı İçine Reklam Ekleme - Blogger Yazı İçine Adsense Reklamı Yerleştirme

Sitene Rastgele Yazılar Kodu ekle.Sitenizdeki yazıları gösteren güzel bir kod yazılımı.Sayfalar değiştikçe farklı bir konu gösteren  bir kod.Blogger bloğunuza eklemek için. Yerleşim - Gadget ekle -HTML/JavaScript - Kaydet diyerek sitenizde nerede gözükmesini istiyorsanız oraya yerleştiriyorsunuz.Kodda değişiklik yapmanıza gerek yok direk çalışmaya başlayacaktır.

<script type="text/javascript">var randarray=new Array();var l=0;var flag;var numofpost=10;function randomposts(json){var total=parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i<numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){flag=1}}if(flag==0&&l!=0){randarray[i++]=l}}document.write('<ul>');for(n in randarray){var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){var item="<li>"+"<a href="+entry.link[k].href+">"+entry.title.$t+"</a></li>";document.write(item)}}}document.write('</ul>')}</script><script src="/feeds/posts/summary?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"type="text/javascript"></script>

Blogger resimli son yorumlar eklentisi.Bu yazımda sizlerle bu eklentiyi paylaşmak istiyorum.Blogger resimli son yorumlar eklentisi benimde sitemde kullandığım güzel bir eklenti.

Eklentinin  içinde kaç yorum gözükmesini istiyorsanız kodun içinden o değeri değiştirebiliyorsunuz.

Değiştirmeniz gereken yerleri kırmızı ile işaretledim.Kendi sitenizin linkini işaretlediğim yere yapıştırınız.Bu işlemi yapmazsanız eklenti çalışmaz.

Bu kodu sitenizin Gadget Ekle kısmına ekliyorsunuz.Sitenizde nerede durmasını istiyorsanız gadgeti oraya sürükleyip kaydedebilirsiniz.Kolay Gelsin...

<style type="text/css"> 
#komentar {background: #fff; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
#komentar ul{margin:0;padding:0px;list-style: none;} 
#komentar ul li:first-child {border-top:none;} 
#komentar ul li {height:46px; background: #A9D0F5; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
    
#komentar ul li:last-child {border-bottom: none;} 
#komentar ul li:hover {background: #CCFFFF; 
-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
#komentar a, #komentar a:link, #komentar a:visited {clear:both;color:#222;display:block;text-decoration:none;} 
#komentar .gamen {display: block;float: left;height: 42px;left: 4px;margin-right: 15px;position: relative;width: 42px;} 
#komentar .gamen>img { border: 2px solid #ffffff;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-shadow: 0 1px 2px #222222;background: url(http://tipstrikblogging.googlecode.com/files/Avatar%20Blogger%20Comments.jpg)repeat-x;} 
#komentar ul li div.ismen {color:#333;text-shadow:-1px -1px 1px #ccc;} 
#komentar .ismen {display: block;font-size: 1em;font-style: italic;line-height: 1.2;padding: 2px 4px 2px 0;} 
#komentar .gamen>span{width: 150px;height: auto;line-height: 20px;padding: 5px;left: 115px;margin-left: -64px;font-size: 1em;font-weight:bold;color: #212121;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 4px solid #5858FA;background: rgba(255,255,255,0.7);text-indent: 0px;border-radius: 5px;position: absolute;pointer-events: none;bottom: 100px;opacity: 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} 
#komentar .gamen>span:before, #komentar .gamen>span:after{content: '';position: absolute;bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0,0,0,0.1);} 
#komentar .gamen>span:after{bottom: -14px;margin-left: -10px;border-top: 10px solid #5858FA;} 
#komentar .gamen:hover>span{opacity: 0.9;bottom: 55px;} 
</style>
<div id="komentar"> 
<ul> 
<script type="text/javascript"> 
//<![CDATA[ 
var jmlkomentar = 5; 
var jmlkarakter = 60; 
//]]></script> 
<script src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar-Tooltip.js" type="text/javascript"></script> 
<script src="http://www.bannerekle.com/feeds/comments/default?alt=json&amp;callback=tampilkankomentar" type="text/javascript"></script> 
</ul> 
</div> 
<small></small><br /> 
<div style="font-size: 90%; text-align: right; text-shadow: 2px 2px 2px #adadad;"> 
<small></small></div>

Blogger da resimleri etiketleme

Blogger da resimleri etiketleme.Blogger da resimleri etiketleme işlemini kısaca anlatayım.

Baştan bu işlem bizim ne işimize yarayacak onun üzerinde biraz duralım.Yazılarımıza çeşitli resimler,görseller ekleriz.Bunu elinizden geldiğince yapmaya çalışın zaten.

Görsellik bir yazıya daha güzel anlamlar katar fakat çoğumuz sadece resmi ekleyip yazımızı yazıp yayınlarız.İşte bu şekilde yayına verilmiş bir yazıda Google botları (İndexleyen böcekler) sadece yazınızın başlığı veya anahtar kelimelerinizi yani yazınıza uyguladığın SEO kısımlarını dikkate alcaktır.

Halbuki resimler madem yazımızın vazgeçilmezi neden bunu es geçeriz?

Yazınıza resimleri eklediğinizde resmin üzerine bir kez tıklayınız.Karşınıza resimde görüldüğü gibi bir ayar bandı çıkacaktır.

Burada bakın başlık ekle kısmı var buraya yazınızın başlığını veya resimle ilgili bir başlık atabilirsiniz.Burayı boş bırakmayın derim.

Daha sonra hemen sağ tarafta Özellikler kısmı var buraya tıklayın
burada da karşınıza alt resimdeki gibi bir kısım çıkacaktır.


Birinci kısımda Google arama yaptığında resminizi etiketlediğiniz için sizin yazınızdaki resmi tanıyacaktır.İkinci kısma da yedek bir etiketleme kelimesi giriniz.Bu da alternatif olacaktır resminiz için.

Bu basit işlem resimlerinizin trafiğini arttıracak ve düzenlenmiş bir resim olacaktır.Bu yazınızın SEO durumunda da önemli bir çalışmadır.Kolay Gelsin...

Blogger Yeni Sayfaya Yeni Yazı Ekleme

Özel şablonlarda slayt resimlerini değiştirme

Sosyal takip butonu kodu.Sitene Sosyal takip butonu kodu ekle.Sitenize ekleyebileceğiniz güzel bir sosyal takip butonu kodu.Kodu eklemek için sitemizin gadget kısımlarını kullanıyoruz. Yerleşim-Gadget Ekle-HTML/Javascript-Kaydet diyerek işlemi bitiriyoruz. Kodun içindeki kırmızı yazılı yerlere kendi sosyal takip linklerinizi ekleyiniz.

<!-- blogkodu.blogspot.com  -->
<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/BURAYA LİNKrel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/BURAYA LİNK></a></li>
<li><a class="gp" href="https://plus.google.com/BURAYA LİNK"></a></li>
<li><a class="pi" href=http://pinterest.com/BURAYA LİNK rel="nofollow"></a></li>
<li><a class="in" href=https://www.linkedin.com/in/BURAYA LİNKrel="nofollow"></a></li>
<li><a class="yt" href=http://www.youtube.com/BURAYA LİNK></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/BURAYA LİNK rel="nofollow"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>
<!-- blogkodu.blogspot.com  -->

<!-- blogkodu.blogspot.com  -->
<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/BURAYA LİNKrel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/BURAYA LİNK></a></li>
<li><a class="gp" href="https://plus.google.com/BURAYA LİNK"></a></li>
<li><a class="pi" href=http://pinterest.com/BURAYA LİNK rel="nofollow"></a></li>
<li><a class="in" href=https://www.linkedin.com/in/BURAYA LİNKrel="nofollow"></a></li>
<li><a class="yt" href=http://www.youtube.com/BURAYA LİNK></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/BURAYA LİNK rel="nofollow"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>
<!-- blogkodu.blogspot.com  -->

Bu yazımda blogger tema adreslerini paylaşmak istedim.Bildiğiniz gibi Blogger şablonları biraz basit kalmakta.Bunun için zamanla sitemizde ki şablonları değiştirmek istemekteyiz.

Blogger'a uygun bir çok özel şablon bulunmakta. Blogger tema (şablon)  adreslerini aşağıda sıraladım. Bu sitelerde yüzlerce şablon bulunmakta.Kullanımı da oldukça basit bu şablonların.Nasıl yükleme yapacağını bilmeyenler buradan nasıl yükleme yapılacağına bakabilirler.Menü kısımlarını kendi isteğinize göre düzenlemek için bu yazımı okuyabilirsiniz.

Blogger Tema Adresleri:

www.premiumbtemplates.com
www.newbloggerthemes.com
www.kaizentemplate.com
www.freewebsitetemplates.com
www.bloggertemplatestore.com
www.templateure.com
www.spbk.org
www.mastemplate.com
www.mybloggerthemes.com
www.templateism.com
www.evaneckard.com/wp-themes
www.btemplates.com
www.dhetemplate.com
www.10bloggertemplates.com
www.blogger-templates.org

Sitene slayt kodu ekle

<!-- blogkodu.blogspot.com -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){$("#featured > ul").tabs({fx:{opacity:"toggle"}}).tabs("rotate",5000,true);});
</script>
<style type="text/css">
#featured{
width:400px;
padding-right:250px;
position:relative;
height:250px;
background:#fff;
border:5px solid #ccc;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:250px;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured .ui-tabs-panel{
width:400px; height:250px;
background:#999; position:relative;
overflow:hidden;
}
#featured .ui-tabs-hide{
display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
display:block;
height:60px;
color:#333; background:#fff;
line-height:20px;
outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidCgtaGT9Ufp1V3nmmRpine9edWz0mQ4UWZR3pt_kmG6vsIx22H1p9dXrDf1WjT9-pL0zyHbAk0aJaaCWiB5MZtj7J0H57E44M7pj9vYWkgI5SjzGL9aTRM8J7fPWs_q60Ft4JKqgkdj9H/s1600/selected-item.gif')
 top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px; width: 400px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAwUZYvGlnR2kojmDAFViYT8xLcabxkEM2nZB29JdMIthF3PURhMJdmCrbZxl2Ex92x-8HgG3-9kLPF54CEyv03pHWjMpfoUsOyAT3JSTBpz5CMVlNBBbLzb4VI0LDm-8NXTLfCidJfoHF/s1600/117s1g9.jpg') ;
}
#featured .info h2{
font-size:14px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
</style>
<div id="featured">
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item" id="nav-fragment-1"><a
href="#fragment-1"><img alt="featured 1"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5C0_Yhnh09hKrF_ZLJOt0ye6XDCJQGo9kvnPp_OSMYG23Cvw7TQZH-c4iVNw5Hc5oOoUJ_W_5dOpzCMIf-ziADM_bKNTi2oS6zZJLSHBnG_zJHMHwXh22EJtpVqbFcOAqJKYqP5eMV3Fq/s1600/1.png"/><span>TITLE
 1</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a
href="#fragment-2"><img alt="featured 2"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj7iRONfHYFPK_l66-J_VnOTV8vk_RvpqBlbV-_fAYM3pexnIYFFyBtpI2B5f8y9LRszIadTSbSvES-68H5IRVMQjOyl9R7PU3MB1fLReySm1wgOuRjfoGVAZCh5rR2hjzEnd8s6CLCsoj/s1600/2.png"/><span>TITLE
 2</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a
href="#fragment-3"><img alt="featured 3"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSRX9ZR_3xYZmo0Jbywejh5RL-JPSxGy-pY5O_dTrF89lHyM5BYA7ZqeypAJ7CtA2B5MitmHP3eRMR25BXh0AgdmM3ZMn20F7SfTlUtWRI3hjc9Q-_7VHNfn9N5mQ9YM9h6S9HaB2kb0qd/s1600/3.png"/><span>TITLE
 3</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a
href="#fragment-4"><img alt="featured 4"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFLIBXG7d9pcPG-sSftmk_egrmZX0fzufCCJg5jN1rMInV441NHLfcj68mBYrLqNOv9IPqWD5gwYNY1WTvX4RxOqtGxY757hn8NBf4LkohSy_ai0kLhq8SMJNZ6jWHcRnVRLS68w4nQj7p/s1600/4.png"/><span>TITLE
 4</span></a></li>
</ul>
<!-- SLAYT BAŞLANGICI RESİM EKLE -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuM835YByyDIGL74huhdXZFD312WFQ-oyxbxwfXMOUhYFkZqeoGldlRyzdTS-kewN0HI_01M4JKNY5vACsA00z2YtZUtXgHUJMNLCDynPvxJLESgJ-w5_ybsw-QE3dU12ogX96jfTUFknB/s1600/blogkodu1.png"/>
<div class="info">
<h2><a href="#" target="_blank">RESİM BAŞLIĞI EKLE 1</a></h2>
<p>RESİM AÇIKLAMA EKLE</p>
</div>
</div>
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuEY1EkBz14TCTR8VUO04R61DARSPTcYT1sWtGl0zTod4_VZV8ubKipD5IrCUxMNUk6X2hV8RLDhWQnRzF6ltvavzgEUnmaQCGht5JNStc7-q6boun2vDQlPgRKH9mjNPgWwIAI3Hv5XWr/s1600/blogkodu2.png"/>
<div class="info">
<h2><a href="#" target="_blank">RESİM BAŞLIĞI EKLE 2</a></h2>
<p>RESİM AÇIKLAMA EKLE 2</p>
</div>
</div>
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYU3dP-GaPd744GFFNIZBuk0NFCmUC37NLhiWDZqy0QrYOMgkrHfxAe5Xtpu4f3WdQGGJCVSeIJ926bcEaPT4o9qUCLshYjzRYHPm916k5aZw7FWjAlbQdYM9FHn66Eb4byyJH87b00cN/s1600/blogkodu3.png"/>
<div class="info">
<h2><a href="#" target="_blank">RESİM BAŞLIĞI EKLE 3</a></h2>
<p>RESİM AÇIKLAMA EKLE 3</p>
</div>
</div>
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikbb_2THeLNp6_U6_08Y4a-NxlOThDl5VRz4irbrKAumChXfvZD5NO7mBZbyqLSVC5dzX4gce-gjOrd6eePsktBKmhzdf72thA3vXrRg7QXPXzEUUqqWbgCPfVlP5j5pHr3fF2_GTmvxsn/s1600/blogkodu4.png" />
<h2><a href="#" target="_blank">RESİM BAŞLIĞI EKLE 4</a></h2>
<p>RESİM AÇIKLAMA EKLE 4</p>
</div>
</div>
<div style="clear:both;"></div>
<br/>
<div></div>
<!-- blogkodu.blogspot.com -->