Site Mühendisi - Daha İyi Siteler İçin: Blogger Eklenti

Blogger Eklenti etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger Arama Kutusu

<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgifF30RG5-i-LCFhnLdnuKw2M5_k7nCocSr47GPlfOE8g0cfbkbOV6Pkil4Xsg_MevpDj611XiIJCArFZCISCsmXe4aU7hDR05eiaEJ1u8oiImAMLkmf-M3UIUgdDvv1-dBPSuNOO1MN5g/s1600/blogger+arama+kutusu.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgifF30RG5-i-LCFhnLdnuKw2M5_k7nCocSr47GPlfOE8g0cfbkbOV6Pkil4Xsg_MevpDj611XiIJCArFZCISCsmXe4aU7hDR05eiaEJ1u8oiImAMLkmf-M3UIUgdDvv1-dBPSuNOO1MN5g/s1600/blogger+arama+kutusu.jpg" /></a></div>
Blogunuza giren bir kişinin aradığını bulabilmesi için blogunuzda böyle bir <b>arama kutusu (search box) eklentisi </b>kullanmanız şarttır.<br />
<br />
Benim de bizzat kullandığım ve yanda gördüğünüz arama kutusunu blogunuza rahatlıkla ekleyebilir ve bu sayede blogunuza giren kişilerin aradığını rahatlıkla bulmasını sağlayabilirsiniz.<br />
<br />
 Lafı çok uzatmadan arama kutusunu blogunuza nasıl ekleyeceğinizi anlatayım.<br />
<br />
<br />
<b>Blogger Kumanda Paneline girip Yerleşim>Gadget Ekle kısmından Html/Javascript seçeneğini seçip aşağıdaki kodu oraya yapıştırmanız yeterli olacaktır.</b> <br />
<br />
<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 type="text/css">
    #search_BH {
    }
    #search_BH input[type="text"] {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTTiRteWpMzrFO_Z0xwG4jitQaUiaD9Mh-iPQnQ7fYSjZzggB77_6p0Bj67BsqYKnA3nkovYBqoA4aIYJlL6RN7PCRTdCNZIlWp0UxGdgOyIWt0BfCfJl0lySYlQY05mONpl359Rf5vd9c/s15/search-dark.png) no-repeat 10px 6px #444;
        border: 0 none;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #777;
        width: 150px;
        padding: 6px 15px 6px 35px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        }
    #search_BH input[type="text"]:focus {
        width: 200px;
        }
    </style>

<h2 class='title'>Blogda Ara</h2>
    <div class='widget-content'>
    <center><form method="get" action="/search" id="search_BH">
      <input name="q" type="text" size="40" placeholder="Ara..." />
    </form></center>
</div>
</code></pre>
<br />
<br />
Eğer isterseniz kodun; <br />
<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><h2 class='title'>Blogda Ara</h2></code></pre>
<br />
kısmındaki <b>Blogda Ara</b> başlığını kendinize göre ayarlayabilirsiniz.<br />
<br /></div>

Blogger Arama Kutusu

Blogunuza giren bir kişinin aradığını bulabilmesi için blogunuzda böyle bir arama kutusu (search box) eklentisi kullanmanız şarttır. Be...

+ Devamı »

Blogger Kopyalama Yasağı

<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-_rrhog1ai_aQwjbEFeBnOQsIrxxJuAnQXV4h9IXqVLfd3iSYWi78RIQVSOTTZqM-jkuwgV4pbGTLJpg6-HkwAESCI3yqcAcWIlDFnxKYyh0bg3oCcy6PqWsq780L65sAUW_qaQqtFSz6/s1600/sag-tus-engelle-blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-_rrhog1ai_aQwjbEFeBnOQsIrxxJuAnQXV4h9IXqVLfd3iSYWi78RIQVSOTTZqM-jkuwgV4pbGTLJpg6-HkwAESCI3yqcAcWIlDFnxKYyh0bg3oCcy6PqWsq780L65sAUW_qaQqtFSz6/s1600/sag-tus-engelle-blogger.jpg" /></a>Siz belki saatlerce araştırma yapıp veya günlerce düşünüp bir yazı yazarsınız sonra bir bakarsınız ki yazınız başka bloglarda okunmaya başlanmış. Bloggerların en büyük sorunlarından biridir bu.<br />
<br />
Bunu tamamen engelleyemesekte en azından zorlaştırmanın bir yolu var. Bu kod ile blogunuzdaki sağ tık ve yazıyı seçme özelliklerini kaldırırsınız böylece yazınızı kopyala-yapıştır yöntemi ile çalamazlar.<br />
<br />
<br />
Aşağıdaki kodu blogger panelinden <b>Şablon> HTML'yi Düzenle</b> kısmına girip <b></body></b> etiketinin hemen üstüne yapıştırmanız yeterli.<br />
<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> <script language="JavaScript1.2">

//Disable select-text script (IE4+, NS6+)- By Andy Scott

//Exclusive permission granted to Dynamic Drive to feature script

//Visit http://www.dynamicdrive.com for this script

function disableselect(e){

return false

}

function reEnable(){

return true

}

//if IE4+

document.onselectstart=new Function (&quot;return false&quot;)

//if NS6

if (window.sidebar){

document.onmousedown=disableselect

document.onclick=reEnable

}

</script>

document.oncontextmenu = function(){return false}

