somutkod

Blogger Devamını Oku Butonu

Açıklama Buraya

Daha Fazlası

Yazar: Kaan Apaydın / Yorum: 0 / Kategori: butonu - css - devamı - devamini - html - oku

Sitene Google+ Kutusu Ekle

Merhaba Arkadaşlar Bugün Sizler İçin Yeni Bir Kod Yine Somut Kod Tarafından Sağlanacak...Bugünkü Kodumuz Siteler İçin Google+ Kodudur.Bu Kod Sitenizde Muhteşem Duracaktır Canlı Renkleri Vs..

<center><div style="border:1px solid #000; 
-webkit-border-radius:5px; 
  -webkit-border-radius:5px; 
  -moz-border-radius:5px; 
  border-radius:5px; 
  
width:298px;font-family:verdana;font-weight:bold;color:#666;"><div style="background: #2B65EC;padding:2px;height:30px;font-size:14px;color:#fff;"><center style=" margin-top: 5px;">Google Arkadaşım Ol</center></div><center style="margin-top:5px;"><div style="font-weight:bold;padding:5px;">Kaan Apaydın</div><a href="https://plus.google.com/u/0/115453712383692503321"><img src="https://lh4.googleusercontent.com/-uZnGRClCf3I/AAAAAAAAAAI/AAAAAAAAAGs/YtIc65ZWEPY/s120-c/photo.jpg"alt="Kaan Apaydın" width="100" height="100" border="0" /></a><br /><br/><div style="font-size:80%;">Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.</div><br/><script type="text/javascript">window.___gcfg={lang: 'tr'};(function(){var po=document.createElement("script");po.type="text/javascript";po.async=true;po.src="https://apis.google.com/js/plusone.js";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(po, s);})();</script><g:plus href="https://plus.google.com/u/0/115453712383692503321" rel="author" width="250" height="69"></g:plus></center></div></center>

Daha Fazlası

Yazar: Kaan Apaydın / Yorum: 0 / Kategori: google - Google+ - html - Sitene Ekle

Sitenin Sag Üstüne Arama Motoru

Merhabalar.Yine Somutkod Ve Eklentisi İle Karşı Karşıyasınız.Bugünkü İlk Kodumuz Sitenin Üstünde Sağ Tarafa Arama Motoru Eklenti Kodudur.Bu Kod Sitenizin Görünümünün Güzelliğine Katkı Sağlayacak Altın Değerinde Bir Koddur.

Daha Fazlası

Yazar: Kaan Apaydın / Yorum: 0 / Kategori: arama - html - kodu - motoru - sağ - Sağ Üstüne Arama Motoru - Sitenin Sağ Üstüne Arama Motoru - üstüne

Sitene Muhteşem Konu İçeriği Ekle - Sadece Burada

Bu Kod Kesinlikle Sitenizin Görünümüne %25 Daha Fazla Zenginlik Katacaktır.. Kod İçerisinde Gerekli Yerleri Kendinize Göre Değiştiriniz..

<div class="somutkodbaslik" id="somutkodbaslikk" style="background-image: linear-gradient(85deg, rgb(198, 213, 227) 12.96%, rgb(110, 143, 185) 75.13%); border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(102, 102, 102) 0px 1px 3px; height: 30px; line-height: 28px; margin-top: 12px; padding-top: 0px; text-indent: 15px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; background-color: rgb(245, 245, 255); text-align: center;"><strong>Kod Açıklaması</strong></div>
<div id="somutkodmetin" class="somutkodmetinn" style="background-image: none; background-attachment: scroll; background-color: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; box-shadow: rgb(238, 238, 238) 4px 1px 8px inset; overflow: hidden; padding: 15px 20px 30px; position: relative; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; background-position: 0px 0px; background-repeat: repeat repeat;">
<div style="font-style: italic;">Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı </div>
</div>
<div class="somutkodbaslik" id="somutkodbaslikk" style="background-image: linear-gradient(85deg, rgb(198, 213, 227) 12.96%, rgb(110, 143, 185) 75.13%); border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(102, 102, 102) 0px 1px 3px; height: 30px; line-height: 28px; margin-top: 12px; padding-top: 0px; text-indent: 15px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; background-color: rgb(245, 245, 255); text-align: center;"><strong>Kod Önizlemesi</strong></div>
<div id="somutkodmetin" class="somutkodmetinn" style="background-image: none; background-attachment: scroll; background-color: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; box-shadow: rgb(238, 238, 238) 4px 1px 8px inset; overflow: hidden; padding: 15px 20px 30px; position: relative; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; background-position: 0px 0px; background-repeat: repeat repeat;">
<div style="font-style: italic;">Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..</div>
</div>
<div class="somutkodbaslik" id="somutkodbaslikk" style="background-image: linear-gradient(85deg, rgb(198, 213, 227) 12.96%, rgb(110, 143, 185) 75.13%); border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(102, 102, 102) 0px 1px 3px; height: 30px; line-height: 28px; margin-top: 12px; padding-top: 0px; text-indent: 15px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; background-color: rgb(245, 245, 255); text-align: center;"><strong>Sitene Ekliyeceğin Kod</strong></div>
<div id="somutkodmetin" class="somutkodmetinn" style="background-image: none; background-attachment: scroll; background-color: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; box-shadow: rgb(238, 238, 238) 4px 1px 8px inset; overflow: hidden; padding: 15px 20px 30px; position: relative; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; background-position: 0px 0px; background-repeat: repeat repeat;">
<div style="font-style: italic;">Kod Buraya Eklenecek Kod Buraya Eklenecek Kod Buraya Eklenecekkk...Kod Buraya Eklenecek Kod Buraya Eklenecek Kod Buraya Eklenecekkk...Kod Buraya Eklenecek </div>
</div>

