Wolder King: Html Kodları

Html Kodları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Hareketli Twitter Kuşu Kodu

Hareketli Twitter Kuşu Kodu

Belki bu kodu pek çok sitede görebilirsiniz ama gerçekten çok güzel bir hava katıyor. Tavsiye ederim.

07:21

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" width="165" /></a></div>
<h3>
Frame Nedir?</h3>
Frame Html'de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencerelerdir. Çok fazla kullanılmaz. Ama çok işe yarar.<br />
<br />
<h3>
Başlayalım</h3>
<div>
Frame oluşturmak için <frameset> etiketini kullanırız. Frame desteklemeyen tarayıcılar için ayrı bir mesaj <noframes> etiketleri arasına konur. Dikey frame için "cols", yatay frame için "rows" kullanılır. Örneğin bir sayfayı iki bölüme böleceğiz ve birinci bölüm %20, ikinci bölüm %80 dikey yer kaplayacak. (Piksel olarak da verilebilir)</div>
<div>
<br /></div>
<div>
<frameset cols="20%,80%"></div>
<div>
<div>
      <frame src="frame_1.htm"></div>
<div>
      <frame src="frame_2.htm"></div>
<div>
   </frameset></div>
</div>
<div>
<br /></div>
<div>
Dikkat etmemiz gereken "cols" ve "rows"dur. Gerisi çok kolaydır. Eğer "%10,%50,*" diye frame yazarsak 1. frame %10, 2. frame %50, 3. frame kalan yerleri kaplar. Yani "*" işareti kalan yerleri kapla anlamındadır. Eğer "cols" ve "rows"u birlikte kullanacaksak:</div>
<div>
<br /></div>
<div>
<div>
 <frameset rows="75%,25%"></div>
<div>
   <frame src="frame_1.htm"></div>
<div>
      <frameset cols="25%,75%"></div>
<div>
         <frame src="frame_b.htm"></div>
<div>
         <frame src="frame_c.htm"></div>
<div>
      </frameset></div>
<div>
   </frameset></div>
</div>
<div>
<br />
Burada da dikkat etmemiz gereken sıralardır. Frame kendisini sizin yazdığınız sıraya göre ayarlar. Frame fazla kullanmayacağınızdan bunu tam olarak öğrenmenize gerek yok.</div>
<div>
<br /></div>
<h3>
Iframe</h3>
<div>
Başka bir sitedeki frame kendi sitene aldığın zaman ıframe olur. Örneğin aşağıdaki kodu sitenize ekleyin. (<body> ve </body> arasına değil)</div>
<div>
<div>
  </div>
<div>
<iframe src="http://wolderking.blogspot.com" frameborder="1" width="200" height="200" ></iframe><br />
<br />
Gördüğünüz gibi "width" ve "height" kullanarak ıframe'ın boyutunu ayarladık. "frameborder"ı kullanarak kenar genişliğini ayarladık.Diğer ıframe ayarları aşağıdadır.<br />
1.scrolling="no"    Kaydırma çuğuğunu göstermez.<br />
2.noresize="noresize"    "frame src="#" koduna eklenince boyut ayarlama engellenir.<br />
<br />
Bu derslik bu kadar. İsterseniz KodBoy'un iframe'nı sitenize ekleyebilirsiniz. Bir sonraki derste en sevdiğim konu tabloları göreceğiz. Kolay gelsin.<br />
<br /></div>
<div>
   </div>
</div>
<div>
<br /></div>

Html Eğitimi Ders 4-Frame

Frame Nedir? Frame Html'de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencerelerdir. Çok fazla kullanılmaz. Ama...

Devamı »

08:10