if(document.layers) {

window.captureEvents(Event.MOUSEDOWN);

window.onmousedown = function(e){

if(e.target==document)return false;

}

else {

document.onmousedown = function(){return false}

}</script>
</code></pre>
<br />
<br /></div>

Blogger Kopyalama Yasağı

Siz belki saatlerce araştırma yapıp veya günlerce düşünüp bir yazı yazarsınız sonra bir bakarsınız ki yazınız başka bloglarda okunmaya başl...

+ Devamı »

Blogger Yazının İçine Kod Ekleme

<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4MFz8UOyNa_bFOucQHZSrzSV17WVsn7MOa37SFcs1WyDRgy8EQ60MSbNfQTsRw3cVZUK0FbzgyrMw9PjD1ownX5H7-NDFDzVRy05LB2RfhWmo-q1Zt-LUYX8jpvz2Yp2BZpsEePk2SZN2/s1600/blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4MFz8UOyNa_bFOucQHZSrzSV17WVsn7MOa37SFcs1WyDRgy8EQ60MSbNfQTsRw3cVZUK0FbzgyrMw9PjD1ownX5H7-NDFDzVRy05LB2RfhWmo-q1Zt-LUYX8jpvz2Yp2BZpsEePk2SZN2/s1600/blogger.png" /></a></div>
Webmaster, Blog, Blogger, Wordpress gibi konularda blog yazan bloggerlar yazdıkları yazının içinde verdikleri kodun belirgin olması konusunda bazı sıkıntılar çekiyorlar. Bu konuda araştırma yaparken onların işini çok kolaylaştıracak bir blog buldum ve paylaşmaya karar verdim.<br />
<div style="text-align: center;">
<a href="http://formatmysourcecode.blogspot.com/" target="_blank"><b>Bloga Gitmek İçin Buraya Tıklayın</b></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<b>"Paste your text here" </b>yazan yere paylaşmak istediğiniz kodu yazıp Fotmat Text butonuna tıklayarak kodunuzun daha belirgin bi şekilde görünmesini sağlayabilirsiniz. Örnek:</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<br /></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>Örnek Yazı
http://sitemuhendisi.blogspot.com
</code></pre>
<br />
Artık yapmanız gereken tek şey kodunuzu kopyalayıp yazınızın HTML kısmında nereye isterseniz oraya yapıştırmak olacaktır.<br />
<br /></div>

Blogger Yazının İçine Kod Ekleme

Webmaster, Blog, Blogger, Wordpress gibi konularda blog yazan bloggerlar yazdıkları yazının içinde verdikleri kodun belirgin olması konus...

+ Devamı »

BLOGGER YUKARI ÇIK EKLENTISI

<div>
<div id="post_message_95865">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ2NxfoeNVedndDva1Vu0kC1WjB8W9UGjtzK2WHBAeZc1jEyuqrdlhdfRhaHgfI6Jy78hW9U3q97P7anR6TzmIeYBjKMb_fSyNK_oa2VwX-pvXJ8qVNXV3xKTULpnBp20YGSYWQ7mKJ9M4/s1600/new-blogger-updates-and-features.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ2NxfoeNVedndDva1Vu0kC1WjB8W9UGjtzK2WHBAeZc1jEyuqrdlhdfRhaHgfI6Jy78hW9U3q97P7anR6TzmIeYBjKMb_fSyNK_oa2VwX-pvXJ8qVNXV3xKTULpnBp20YGSYWQ7mKJ9M4/s1600/new-blogger-updates-and-features.png" /></a></div>
Günümüzün en popüler eklentilerinden olan yukarı çık butonu sonsuz kaydırma eklentisi kullanan bloglar ve buna benzer temalarda gerekli eklentiler arasındadır.</div>
</div>
Eklentimizin kurulumu için.<br />
<b>Blogger admin paneli > şablon + HTML</b>‘yi düzenle kısmından aşağıdaki kodu bulun..<br />
<b></body></b><br />
yukarıdaki kodun bir satır üstüne aşağıdaki kodumuzu ekleyin.<br />
<div>
<div>
Kod:</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>   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src='http://www.weebly.com/uploads/2/2/5/0/22502308/yukaricik.js' type='text/javascript'></script> 
</code></pre>
</div>

BLOGGER YUKARI ÇIK EKLENTISI

Günümüzün en popüler eklentilerinden olan yukarı çık butonu sonsuz kaydırma eklentisi kullanan bloglar ve buna benzer temalarda gerekli ...

+ Devamı »

AdSense Reklamlarını Blogger’da Yazı İçine Ekleme

<strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;">AdSense Reklam Kodlarını Convert Etme</strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;"> </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">Blogunuzun sidebar yani kenar çubuğuna eklediğiniz AdSense kodlarını yazı içerisine eklemeden önce convert etmeniz gerekir. Bunun için pek ücretsiz online araç mevcut. Google’da “adsense code converter” diye bir arama yaparsanız onlarca araç bulabilirsiniz. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">Bunlardan birini açarak kutuya adsense reklam kodlarınızı yapıştırdıktan sonra “convert” butonuna bastığınızda kodlarda ki bazı karakterlerin değiştiğini göreceksiniz. Convert edilmiş reklam kodu artık blog yazısına eklemeye hazır hale gelmiştir. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeP6tYsdJLZ2T-v-Fng3r7zPjb5tQ6XhkR-Fo2CxaFLizQgSEf8lEZiLms0qeZStxiGpS892lkQckxHve72Q8vcEdP-3lwZXvssuOulJn5C1nKLQEo9NsDzMxiuFySkzBaaBqZtuwMLrRq/s1600-h/adsense-convert9.png" style="background-color: white; color: #669900; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px; text-decoration: none;" target="_blank"><img alt="Adsense reklam kodlarını convert etme" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtXUXqweaflzEVysqwwy7VGK2w3gl8gDqmCzsU9iICQyp3RjfNsTtbnAKSx1VrhddvkOz467x64TpjLxn2Wx8uJSIa_QQh4Q2e9xlIUFbZ-qdAzau3dAetnH7qagBAcSHGxIHVcOIMYice/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 5px;" title="Adsense reklam kodlarını convert etme" width="525" /></a><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;"></span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">Sıra reklam kodlarını yazının içerisine gömmeye geldi. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;">1. AdSense Reklamını Yazının Solunda Gösterme</strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;"> </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">Bunun için yazının HTML sekmesini açarak reklamın gözükmesini istediğiniz yere aşağıdaki kodu ekleyin. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px 25px; padding: 10px;">
<span style="color: blue; margin: 0px; padding: 0px;"><strong style="margin: 0px; padding: 0px;"><b:if cond='data:blog.pageType == "item"'></strong></span>  <br style="margin: 0px; padding: 0px;" /><div style="float:left;<strong style="margin: 0px; padding: 0px;"><span style="color: red; margin: 0px; padding: 0px;">margin-right: 5px</span></strong>;"> <br style="margin: 0px; padding: 0px;" /><em style="margin: 0px; padding: 0px;">Convert edilmiş adsense kodları buraya gelecek</em></div> <br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;"><span style="color: blue; margin: 0px; padding: 0px;"></b:if></span></strong> </blockquote>
<br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;">2. AdSense Reklamını Yazının Sağında Gösterme </strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;"></span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">Bunun için yazının HTML sekmesini açarak reklamın gözükmesini istediğiniz yere aşağıdaki kodu ekleyin. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px 25px; padding: 10px;">
<span style="color: blue; margin: 0px; padding: 0px;"><strong style="margin: 0px; padding: 0px;"><b:if cond='data:blog.pageType == "item"'></strong></span>  <br style="margin: 0px; padding: 0px;" /><div style="float:right;<strong style="margin: 0px; padding: 0px;"><span style="color: red; margin: 0px; padding: 0px;">margin-left: 5px</span></strong>;"> <br style="margin: 0px; padding: 0px;" /><em style="margin: 0px; padding: 0px;">Convert edilmiş adsense kodları buraya gelecek</em></div> <br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;"><span style="color: blue; margin: 0px; padding: 0px;"></b:if></span></strong> </blockquote>
<br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;">3. AdSense Reklamını Yazı Başlığının Altında Gösterme </strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;"></span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">Bunun için Şablon > HTML’yi Düzenle yolunu takip ederek Ctrl + F tuş kombinasyonunun yardımıyla </span><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;"><div class='post-header'></strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;"> kodunu bulun ve bunun hemen altına aşağıdaki kodları ekleyin. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px 25px; padding: 10px;">
<span style="color: blue; margin: 0px; padding: 0px;"><strong style="margin: 0px; padding: 0px;"><b:if cond='data:blog.pageType == "item"'></strong></span>  <br style="margin: 0px; padding: 0px;" /><div style="text-align:center;<strong style="margin: 0px; padding: 0px;"><span style="color: red; margin: 0px; padding: 0px;">margin-bottom: 5px</span></strong>;"> <br style="margin: 0px; padding: 0px;" /><em style="margin: 0px; padding: 0px;">Convert edilmiş adsense kodları buraya gelecek</em></div> <br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;"><span style="color: blue; margin: 0px; padding: 0px;"></b:if></span></strong> </blockquote>
<br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;">4. AdSense Reklamını Yazının Sonuna Ekleme</strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;"> </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">Bunun için Şablon > HTML’yi Düzenle yolunu takip edereke Ctrl + F tuş kombinasyonunun yardımıyla <div class='post-footer'> kodunu bulun ve bunun hemen üstüne aşağıdaki kodları ekleyin. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px 25px; padding: 10px;">
<span style="color: blue; margin: 0px; padding: 0px;"><strong style="margin: 0px; padding: 0px;"><b:if cond='data:blog.pageType == "item"'></strong></span>  <br style="margin: 0px; padding: 0px;" /><div style="text-align:center;<strong style="margin: 0px; padding: 0px;"><span style="color: red; margin: 0px; padding: 0px;">margin-top: 5px</span></strong>;"> <br style="margin: 0px; padding: 0px;" /><em style="margin: 0px; padding: 0px;">Convert edilmiş adsense kodları buraya gelecek</em></div> <br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;"><span style="color: blue; margin: 0px; padding: 0px;"></b:if></span></strong> </blockquote>
<br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">İlgili kodlar eklendiğinde reklam yerleşiminin nasıl olacağını şu grafikte göstermeye çalıştım:</span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiKQAG8FmhGyODuiIW3rM2yjsuVlQCnhrPf3Z8r2zg6gVZieS-DNOVqOSSLDqIqQyb_-I0VsiLz6xDKvAmplNqvW8XpA1gzms-2I4gk9OTdksjXi16T0U6Q1WRBY1PB4lYPzaK4OdqTN97/s1600-h/blogger-adsense-ekleme6.png" style="background-color: white; color: #669900; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px; text-decoration: none;" target="_blank"><img alt="adsense reklam kodlarını yazının içerisine gömme" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHwlm2yz7Dq-mcynUMSIXS7X0tlFkodrOtPoBYi2AdFJ4wlWPVSM0bQvghs_uxh8Zm9D0WZDBws6OK1EqVm3wYaIKPWv9ty1MA5ly-TmMdbElsyoT1UNXDztpQ47qinBjUp3DDyR3HA87/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 5px;" title="adsense reklam kodlarını yazının içerisine gömme" width="325" /></a><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;"></span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">Son olarak kodlarda renkli gösterdiğim yerlerim anlamlarını işlevlerini paylaşmak istiyorum. İsteğinize göre onları da değiştirebilirsiniz. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">- </span><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;"><span style="color: red; margin: 0px; padding: 0px;">Kırmızı</span></strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;"> renkle gösterdiğim değer reklam yazı arasındaki boşluğu belirler. Dilerseniz 5px yerine başka bir değer girebilirsiniz. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">- </span><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;"><span style="color: blue; margin: 0px; padding: 0px;">Mavi </span></strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px;">renkle gösterdiğim kodlar reklamların ana sayfada değil sadece yazı başlığına tıklayıp yazının içerisine girince gözükmesini sağlar. Eğer ana sayfada yazıların tamamını gösteriyorsanız mavi renkle yazdığım kodları silebilirsiniz. </span><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><br style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;" /><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px;">Herkese bol kazançlar!</strong>

AdSense Reklamlarını Blogger’da Yazı İçine Ekleme

AdSense Reklam Kodlarını Convert Etme Blogunuzun sidebar yani kenar çubuğuna eklediğiniz AdSense kodlarını yazı içerisine eklemeden önce c...

+ Devamı »

Blogger Devamını Oku Eklentisi - Blogspot Otomatik Devamını Oku eklentisi

<div class="separator" style="clear: both; color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1l_7kYoO5GvmrFnmMfc_LeLfDfSz7yXLzq_vwjRXUYEkX6GRk7ZI0KJ63wN3x-ch-ofMKAeiAgIHq6MUdihI80B4tTj3CR1OPFThqqpQZCtrXnWwWspErt5jT58qTiuJXDb0-E7akvMI/s1600/images.jpg" imageanchor="1" style="color: black; margin: 0px 1em; padding: 0px; text-decoration: none;"><img alt="devamını oku eklentisi" border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1l_7kYoO5GvmrFnmMfc_LeLfDfSz7yXLzq_vwjRXUYEkX6GRk7ZI0KJ63wN3x-ch-ofMKAeiAgIHq6MUdihI80B4tTj3CR1OPFThqqpQZCtrXnWwWspErt5jT58qTiuJXDb0-E7akvMI/s320/images.jpg" style="-webkit-transition: all 0.3s ease-in-out; border: 1px solid rgb(187, 187, 187); margin: 5px 10px 5px 0px; padding: 0px;" title="devamını oku" width="320" /></a></div><div class="separator" style="clear: both; color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px; text-align: center;"><br /></div><div style="text-align: center;"><span style="color: red; font-family: Arial, Helvetica;"><span style="line-height: 21.59375px;"><b>Blogger Devamını Oku Eklentisi - Blogspot Otomatik Devamını Oku eklentisi</b></span></span></div><div style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px; text-align: center;"><b style="margin: 0px; padding: 0px;"><span style="color: #3d85c6; margin: 0px; padding: 0px;"><br style="margin: 0px; padding: 0px;" /></span></b></div><div style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px; text-align: center;">Merhaba arkadaşlar. <b style="margin: 0px; padding: 0px;">Blogger devamını oku eklentisini </b>sizlerler paylaşacağım. Bloğunuza devamını oku eklentisi ekleyerek ziyaretçilerinizin sitenizi karmaşık görmesinden kurtarmış olursunuz. Hem sitenizin tasarımı güzelleşecek hemde ziyaretçileriniz istediği yazılara anında ulaşabilecektir. Ve son olarak <b style="margin: 0px; padding: 0px;">blogger devamını oku eklentisi </b>ile uzun yazılarınız bloğunuzun ana sayfasında otomatik olarak kısaltılacaktır.</div><div style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px; text-align: center;"><br style="margin: 0px; padding: 0px;" /></div><div style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px; text-align: center;"><span style="color: #cc0000; font-weight: bold; margin: 0px; padding: 0px;">Devamını oku eklentisini eklemek:  </span><span style="font-weight: bold; margin: 0px; padding: 0px;">Şablon > html'yi düzenle > widget şablonlarını genişlet </span>yolunu izliyoruz.</div><div style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px; text-align: center;"><br style="margin: 0px; padding: 0px;" /></div><pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); color: #333333; line-height: 21.59375px; overflow: auto; padding: 5px; text-align: center; width: 550px;"></head></pre><div style="text-align: center;"><span style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px;"><br /></span></div><b style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px;"><div style="text-align: center;"><b style="margin: 0px; padding: 0px;">Kodunu buluyoruz ve altına aşağıdaki kodu ekliyoruz.</b></div></b><div style="text-align: center;"><span style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px;"><br /></span></div><div style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px;"><pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); overflow: auto; padding: 5px; text-align: center; width: 550px;"><script type='text/javascript'>var thumbnail_mode = "no-float" ;summary_noimg = 430;summary_img = 340;img_thumb_height = 100;img_thumb_width = 120;</script><script src='http://yourjavascript.com/1211712851/demreli_devamini_oku.js' type='text/javascript'/></pre></div><div style="text-align: center;"><span style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px;"><br /></span></div><b style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px;"><div style="text-align: center;"><b style="margin: 0px; padding: 0px;">Aşağıdaki koduda buluyoruz.</b></div></b><div style="text-align: center;"><span style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px;"><br /></span></div><pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); color: #333333; line-height: 21.59375px; overflow: auto; padding: 5px; text-align: center; width: 550px;"><data:post.body/></pre><div style="text-align: center;"><span style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px;"><br /></span></div><b style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px;"><div style="text-align: center;"><b style="margin: 0px; padding: 0px;">Yukarıdaki kodumuzu siliyoruz ve yerine aşağıdaki kodu ekliyoruz.</b></div></b><div style="text-align: center;"><span style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px;"><br /></span></div><pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); color: #333333; line-height: 21.59375px; overflow: auto; padding: 5px; text-align: center; width: 550px;"><b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'><span style="color: #cc0000; margin: 0px; padding: 0px;">http://3.bp.blogspot.com/-cTLp-XlLv_8/UALnUT_xJeI/AAAAAAAAAZs/lfvZ1KcnYI8/s1600/devamini-oku.png</span></a></span></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></pre><div style="text-align: center;"><span style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px;"><br /></span></div><b style="color: #333333; font-family: Arial, Helvetica; font-size: 12px; line-height: 21.59375px; margin: 0px; padding: 0px;"><div style="text-align: center;"><b style="margin: 0px; padding: 0px;"><span style="color: #3d85c6; margin: 0px; padding: 0px;">Şuanda ben kendi bulduğum devamını oku butonunu paylaştım isterseniz yukarıda kırmızı ile belirttiğim url yi bulduğunuz devamını oku butonları ile değiştirebilirsiniz.</span></b></div></b>

Blogger Devamını Oku Eklentisi - Blogspot Otomatik Devamını Oku eklentisi

Blogger Devamını Oku Eklentisi - Blogspot Otomatik Devamını Oku eklentisi Merhaba arkadaşlar. Blogger devamını oku eklentisini sizlerler p...

+ Devamı »

Blogger Daha Fazla Konu Göster Eklentisi

<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;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0pFERyRA_YibYKnwmVPBZ9LZIKv-tv85Mn_ldu2nG1u27T15daJM11gg-X9JThivORtCOjjoB0rxxYDQWnFm2szxeVLh2gS6ODGgVxTud3kelDMveIcuUGPzgeX99ngcs6eTatrKgcNE/s1600/dahafazlakonusitemuhendisi.JPG" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">Blogger için yazılarımız çok önemlidir ve temamıza vereceğim eklentilerde.Gün geçtikçe sizlere farklı farklı stilde eklentiler sunuyorum.Bu eklentimiz blogunuzun ana sayfasında bulununan fazla yazılarınız var ise bunları kısaltıyor ve ziyaretçiniz için bir seçenek sunup Daha Fazla Konu Göster butonu yapıyor.Yeni tema yapımcılarınında sürekli kullandığı ve ortaya kaliteli temalar sunduğu bir eklentidir.Sizlere bu eklentide 5 stil seçeneği sunuyor sizin temanıza hangisi uyuyorsa denemenizi tavsiye ederim.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px; text-align: left;" trbidi="on">
<div dir="ltr" style="background-color: #f9f9f9; line-height: 22px; text-align: center;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><a href="http://www.blogger.com/home" style="-webkit-transition: all 0.2s ease-out; color: black; text-decoration: none;" target="_blank"><span style="color: blue;"><b>Blogger Paneline</b></span> </a>Girin.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">1-<b>Yerleşim </b>Tıklıyoruz > 2-<b>Gatget Ekle</b> > 3-<b>HTML/JavaScript</b> dedikten sonra aşağıdaki kodları içersine yerleştiriyoruz.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZyZkP7NNLupIGBF86RnTFDwPiSyR5IgOr7t5bLVMjiFMKsTxcSpEpZpETgZrXLIHwiSxrq2hRb1zDPSp5dcMYdDqFBGUuPorlPzfqREA-dso_nIG1iILqj6gqeUuF83TaHvOvio2ECg/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZyZkP7NNLupIGBF86RnTFDwPiSyR5IgOr7t5bLVMjiFMKsTxcSpEpZpETgZrXLIHwiSxrq2hRb1zDPSp5dcMYdDqFBGUuPorlPzfqREA-dso_nIG1iILqj6gqeUuF83TaHvOvio2ECg/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" /></a></div>
<br /></div>
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 1</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-4E2uGkhxIdbEIgi2Nva-9BTdAIePpqkRe9J3rn1xvjpEdDH-NftUp9iOBsms88PwlCxcVEUPoPDQIoaQBZsqDG2SvEmmlb1CpSf6hvs1iDNcSGxe4zE5Php9VYDFMvy54v8RNzlo4g4/s1600/sitemuhendisi+stil+1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-4E2uGkhxIdbEIgi2Nva-9BTdAIePpqkRe9J3rn1xvjpEdDH-NftUp9iOBsms88PwlCxcVEUPoPDQIoaQBZsqDG2SvEmmlb1CpSf6hvs1iDNcSGxe4zE5Php9VYDFMvy54v8RNzlo4g4/s1600/sitemuhendisi+stil+1.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" style="background-color: #f9f9f9; color: #494949; line-height: 22px; text-align: center;" trbidi="on">
<span style="font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZyZkP7NNLupIGBF86RnTFDwPiSyR5IgOr7t5bLVMjiFMKsTxcSpEpZpETgZrXLIHwiSxrq2hRb1zDPSp5dcMYdDqFBGUuPorlPzfqREA-dso_nIG1iILqj6gqeUuF83TaHvOvio2ECg/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" imageanchor="1" style="-webkit-transition: all 0.2s ease-out; color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"></a></span></div>
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: both; color: #494949; text-align: center;">
</div>
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="color: black; line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"><script type='text/javascript'></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">a('<a href="javascript:;" ></span><span style="line-height: 18px;"><span style="color: blue;">Daha Fazla Konu Göster</span></span><span style="color: black; line-height: 18px;"></a>');c.click(h);var e=a('<img src="https://www.google.co.in/images/loading.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"></script></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"><style></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">.blogsdaddyloader {text-align: center; font-size: 100%; padding:10px;color:#FFFFFF;width:95%;</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">background:-webkit-gradient(linear, 0% 0%, 0% 54%, from(#F8F8F8), to(#F1F1F1));</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">border: 2px solid #c6c6c6;border-radius:2px;}</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#000000;}</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 2</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyCCkDRQrM9RDNIuigDX9di0QR-RklNth_JPOBpyT7aG7CZdTI9aV7QKjybmMG639Spkq_i9fmiIpATj_FwP-WSOYPh-1ft2jnELzKER1n4qu5wAuk4mcsnqrsV9Xhyphenhyphen6rn0lE_lEBdSc/s1600/sitemuhendisi+stil+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyCCkDRQrM9RDNIuigDX9di0QR-RklNth_JPOBpyT7aG7CZdTI9aV7QKjybmMG639Spkq_i9fmiIpATj_FwP-WSOYPh-1ft2jnELzKER1n4qu5wAuk4mcsnqrsV9Xhyphenhyphen6rn0lE_lEBdSc/s1600/sitemuhendisi+stil+2.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" style="background-color: #f9f9f9; color: #494949; line-height: 22px; text-align: center;" trbidi="on">
<span style="font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZyZkP7NNLupIGBF86RnTFDwPiSyR5IgOr7t5bLVMjiFMKsTxcSpEpZpETgZrXLIHwiSxrq2hRb1zDPSp5dcMYdDqFBGUuPorlPzfqREA-dso_nIG1iILqj6gqeUuF83TaHvOvio2ECg/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" imageanchor="1" style="-webkit-transition: all 0.2s ease-out; color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"></a></span></div>
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: both; color: #494949; text-align: center;">
</div>
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><script type='text/javascript'></span><br style="line-height: 18px;" /><span style="line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="line-height: 18px;" /><span style="line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="line-height: 18px;" /><span style="line-height: 18px;">a('<a href="javascript:;" ><span style="color: blue;"><b>Daha Fazla Konu Göster</b></span></a>');c.click(h);var e=a('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GWIgPZG_PQmgSK76JNyrIgf_KkNnqqeV1X79SqeYrTyPjEqNtC-fEh5qSaUTY9svUtoyV1b14tUjGnh4L7a6lalPt0OQbpQfDv9MzI7YvzXn_mmKIRFIXoWsocs7a-JNu20yahoU2MB7/s1600/horizontal-loader-white.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><style></span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#FFFFFF;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader{</span><br style="line-height: 18px;" /><span style="line-height: 18px;">border:1px solid #7d99ca;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #a5b8da, #7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader:hover{</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> border:1px solid #5d7fbc; background-color: #819bcb;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), top(#536f9d));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #819bcb, #536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #819bcb, #536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #819bcb, #536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 3</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokQ7Oim5oCY9_OdkyEfjYj6sueqS9aiHxXeh56C_-c1M9-btLDhmULQYs-0rQQn4CfndrGiiaipDovrKKvULUWZE3IGEh-fPvBmrIO1AK7xv_uuIXRYRluOwPZCF-1ZZ0gPpVkfftn-E/s1600/sitemuhendisi+stil+3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokQ7Oim5oCY9_OdkyEfjYj6sueqS9aiHxXeh56C_-c1M9-btLDhmULQYs-0rQQn4CfndrGiiaipDovrKKvULUWZE3IGEh-fPvBmrIO1AK7xv_uuIXRYRluOwPZCF-1ZZ0gPpVkfftn-E/s1600/sitemuhendisi+stil+3.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><script type='text/javascript'></span><br style="line-height: 18px;" /><span style="line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="line-height: 18px;" /><span style="line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="line-height: 18px;" /><span style="line-height: 18px;">a('<a href="javascript:;" ><span style="color: blue;"><b>Daha Fazla Konu Göster</b></span></a>');c.click(h);var e=a('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GWIgPZG_PQmgSK76JNyrIgf_KkNnqqeV1X79SqeYrTyPjEqNtC-fEh5qSaUTY9svUtoyV1b14tUjGnh4L7a6lalPt0OQbpQfDv9MzI7YvzXn_mmKIRFIXoWsocs7a-JNu20yahoU2MB7/s1600/horizontal-loader-white.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><style></span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#FFFFFF;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader{</span><br style="line-height: 18px;" /><span style="line-height: 18px;">border:1px solid #616261;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #7d7e7d;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader:hover{</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> border:1px solid #4a4b4a; background-color: #646464;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), top(#282828));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #646464, #282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #646464, #282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #646464, #282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #646464, #282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 4</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmX7qfMeZae0U7jm92sklTFFM0pKeaTpr5Lnwkpm3MNAJXDPuleWtNQFtU1R9hxYohJ_cSA2a4JrPRDAgib6-VUXIkVtbTjeD9adM1-4GdoKnSij5huoN08jV2aU5_0ox7xTPH7-nYDs/s1600/sitemuhendisi+stil+4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmX7qfMeZae0U7jm92sklTFFM0pKeaTpr5Lnwkpm3MNAJXDPuleWtNQFtU1R9hxYohJ_cSA2a4JrPRDAgib6-VUXIkVtbTjeD9adM1-4GdoKnSij5huoN08jV2aU5_0ox7xTPH7-nYDs/s1600/sitemuhendisi+stil+4.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><script type='text/javascript'></span><br style="line-height: 18px;" /><span style="line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="line-height: 18px;" /><span style="line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="line-height: 18px;" /><span style="line-height: 18px;">a('<a href="javascript:;" ></span><b style="color: blue; line-height: 18px;">Daha Fazla Konu Göster</b><span style="line-height: 18px;"></a>');c.click(h);var e=a('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GWIgPZG_PQmgSK76JNyrIgf_KkNnqqeV1X79SqeYrTyPjEqNtC-fEh5qSaUTY9svUtoyV1b14tUjGnh4L7a6lalPt0OQbpQfDv9MzI7YvzXn_mmKIRFIXoWsocs7a-JNu20yahoU2MB7/s1600/horizontal-loader-white.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><style></span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#3772AB;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader{border:2px solid #3772AB;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; font-weight:bold; text-align: center; color: #3772AB;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a:hover{color: #000000;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 5</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7tePa6OqbV1tv_AU-UeBdgdgvSeiZXomOq26fG5wxv2dtRWBwuRpcOkM9fM39oPx4eaZABiF0l5ozxJT5Ft8L33J92a4RkCWatJLo9dNxe14TEsXBCUle1pk49-AE4-Xskz9WBJa_xI/s1600/sitemuhendisi+stil+5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7tePa6OqbV1tv_AU-UeBdgdgvSeiZXomOq26fG5wxv2dtRWBwuRpcOkM9fM39oPx4eaZABiF0l5ozxJT5Ft8L33J92a4RkCWatJLo9dNxe14TEsXBCUle1pk49-AE4-Xskz9WBJa_xI/s1600/sitemuhendisi+stil+5.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmX7qfMeZae0U7jm92sklTFFM0pKeaTpr5Lnwkpm3MNAJXDPuleWtNQFtU1R9hxYohJ_cSA2a4JrPRDAgib6-VUXIkVtbTjeD9adM1-4GdoKnSij5huoN08jV2aU5_0ox7xTPH7-nYDs/s1600/sitemuhendisi+stil+4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"></span></a></div>
<div class="separator" style="clear: both;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><script type='text/javascript'></span><br style="line-height: 18px;" /><span style="line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="line-height: 18px;" /><span style="line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="line-height: 18px;" /><span style="line-height: 18px;">a('<a href="javascript:;" ></span><b style="color: blue; line-height: 18px;">Daha Fazla Konu Göster</b><span style="line-height: 18px;"></a>');c.click(h);var e=a('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GWIgPZG_PQmgSK76JNyrIgf_KkNnqqeV1X79SqeYrTyPjEqNtC-fEh5qSaUTY9svUtoyV1b14tUjGnh4L7a6lalPt0OQbpQfDv9MzI7YvzXn_mmKIRFIXoWsocs7a-JNu20yahoU2MB7/s1600/horizontal-loader-white.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><style></span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#FFFFFF;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader{</span><br style="line-height: 18px;" /><span style="line-height: 18px;">border:1px solid #df0909;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #f62b2b;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #f62b2b, #d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #f62b2b, #d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #f62b2b, #d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader:hover{</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> border:1px solid #b30808; background-color: #e40a0a;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), top(#9f0202));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #e40a0a, #9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">Yukarıdaki kod için benim önerdiğim yazı </span><b style="background-color: white; color: blue; font-family: Verdana, sans-serif; line-height: 18px;">Daha Fazla Konu Göster </b><span style="background-color: white; font-family: Verdana, sans-serif; line-height: 18px;">ama siz başka bir şey yazmak istiyorsanız kodlar içersinden değiştirebilirsiniz.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; font-family: Verdana, sans-serif; line-height: 18px;"><br /></span></div>
</div>
</div>

Blogger Daha Fazla Konu Göster Eklentisi

Blogger için yazılarımız çok önemlidir ve temamıza vereceğim eklentilerde.Gün geçtikçe sizlere farklı farklı stilde eklentiler sunuyo...

+ Devamı »

Blogger Soldan Açılan Sosyal Sevimli Butonlar Eklentisi

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS0oLiWhgWtQ0eu1SWQF_NnoPImf2YvYIbXN97T-JwTOGdTIBmuO1s0U5SDBa4n1xJ-9iq-WWRri1GqLKITvonFdrEMlC7SI04hMuQTyafmQOvzE4z21lUXVSLr-Rqdgf989jdsE8RTvM/s1600/sitemuhendisi+butonlar.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS0oLiWhgWtQ0eu1SWQF_NnoPImf2YvYIbXN97T-JwTOGdTIBmuO1s0U5SDBa4n1xJ-9iq-WWRri1GqLKITvonFdrEMlC7SI04hMuQTyafmQOvzE4z21lUXVSLr-Rqdgf989jdsE8RTvM/s1600/sitemuhendisi+butonlar.jpeg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;">Blogger için kullanacağını bu eklenti ilk olarak jquery eklenti olduğunu unutmayın neden bunu ilk söylediğimi deneyimli arkadaşlar bilir ama bilmeyenler için söylüyorum jquery eklentileri eğerki blogunuzda var ise bu eklenti ile çakışabilir ve buda eklenti çalıştırmaz duruma getirir.Eklentimiz resimde ve aşağıdaki videoda hem özelliğine hemde </span><span style="color: red; text-align: left;"><b><a href="http://sitemuhendisionizlemeler.blogspot.com/2013/11/blogger-soldan-aclan-sosyal-sevimli.html">DEMO</a></b></span><span style="text-align: left;">'suna bakabilirsiniz.Sevimli butonlar blogunuzun sol tarafından renkli renkli ve oldukçada hoş göze hitap ediyor.</span></div>
<br />
<div dir="ltr" trbidi="on">
<div dir="ltr" style="background-color: #f9f9f9; color: #494949; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; text-align: center;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><a href="http://www.blogger.com/home" style="-webkit-transition: all 0.2s ease-out; color: black; text-decoration: none;" target="_blank"><span style="color: blue;"><b>Blogger Paneline</b></span> </a>Girin.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">1-<b>Yerleşim </b>Tıklıyoruz > 2-<b>Gatget Ekle</b> > 3-<b>HTML/JavaScript</b> dedikten sonra aşağıdaki kodları içersine yerleştiriyoruz.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw-wgQov4jrrnGuVfTpM31dhkukE_1E_OKs78qdXN2w1vtyptKUeVu5-VZOCDEpH7CsNEjJksw5_gJBA1DnLn_VF-QaY7rbjGuuA4cv9Z-Hjz9nhQsfJ3qwhulyxAJyLTWyEATHDtaGF4/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" /></div>
<br /></div>
<div dir="ltr" trbidi="on">
<div class="separator" style="background-color: white; clear: both; color: #494949; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; text-align: center;">
</div>
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 14.296875px; white-space: pre;"><span style="background-color: rgb(241, 241, 241) !important; color: #494949;"><style type="text/css">
ul#social {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#social li {
    width: 100px;
}
ul#social li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;    
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
     background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxFWwSpyihfd9Fi_1lX5Ixm3DDVm9ZZZ5yr0v5Xkf-BdbdyfUfQIWf7A324kNeuSuZY18h5lsRSyUmZIT4f1cMmqTw5wgyRGYvB1PWLkNDHm724UGRXji6mgVMV3ft9Z_QqasSWC4TgFs/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a      {
    background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjKcnMNdFRLHePBsCgYQriFTSis9RpF3b4DZo2uR52IvAxDMjWA2Wx53c6y_E5fZsM5RdppzfK52gk8L2tuCGcDOOkYryF0ZBkB3f-uJdzuHqb0oj-8SrWASPjk-AWBYNv9ZKEUaNX3qc/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a      {
    background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8efIq42wg_1eMrqERNsHYS11e3B9pvB3ZLRjf5chqyy4u0riUZUu9bzJr75fSyTCHiblMjj5r1UiF4BnxppVLoTdGGIHCNNYyXZGb0Yooq7UqjWbqaN5N5mrXdu2FLlguTut_3lZgALE/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a      {
    background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLfPRZCNa9dHGXhmxS2-otVCWSZph3Y5E5YWiCmUzBRvtyTjPLg_WEi-MutuGj-O2FeCSkNECxrSDOe4BfSosg3JkKP9ETPLKQQfzYGlBLJNjTc3yMDwZFVOLqUfDVTdUTeXsQ_9BmOc/s1600/rss.png)no-repeat;
background-position:center center;
}

ul#social .pinterest a   {
    background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkpDXgHlZqicsKus32H9idHPVZvvb2QnnjRECw9ncauNlXrfk9S8rY6uA0YxJBBoPlOc3nGDLXHKgau8i-WcWVwko2RjcUUszQus4JiaEFV6Nvc-tuvMKABlsH9Ai99rPHGh3P3KeQk98/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type='text/javascript'>
$(function () {
    $('#social a').stop().animate({
        'marginLeft': '-85px'
    }, 1000);

$('#social > li').hover(
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-2px'
            }, 200);
        },
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-85px'
            }, 200);
        }
    );
});
</script>
<ul id='social'>
 <li class='twitter'><a href='</span></span><span style="background-color: white; color: #494949; line-height: 18px;">http://twitter.com/</span><span style="color: magenta; line-height: 18px;">Site Mühendisi</span><span style="background-color: rgb(241, 241, 241) !important; color: #494949; line-height: 14.296875px; white-space: pre;">' title='</span><span style="background-color: white; line-height: 14.296875px; white-space: pre;">Twitter</span><span style="background-color: rgb(241, 241, 241) !important; line-height: 14.296875px; white-space: pre;"><span style="color: #494949;">'></a></li></span></span></span></div>
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 14.296875px; white-space: pre;"><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: #494949;"> <li class='googleplus'><a href='</span></span></span><span style="background-color: white; line-height: 18px;">http://plus.google.com/</span><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: blue;"><span style="line-height: 18px;">104102688136069562169</span></span><span style="color: #494949;"><span style="line-height: 14.296875px; white-space: pre;">' title='</span></span><span style="line-height: 14.296875px; white-space: pre;">Google Plus</span><span style="color: #494949; line-height: 14.296875px; white-space: pre;">'></a></li>
 <li class='facebook'><a href='</span></span><span style="color: #494949; line-height: 18px;">http://www.facebook.com/</span><span style="color: magenta; line-height: 18px;">SiteMühendisi</span><span style="line-height: 14.296875px; white-space: pre;"><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: #494949;">' title='</span>Facebook<span style="color: #494949;">'></a></li>
 <li class='rss'><a href='</span></span></span><span style="color: #494949; line-height: 18px;">http://feeds.feedburner.com/</span><span style="color: magenta; line-height: 18px;">SiteMühendisi</span><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: #494949; line-height: 14.296875px; white-space: pre;">' title='</span><span style="line-height: 14.296875px; white-space: pre;">Rss</span><span style="color: #494949;"><span style="line-height: 14.296875px; white-space: pre;">'></a></li>
 <li class='pinterest'><a href='http://www.pinterest.com/</span></span></span><span style="color: magenta; line-height: 18px;">SiteMühendisi</span><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: #494949;"><span style="line-height: 14.296875px; white-space: pre;">/' title='</span></span><span style="line-height: 14.296875px; white-space: pre;">Pinterest</span><span style="color: #494949; line-height: 14.296875px; white-space: pre;">'></a></li><span style="font-size: 15px;">