Daha Fazlası

Yazar: Kaan Apaydın / Yorum: 1 / Kategori: html - içerik - konu - konu içeriği - muhteşem konu içeriği ekle - Sitene Ekle

Sitene Açılır Pencere Ekle - SADECE BURADA

Merhaba Arkadaşlar Somutkod Yine Bir Eklenti İle Karşınızda Bu Seferki Eklentimiz Diğerleri Gibi Yine Çok Güzel Bir Eklenti Sitenizde Büyük Bir Fark Yaratacak Bir Eklenti...Kod İçerisinde <style>...</style> Arasına Dokunmayın Dokunurusanız Kod Bozulur.Kod İçerisinde Gerekli Yerlere Gerekli Yazılar Yazınız..

<style>
  .somutkodbuton{
    text-decoration:none;
    cursor:pointer;
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJPVsjvAsae2CD80kbfunb0jJP7DJ7ZBJUFYCuUkierbO4ppCvSsI6zuKk3n_PGy1ivZpRUD4P2EgWl1HeaeqJxuJZGQgViJRG2_iSoceTtKRV2oOKLQ2poJ27P1O4-k57eF6JL_u1jfzI/s1600/cyats.jpg);
    background-repeat:repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display:inline-block;
    font-family:Arial;
    max-width:232px;
    min-width:54px;
    text-align:center;
    font-size:11px;
    font-weight:700;
    color:#FFF;
    line-height:22px;
    border:none;
    border-left:1px solid #285EC1;
    border-right:1px solid #285EC1;
    margin:0 16px 0 0;
    padding:3px 8px 4px}
  a.somutkodbuton:hover{
    background-position: 0 -29px;
  }
  a.somutkodbuton:active{
    background-position: 0 -58px;
  }             
  .somutkodarkaplan {
        background: #ffffff;
    height: 100%;
    left: 0;
    opacity: 0.75;
    position:fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
  }
  .somutkod {
      background-image:url(http://i.hizliresim.com/wvRvGO.jpg);
    padding-bottom: 35px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 35px;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border: 1px solid #ACACAC;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    color: #000000;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    position:fixed;
    top: 100px;
    left:25%;
    width: 50%;
    height:250px;
    z-index: 1101;
    min-width:300px;
    max-width:550px;
  }
  </style> 
<div align="center">
  <div id="somutkod" class="somutkod" align="center">
    
    <a style="color:#4f4f4f !important;font-weight:normal !important;">
      BURAYA BASLIK
      <br/>
      <br/>
      Buraya duyuru ,Resim , Şiir Ne Yazıyorsanız Yazabilirsiniz Orası Size Ait Bir Kısımdır..Bu Kod Somutkod.blogspot.com.tr ' ye Aittir..
      <br/>
      <br/>
      <br/>
      </a>
      
      <div style="position:absolute;bottom:18px;right:10px;">
          <a  href="http://somutkod.blogspot.com.tr/" class="somutkodbuton" style="color:white !important;">
          Siteye Git
        </a>
        
      </div>
<br/>

<style>
  .somutkodbuton{
    text-decoration:none;
    cursor:pointer;
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJPVsjvAsae2CD80kbfunb0jJP7DJ7ZBJUFYCuUkierbO4ppCvSsI6zuKk3n_PGy1ivZpRUD4P2EgWl1HeaeqJxuJZGQgViJRG2_iSoceTtKRV2oOKLQ2poJ27P1O4-k57eF6JL_u1jfzI/s1600/cyats.jpg);
    background-repeat:repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display:inline-block;
    font-family:Arial;
    max-width:232px;
    min-width:54px;
    text-align:center;
    font-size:11px;
    font-weight:700;
    color:#FFF;
    line-height:22px;
    border:none;
    border-left:1px solid #285EC1;
    border-right:1px solid #285EC1;
    margin:0 16px 0 0;
    padding:3px 8px 4px}
  a.somutkodbuton:hover{
    background-position: 0 -29px;
  }
  a.somutkodbuton:active{
    background-position: 0 -58px;
  }             
  .somutkodarkaplan {
        background: #ffffff;
    height: 100%;
    left: 0;
    opacity: 0.75;
    position:fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
  }
  .somutkod {
      background-image:url(http://i.hizliresim.com/wvRvGO.jpg);
    padding-bottom: 35px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 35px;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border: 1px solid #ACACAC;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    color: #000000;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    position:fixed;
    top: 100px;
    left:25%;
    width: 50%;
    height:250px;
    z-index: 1101;
    min-width:300px;
    max-width:550px;
  }
  </style> 
<div align="center">
  <div id="somutkod" class="somutkod" align="center">
    
    <a style="color:#4f4f4f !important;font-weight:normal !important;">
      BURAYA BASLIK
      <br/>
      <br/>
      Buraya duyuru ,Resim , Şiir Ne Yazıyorsanız Yazabilirsiniz Orası Size Ait Bir Kısımdır..Bu Kod Somutkod.blogspot.com.tr ' ye Aittir..
      <br/>
      <br/>
      <br/>
      </a>
      
      <div style="position:absolute;bottom:18px;right:10px;">
          <a  href="http://somutkod.blogspot.com.tr/" class="somutkodbuton" style="color:white !important;">
          Siteye Git
        </a>
        
      </div>
<br/>

Daha Fazlası

Yazar: Kaan Apaydın / Yorum: 0 / Kategori: açılır - Açılır Pencere - html - pencere - Sitene Açılır Pencere Ekle

Sitene Renkli Menu - Sadece Burada

Kod Resmi

Kod Açıklaması

Kod İçerisinde [<a href =" ....">] Deki "..." Lı Kısımı Değiştiriniz Gerisine Dokunmayınız...

Kod Önizleme

Demo

Sitene Ekliyecegin Kod

Css

#somutkodenust{margin-top:-2px;  width:789px;  height:29px; border-radius:5px 5px 0 0; background:  #E7F9FF
url(http://img.webme.com/pic/b/belenlee-tr/blogv3ustmn.png)repeat left; 
color:white;
font-size:12px;
font-family:verdana;

margin-left:auto;
margin-right:auto;
box-shadow:0 0 5px #5A5A5A;
 }

#somutkodust{  width:789px;  height:105px; border-radius:0 0 5px 5px; background:  #ffffff
url(http://img.webme.com/pic/f/fbmlkodarsiv/sag-bayrak-ekle.gif)no-repeat top right; 
color:gray;
box-shadow:0 0 5px #5A5A5A;
margin-left:auto;
margin-right:auto;
 filter: alpha(opacity=80);
    opacity: 0.8;
 }

#somutkodustmenu{margin-top:7px;  width:789px;  height:51px; border: px solid #ffffff; border-radius:7px 7px 7px 7px; background:  #F3F3F3 url(http://img.webme.com/pic/t/tasarimkurdu/renklimnu1.png)repeat; 
color:white;
font-size:14px;
font-family:verdana;
text-shadow: 2px 2px 1px #000000; 
margin-left:auto;
margin-right:auto;
clear:both;

}