Html Eğitimi Ders 3-Etiket Özellikleri

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" width="165" /></a></div>
<h3>
</h3>
<h3>
Element Özellikleri</h3>
<div>
Element özelliklerinden 1. derste bahsetmiştik. özellik="değer" şeklinde kullanılan bu özellikler siteyi daha kullanışlı hala getirir. Hadi bazılarına göz atalım.</div>
<h3>
<h1></h3>
<div>
<h1 align="center">Yazı</h1> </div>
<div>
Bu özellik başlığın orta, sağ, sol gibi herhangi bir yerde durmasını sağlar. "center" yazan "right","left" de yazılabilir.</div>
<div>
<br /></div>
<div>
<a href="Adres" title="Tıkla">Bağlantı</h1></div>
<div>
Bir başlığa link vermenizi sağlar. "title="Yazı" özelliği mousenin yazı üzerinde bekletildiğinde çıkan yazıyı belirtir. <a> etiketinin de özelliğidir. "Bağlantı" yazan yere Yazı yazılıp "Adres" yazan yere link yazılır.</div>
<div>
<br /></div>
<div>
Hadi bakalım şimdi sitenizin başlığına bir adres verin. Adresi siz belirleyin. Bu arada birde başlığı ortalasanız iyi olabilir.</div>
<div>
<br /></div>
<h3>
<a></h3>
<div>
<a href="Adres" title="Tıkla">Bağlantı</a><br />
<a href="Adres" target="_blank" title="Tıkla">Bağlantı</a></div>
<div>
<h1> etiketinin özelliği gibidir fakat başlığa değil yazıya link verilir. "target=_blank"" sayfayı başka bir sayfada açar. Dikkat. Site adresinin başına "https://" koymayı unutmayın. Yoksa hata verebilir.</div>
<div>
<br /></div>
<div>
<a title="Hey">Burada Bekle</a></div>
<div>
<h1> etiketinin özelliği gibi mouseyi yazı üzerinde bekletince çıkan yazıdır.<br />
<br />
<a name="Wolder King"> WolderKing Eğitim </a><br />
Bu name özelliği kodda bir değişiklik yapmaz ve sadece bizim kodları kolay yazmamızı sağlar. Yani herhangi bir koda isim koyuyormuş gibi düşünün.<br />
<h3>
<body></h3>
</div>
<div>
<body bgcolor="yellow"> <a> Wolder King </a> </body><br />
Sayfaya arka plan rengi eklemeyi sağlar. "yellow" yazan yeri diğer ingilizce renklerle değiştirebilirsiniz. Bu arada sitenize bir arka plan rengi ekleyin.<br />
<br />
Bu ders bu kadar. Sitenizi bu kodlarla geliştirin. Bir sonraki derste frame'i göreceğiz. Zor bir ders olacak. Kolay gelsin.<br />
<br />
<br /></div>

Html Eğitimi Ders 3-Etiket Özellikleri

Element Özellikleri Element özelliklerinden 1. derste bahsetmiştik. özellik="değer" şeklinde kullanılan bu özellikler sitey...

Devamı »

08:03

Transparent Resim Kodu

Transparent Resim Kodu

Resimlerin üzerine gelince resimleri transparent yapan bu kod ile siteye güzellik katın. Bütün resimlerde uygulamak için ise css olarak ek...

Devamı »

04:51

Site İçi Çeviri Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg00vkVHe9-ON2dQDEDBtjTWIwbd-XICHMvAoIh4LmnSNFRzErGe5MiIe_k1R_Z8auqx7xl7QW3iQURcKqPR_5uh0xiPpVuarwnqsjKstcUAwVungZyujd4sUDFHEkSksBoTmID1IiV7Clk/s1600/googletranslate_final_101022528260.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg00vkVHe9-ON2dQDEDBtjTWIwbd-XICHMvAoIh4LmnSNFRzErGe5MiIe_k1R_Z8auqx7xl7QW3iQURcKqPR_5uh0xiPpVuarwnqsjKstcUAwVungZyujd4sUDFHEkSksBoTmID1IiV7Clk/s1600/googletranslate_final_101022528260.jpg" width="200" /></a></div>
Sitenizi bütün dünyaya tanıtmak istiyorsanız bu kod size gerekli. Bu kodu sayfaya görünecek yerlere koyun.<br />
<textarea class="bginput" cols="42" rows="5" style="height: 50px; width: 200px;"><script src=”http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=tr&w=160&h=60&title=&border=&output=js”></script>

Site İçi Çeviri Kodu

Sitenizi bütün dünyaya tanıtmak istiyorsanız bu kod size gerekli. Bu kodu sayfaya görünecek yerlere koyun.

Devamı »

04:35