</ul></span></span></span></span></div>
</div>
</div>
</div>
<br />
Yukarıdaki kodlar içersinde mavi renkli olan bütün bölümlere kendi sosyal medya adreslerinizi gireceksiniz.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>

Blogger Soldan Açılan Sosyal Sevimli Butonlar Eklentisi

Blogger için kullanacağını bu eklenti ilk olarak jquery eklenti olduğunu unutmayın neden bunu ilk söylediğimi deneyimli arkadaşlar bili...

+ Devamı »

Blogger Resimlerinize Özel Efektler Verin

<span style="font-family: Verdana, sans-serif;">Blog resimleriniz için beş harika CSS stillerinde farklı efekt ve gölgeler ile farklı bir blog tarzı sunabilirsiniz bu eklenti ile.Aşağıdaki beş stildeki şekiller ile daha güzel bir görünümde verebilirsiniz.Oldukça eklemesi basit bir eklenti sayesinde blogunuzdaki resimlere farklı özel bir efekt sunabilirsiniz.CSS stillerinin demosunu yazımın en altında sizlere paylaşıyorum kendinize uyanı ve güzel bulduğunuzu blogunuza ekleyebilirsiniz.<br /><b><br /></b></span><br />
<div class="separator" style="background-color: white; clear: both; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><a href="http://www.blogger.com/home" style="text-decoration: none;" target="_blank"><b>Blogger Paneline</b><span style="-webkit-transition: 0.2s ease-out;"> </span></a>Girin. .</span></div>
<div class="separator" style="background-color: white; clear: both; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b>Şablon </b>Tıklıyoruz > <b>HTML Düzenle</b> > <b>CTRL+F </b>yardımı ile<b> </b><b>]]></b:skin></b><b><span style="line-height: 20px;"> </span></b><span style="line-height: 20px;">kodunu buluyoruz ve aşağıdaki kodlardan hangisini seçiyorsanız hemen üstüne yerleştiriyoruz</span></span></div>
<span style="font-family: Verdana, sans-serif;"><b><br /></b>
<b>CSS STİL > 1</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PDRmPgH2OQ_BL1mMpGgAUtLCNhlZGkD_ziSAhyyHkFy6dj3SlJc_durz1YZoHqM_PFbve9_DPOlEqT_bfYGrTPCwIL0xa19xO_I5PKRsj-VR34pMqOhae6fqfho7r7-2av4yyb5uwQW/s1600/ST%C4%B0L+1+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PDRmPgH2OQ_BL1mMpGgAUtLCNhlZGkD_ziSAhyyHkFy6dj3SlJc_durz1YZoHqM_PFbve9_DPOlEqT_bfYGrTPCwIL0xa19xO_I5PKRsj-VR34pMqOhae6fqfho7r7-2av4yyb5uwQW/s1600/ST%C4%B0L+1+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> </span><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">border:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">padding:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000; </span><span style="color: #38761d; line-height: 18px;">/* Gölge */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 50%; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Yuvarlatılmış kenar</span><span style="color: #38761d; line-height: 18px;">*/</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b>CSS STİL 2 >></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmuCIlpa6dBGlknbtuA8lk5sKQCs7HVvhs1AVGaNt9tfBeBdkOYh6b9ezJ5amMZY01qR5KcvoBjtg7LGcA62ZVo0SGM-xYgHfJIJv5ydqQc5pb9QP6qKARsNWcHSwnyZkExu-xOoGUWl9X/s1600/ST%C4%B0L+2+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmuCIlpa6dBGlknbtuA8lk5sKQCs7HVvhs1AVGaNt9tfBeBdkOYh6b9ezJ5amMZY01qR5KcvoBjtg7LGcA62ZVo0SGM-xYgHfJIJv5ydqQc5pb9QP6qKARsNWcHSwnyZkExu-xOoGUWl9X/s1600/ST%C4%B0L+2+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> </span><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">background:#FFF; </span><span style="color: #38761d; line-height: 18px;">/*</span><span style="color: #38761d; line-height: 18px;">Çevresindeki arka plan rengi </span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">padding:15px; </span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000; </span><span style="color: #38761d; line-height: 18px;">/* Gölge*/</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 0% 50%; </span><span style="color: #38761d; line-height: 18px;">/*</span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;"> Yuvarlatılmış kenar </span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b>CSS STİL 3 >>></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXCkyrL87XR_RK_5mtnh5sLseHSVJVYnnl7QUmeNefhMtxL_WBTWJfmqaAdQLnVnd8RJV9dokO1h95qKDcJFNSDkoYKW1kkiiUOSZDyL2LgezrcDB4-RVVF80GaU4A-Lqx0LJGpIhYBiQl/s1600/ST%C4%B0L+3+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXCkyrL87XR_RK_5mtnh5sLseHSVJVYnnl7QUmeNefhMtxL_WBTWJfmqaAdQLnVnd8RJV9dokO1h95qKDcJFNSDkoYKW1kkiiUOSZDyL2LgezrcDB4-RVVF80GaU4A-Lqx0LJGpIhYBiQl/s1600/ST%C4%B0L+3+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">background:#FFF; </span><span style="color: #38761d; line-height: 18px;">/* Çevresindeki arka plan rengi *</span><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">/</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">padding:15px; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Sınır Arasındaki Boşluk ve Görüntü</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 50% 0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;"> Yuvarlatılmış kenar</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Gölge </span><span style="color: #38761d; line-height: 18px;">*/</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius:0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Bu işlem ile sınır yuvarlaklık (değeri 0)</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b>CSS STİL 4 >>>></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtp1vyIe2qJ5h-jRRz-DR864gCAD7iD1l-herklWdiE0VUKy_gxPRp_X_UI0SrXF9px4tKl1rfg77_P63qmTpjqqBrpa09CEB4evuQW_9HyyVz5L7tIM-MaL6LUVcyNqy5SO5dojrbRYiq/s1600/ST%C4%B0L+4+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtp1vyIe2qJ5h-jRRz-DR864gCAD7iD1l-herklWdiE0VUKy_gxPRp_X_UI0SrXF9px4tKl1rfg77_P63qmTpjqqBrpa09CEB4evuQW_9HyyVz5L7tIM-MaL6LUVcyNqy5SO5dojrbRYiq/s1600/ST%C4%B0L+4+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
</div>
<div dir="ltr" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> </span><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000;</span><span style="color: #38761d; line-height: 18px;"> /* Gölge*/</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 50%;</span><span style="color: #38761d; line-height: 18px;"> /* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Yuvarlatılmış kenar</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">border:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">padding:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Bu gölge (değeri 0)</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Bu işlem ile sınır yuvarlaklık (değeri 0)</span><span style="color: #38761d; line-height: 18px;">*/</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b>CSS STİL 5 >>>>></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7n91Up24t-O9BM_NdH0ksN8JdAdWmU7Ywc4PGYKWMxUUpzqLbqv6oT15Wgh-Lsm6wL8_YVOef1FF1NkV5JQ4YNa79NArvCa12hcgTQBabCrmrRtMHGlbYECD-SV0E6So7e_ibS68hPyG/s1600/ST%C4%B0L+5+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7n91Up24t-O9BM_NdH0ksN8JdAdWmU7Ywc4PGYKWMxUUpzqLbqv6oT15Wgh-Lsm6wL8_YVOef1FF1NkV5JQ4YNa79NArvCa12hcgTQBabCrmrRtMHGlbYECD-SV0E6So7e_ibS68hPyG/s1600/ST%C4%B0L+5+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div dir="ltr" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> </span><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 45% / 20%; </span><span style="color: #38761d; line-height: 18px;">/* Rounded border */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Gölge </span><span style="color: #38761d; line-height: 18px;">*/</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">padding:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;"> Bu yuvarlaklığını sınır (değeri 0)</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<br /></div>

Blogger Resimlerinize Özel Efektler Verin

Blog resimleriniz için beş harika CSS stillerinde farklı efekt ve gölgeler ile farklı bir blog tarzı sunabilirsiniz bu eklenti ile.Aşağıdaki...

+ Devamı »