#somutkodmenuu { 
    list-style-type: none; 
    padding: 1px; 
    margin-left: 0px;

} 
#somutkodmenuu li {

display: inline; 
} 
#somutkodmenuu li a {

border-radius:0;
font-size:11px;
font-family: Arial;
    text-decoration: none; 
   padding: .4em 0.5em;
    color: #68C8E6;
    background-color: none;
} 
#somutkodmenuu li a:hover
{
text-shadow: 0 0 15px #000000; 
border-radius:3px 3px 3px 3px; 
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
  padding: .4em 0.5em;
  color: #ffffff;
background: none; url(http://img.webme.com/pic/u/upload-resim/beyazz.png); 
}

Html Kod

<div id="somutkodustmenu"><table width="800" border="0" cellpadding="0" cellspacing="0" align="center" height="45">
    <tbody>
        <tr>
            <td width="150"><div class="somutkodmenusovv"><a href="http://somutkod.blogspot.com.tr/"><img src="http://img.webme.com/pic/b/bskurdu/rasayfa.png" border="0" alt="Ana Sayfa / Somutkod" /></a></div></td>
            <td width="150" style="text-align: center;"><div class="somutkodmenusovv"><a href="http://facebook.com/optimisttm"><img src="http://img.webme.com/pic/b/bskurdu/itesim.png" border="0" alt="İletisim / Somutkod" /></a></div></td>
            <td style="text-align: center;"><div class="somutkodmenusovv"><a href="#Sonyorumlar"><img src="http://img.webme.com/pic/b/bskurdu/yrum.png" border="0" alt="Son Yorumlar / Somutkod" /></a></div></td>
            <td width="155" align:center;><div class="somutkodmenusovv"><a href="http://somutkod.blogspot.com/search/label/tema"><img src="http://img.webme.com/pic/b/bskurdu/tasarims.png" border="0" alt="Temalar / Somutkod" /></a></div></td>
            <td width="155"><div class="somutkodmenusovv"><a href="#Hakkımda"><img src="http://img.webme.com/pic/b/bskurdu/hak.png" border="0" alt="Hakkımda / Somutkod" /></a></div></td>
        </tr>
    </tbody>
</table>
 </div>