Gelişmiş Sosyal Ağ Butonları Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbx_rBatTuoHSzWHFC_ItAxMPhZ3YSizGV0eHVutOPsIUJWePW0cpvo_99ijA0nAZZtu_TLuFY_E1vvzrHwOSLwBZXoS9bzeU9ByvaHQ5Gat6N5YwZodRqXyTv1pMTGlDr6DPBJZ3m54D/s1600/social-networks.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbx_rBatTuoHSzWHFC_ItAxMPhZ3YSizGV0eHVutOPsIUJWePW0cpvo_99ijA0nAZZtu_TLuFY_E1vvzrHwOSLwBZXoS9bzeU9ByvaHQ5Gat6N5YwZodRqXyTv1pMTGlDr6DPBJZ3m54D/s1600/social-networks.jpg" width="320" /></a></div>
Sitene gelişmiş sosyal ağ butonu ekle ve görkemi arttır. Sosyal ağlar hit konusunda önemli yer taşır. Sakın adresleri değiştirmeyi unutma.<br />
<textarea class="bginput" cols="42" rows="5" style="height: 50px; width: 200px;">
<style> #exeideasbody { background:#f8f8f8; margin:0 0 40px 0; padding:10px; border: 3px outset #ff0000; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; font-size: 14px; } .spinning_icons a{ width:36px; height:36px; display:inline-block; text-indent:-9999em; background-position:0 0; background-repeat:no-repeat; z-index:2000; overflow:hidden; } .spinning_icons a:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transition: transform 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; } .twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3NBfA56KrJ5JZPL53Mm9XfQ8ND37TP9gK8Zfn5m5bJ1QtF-j2uddschForTsFX_3GQWX5Tb3UHT_UQcAgyOst2oklG8-5pog63xaVzuLV8PVqK4i5yatzmqlr9ji35Zu702MWfbFFJRA/s0/twitter.png'); } .facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTrgUaRlbOA0ifoEHq_zy0Y2pnaf4NCH6zFZZF2YqAyhqk3OFB2yDiFY_04P_Co3cwos_Rcz8Dl0fFGnBfLD53p-PrknxAsgx_LcoRi3c8-cXvxPZCGF8bM_lnsm7s0Q3ayvrsUxGlXdI/s0/facebook.png'); } .linkedin{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyrZs0n6Q8mDpTf0_HyE2cvhOQd7FXZ7I4hZ5_zD_3mbRIcJbh_YBVJs_KuOA2dENpuzkdVd7SzCVfp_XJ_2CA5aUUniWLLfsRcrjFrBt92RvTRgobShZTpMnsUZfaA5MtGuqYuhuD74/s0/linkedin.png'); } .rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeqKrmZkwt8K2J74KHCeqPQkAqfw9bvadsZcjqbCIOCkhYREFB9vIqtkRmHL_srUSGslTiuFqOYRI_qwb6A8GGnlkfYyCd7rD-PWbcDfC2DiCDM54B-Y0-XrUcV8CrrYz30Ho47LoqjBg/s0/rss.png'); } .youtube{ background:url('https://lh6.googleusercontent.com/-EjnvqvxdSIQ/T40l3XSfhlI/AAAAAAAAB9s/4VnPEZgDXSQ/s32/YouTube.png'); } .googleplus{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg01E3K26B2t8XaONq4k7L1vKfz61tKWry6V0FWh5evkkrdPRjoMvnJjTtXlGh9hYR3eA7KwU9ftZAcXEsgsykCjBg2ZtItv4EyTtImR5akZcRxGr4YV1-LJQggzwdiIHYO37ylhyphenhyphenmT7Gk/s0/gplus.png.png'); } .mixsocial{ background:url('https://lh6.googleusercontent.com/-xcHvGi2TpZk/T6jP9vrvTMI/AAAAAAAACGg/7mFW9zJeCic/s32/myspace.png'); } #email-news-subscribe .email-box{ padding: 5px 10px; font-family: "Arial","Helvetica",sans-serif; height:35px;} #email-news-subscribe .email-box input.email{ background:#FFFFFF; border: 1px solid #dedede; color: #999; padding: 7px 10px 8px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-image: initial; font-family: "Arial","Helvetica",sans-serif;} #email-news-subscribe .email-box input.email:focus{color:#333} #email-news-subscribe .email-box input.subscribe{ background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); -pie-background: linear-gradient(270deg,#ffca00,#ff9b00); font-family: "Arial","Helvetica",sans-serif; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:white; text-shadow:#d08d00 1px 1px 0; padding:7px 14px; margin-left:3px; font-weight:bold; font-size:12px; cursor:pointer; border-image: initial;} #email-news-subscribe .email-box input.subscribe:hover{ background: #ff9b00; background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb); outline:0;-moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:#FFFFFF; text-shadow:#d08d00 1px 1px 0} </style>  <center id="exeideasbody">
 <div class="spinning_icons">
 <a href="http://twitter.com/ADRES" class="twitter" title="twitter">Twitter</a> <a href="http://facebook.com/ADRES" class="facebook" title="facebook">Facebook</a> <a href="http://www.linkedin.com/ADRES" class="linkedin" title="linkedin">Linkedin</a> <a href="https://plus.google.com/ADRES" class="googleplus" title="Google Plus">Google Plus</a> <a href="http://feeds.feedburner.com /ADRES" class="rss" title="rss">RSS</a> <a href="http://www.youtube.com/ADRES" class="youtube" title="youtube">YouTube</a> <a href="http://www.kodboy.blogspot.com" class="mixsocial" title="KodBoy">Sitene Ekle</a> </div>
<div id="email-news-subscribe">
 <div class="email-box">
 <form action="http://feedburner.google.com/Adres" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= blogger-dersleri', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="E-Posta Aboneliği.." onfocus="if(this.value==this.defaultValue)this.value='';"onblur="if(this.value=='')this.value=this.defaultValue;" /> <input type="hidden" value=" blogger-dersleri" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="E-mail İle Takip" /> </form>
</div>
</div>
</center>

Gelişmiş Sosyal Ağ Butonları Kodu

Sitene gelişmiş sosyal ağ butonu ekle ve görkemi arttır. Sosyal ağlar hit konusunda önemli yer taşır. Sakın adresleri değiştirmeyi unutma....

Devamı »

04:32

Dalda Twitter Kuşu Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdJO79A3ThLDs6Q1iafe6ksRNLiW4UNlPI5oaKpCnBwqubqvioqxEo1cfgX1fL3T8wuqvNtKpdAXH5KLTSB8d0k3hc_mPB1TLwjTkHQF978_3jkHEzIkr8hcPFruhe_3IedSQAJ4UN_pM/s1600/Twitter+Ku%25C5%259Fu.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/AVvXsEgdJO79A3ThLDs6Q1iafe6ksRNLiW4UNlPI5oaKpCnBwqubqvioqxEo1cfgX1fL3T8wuqvNtKpdAXH5KLTSB8d0k3hc_mPB1TLwjTkHQF978_3jkHEzIkr8hcPFruhe_3IedSQAJ4UN_pM/s1600/Twitter+Ku%25C5%259Fu.png" /></a></div>
Sitene twitter kuşu ekleyip izleyicileri etkile. İstersen kuşa link verip kendi twiter adresini yazabilirsin. Yapman gereken Adres yazan yere adresi eklemek.
<textarea class="bginput" cols="42" rows="5" style="height: 67px; margin: 0px; width: 200px;">
<style type="text/css">#exetwitter {position:fixed;top:0;left:0;z-index:9997;cursor:pointer;}</style><a target="_blank" id="exetwitter" href="http://www.twitter.com/ Bloggerblog_ "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyIsOIWemr9uK7p1kg3zPRJkwZ53RRhjTsXwkEk3WGiE9skzpOqU6kkbuc0BIOFE98gTh32EW4UB3A6yzVE40ZtZlarACMFW_guqWVNt9g63IDYd8MYvLeUEn3gScj35xpjwdtKKLXBzE/s320/Follow-Me-On-Twitter.png" alt=" Twitter" title=" Twitter" width="150" /></a>

Dalda Twitter Kuşu Kodu

Sitene twitter kuşu ekleyip izleyicileri etkile. İstersen kuşa link verip kendi twiter adresini yazabilirsin. Yapman gereken Adres yazan...

Devamı »

04:29

Sayfa Yükleniyor Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAA6_SFfiKNjuAfg7LYoty4ji9qewyxXQ1EYF4qP3juZq6IO-r0iQny7i3R2Lep8YARTnxDGG4zUzJ8HkjT31c49NBy09pJvDZ65qIQyLPlprym_LW3c0XmFLGwYtGD3kUrGbcmICJI0q/s1600/loading-gif-free-615.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAA6_SFfiKNjuAfg7LYoty4ji9qewyxXQ1EYF4qP3juZq6IO-r0iQny7i3R2Lep8YARTnxDGG4zUzJ8HkjT31c49NBy09pJvDZ65qIQyLPlprym_LW3c0XmFLGwYtGD3kUrGbcmICJI0q/s1600/loading-gif-free-615.gif" width="200" /></a></div>
Sayfa yükleniyor koduyla sitenize ilgi çekici bir görsellik katın. Çok hoş ve güzel. İzleyicilerin hoşuna gideceğini düşündüğümden eklemenizi tavsiye ederim.
<textarea class="bginput" cols="42" rows="5" style="height: 50px; width: 200px;">
<script type="text/javascript"> 
</script><!DOCTYPE HTML><style type="text/css">div.hbne{opacity:0.9;filter:alpha(opacity=90);position:fixed;z-index:4000;}div.hghd{top:0px;left:0px;} div.hbne{_position:absolute;}div.hghd{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="yukleniy" style="background-color:#ffffff;width:100%;height:100%;padding-top:20%;" class="hbne hghd">
 <center>
<a style="font-family:Arial;font-size:19px;color:#4f4f4f;">Sayfa Yükleniyor...</a><br/><br/> <a target="_blank" style="background-color:transparent;border:none;padding:0px;margin:0px;"><img style="padding:0px;margin:0px;background-color:transparent;border:none;" src="http://womenslifeinbalance.com/10/loading-gif-free-615.gif _fcksavedurl="http://img.webme.com/pic/t/toplist24/yukleniyo.gif" /></a></center>
</div>

Sayfa Yükleniyor Kodu

Sayfa yükleniyor koduyla sitenize ilgi çekici bir görsellik katın. Çok hoş ve güzel. İzleyicilerin hoşuna gideceğini düşündüğümden eklem...

Devamı »

04:25

Sosyal Ağ Butonları Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbe9GD4uyX5jEz88H9E6JTTo-ZG8iTgtyO4DkBSBFSSk-WDb-3j64ShAl0E45KPltwRMpp9KbDAywTjSC6bzOOyFK6UzFq3GAagEGG6bv9d07EX6fhkxXvAcN-zUho7PQXr09GFS1tYSbP/s1600/social-networks.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbe9GD4uyX5jEz88H9E6JTTo-ZG8iTgtyO4DkBSBFSSk-WDb-3j64ShAl0E45KPltwRMpp9KbDAywTjSC6bzOOyFK6UzFq3GAagEGG6bv9d07EX6fhkxXvAcN-zUho7PQXr09GFS1tYSbP/s1600/social-networks.jpg" width="320" /></a></div>
Sosyal ağ butonları sayfanın vazgeçilmez olan kodlardandır.  Aşağıdaki kodu kopyalayıp sitenize eklerseniz güzel bir görünüm oluşturabilirsiniz. ADRES yazan yerlere kendi adresinizi yazın.<textarea class="bginput" cols="42" onclick="this.focus();this.select()" rows="5" style="height: 50px; margin: 0px; width: 385px;"> <!-- WolderKing Sosyal Ağ Butonları Kodu Başlangıç--!>
<a class='blur' href='http://www.facebook.com/ADRES' rel='nofollow' target='_blank'><img alt='facebook' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/facebook-icon.png' width='40'/></a>
<a class='blur' href='http://twitter.com/ADRES' rel='nofollow' target='_blank'><img alt='twitter' border='0' height='41' src='http://icons.iconarchive.com/icons/danleech/simple/128/twitter-icon.png' width='40'/></a>
<a class='blur' href='http://youtube.com/user/ADRES' rel='nofollow' target='_blank'><img alt='youtube' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/youtube-icon.png' width='40'/></a>
<a class='blur' href='https://plus.google.com/ADRES' rel='nofollow' target='_blank'><img alt='google+' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/google-plus-icon.png' width='40'/></a>
<a class='blur' href='http://feeds.feedburner.com/ADRES' rel='nofollow' target='_blank'><img alt='feedburner' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/rss-icon.png' width='40'/></a>
<!-- WolderKing Sosyal Ağ Butonları Kodu Bitiş--!>

Sosyal Ağ Butonları Kodu

Sosyal ağ butonları sayfanın vazgeçilmez olan kodlardandır. Aşağıdaki kodu kopyalayıp sitenize eklerseniz güzel bir görünüm oluştur...

Devamı »

04:20

Hareketli Twitter Kuşu Kodu

Html Eğitimi Ders 4-Frame

Html Eğitimi Ders 3-Etiket Özellikleri

Transparent Resim Kodu

Site İçi Çeviri Kodu

Gelişmiş Sosyal Ağ Butonları Kodu

Dalda Twitter Kuşu Kodu

Sayfa Yükleniyor Kodu

Sosyal Ağ Butonları Kodu

Popüler

Arşiv