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

3 Mart 2013 Pazar

Blogger İçin Ziyaretçi Defteri

advertise here

Blogunuza gelen ziyaretçilerin size bir mesaj yada not bırakması için, blogger ziyaretçi defterini kullanabilirsiniz.


<div style="position:relative;"> <div id="HCB_comment_box">Ziyaretçi Defteri yükleniyor...</div>
</div>
<link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
<script charset="windows-1254" type="text/javascript" language="javascript" id="hcb">
if(!window.hcb_user){hcb_user={ comments_header:"Guestbook" };}(function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24O3MZGwnoHh96p7rGutJjk1"+"&opts=5978&num=20");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})();</script>
<script charset="windows-1254">
hcb_user = {
comments_header : ' ',
name_label : 'isim',
content_label: 'mesajınızı buraya yazın',
submit : 'gönder',
logout_link : '<img src="http://www.htmlcommentbox.com/static/images/door_out.png" alt="[logout]" class="hcb-icon"/>',
admin_link : '<img src="http://www.htmlcommentbox.com/static/images/door_in.png" alt="[login]" class="hcb-icon"/>',
no_comments_msg: '<p>Henüz kimse mesaj bırakmadı, ilk sen yaz!</p>',
add: '(+) mesajını ekle',
rss: '<img src="http://www.htmlcommentbox.com/static/images/feed.png" class="hcb-icon" alt="rss"/> ',
said: 'dedi ki:',
prev_page:'<img src="http://www.htmlcommentbox.com/static/images/arrow_left.png" class="hcb-icon" alt="[prev]"/>',
next_page:'<img src="http://www.htmlcommentbox.com/static/images/arrow_right.png" class="hcb-icon" alt="[next]"/>',
showing:'gösteriliyor',
to:'şuna cevaben:',
website_label:'web site (zorunlu değil)',
email_label:'eposta',
anonymous:'Misafir',
mod_label:'(mod)',
subscribe:'Cevap verildiğinde bana mail at',
msg_thankyou:'<b>Mesajın için teşekkürler!</b>',
msg_approval:'(bu yorum sen onaylayana kadar yayınlanmayacak)',
msg_approval_required:'<b>Teşekkürler! Mesajın yayınlanmadan önce bir moderatör tarafından onaylanacak.</b>',
err_bad_html:'Mesajın kötü html içeriyor.',
err_bad_email:'Lütfen geçerli bir e-posta adresi girin.',
err_too_frequent:'Yeni bir mesaj göndermek için biraz beklemelisin.',
err_comment_empty:'Mesajın boş!',
MAX_CHARS: 2048,
PAGE:'',
RELATIVE_DATES:true};
</script>

Kodu denemek için Online html editor'ü kullanabilirsiniz

Blogger tema Yükleme

advertise here

BLOGGERE TEMA NASIL UYGULANIR-BLOGGER TEMALARI NASIL YÜKLENiR?
Bloğunuz için indirdiğiniz temaları bloğunuza nasıl uygulayacağınızı, resimli olarak anlatacağım.

1.Yüklemek istediğimiz şablonu indiriyoruz.( Burdan İndirebilirsiniz)
indir
İndirdiğimiz Zip dosyası içerisindeki xml uzantılı olanları çıkarıyoruz.Daha sonra
2.Bloğumuzun Tasarım bölümüne gidiyoruz.
(Kumanda Paneli-Tasarım-Html Düzenle)
3.Önceki şablonumuzu Tam Şablonu İndir Linkine tıklayıp yedekliyoruz.

Tam Şablonu İndir

4.Gözat butonuna basıp çıkardığımız xml uzantılı dosyanın yolunu seçiyoruz.Ardından yükle butonuna tıklıyoruz.

yükle

5.Aşağıdaki uyarıyı görürseniz widgetlari tut butonuna basıyoruz.

widgetlari tut

6.Şablonu Kaydediyoruz...

Şablonu Kaydediyoruz

15 Temmuz 2012 Pazar

Html site kodu

Html site kodu
Websitenizi html kodlarındandan yapmak istermisiniz? Aşağıda sizler için bi örnek hazırladım. Üzerinde oynamalar yaparak sitenizi oluşturabilirsiniz.

ÖNİZLEME

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="author" content="Meftun MEDE">
<meta name="description" content="buraya, virgüllü, anahtar, kelime, koy,">
<meta name="keywords" content="buraya açıklama yaz">
<meta name="generator" content="Web Page Maker V2">
<title>sayfanızın başlığını yazın</title>
<style type="text/css">
/*----------Style Kodları----------*/
body{text-align:center;margin:0;}
div#container{position:relative;width:816px;margin-top:0;margin-left:auto;margin-right:auto;text-align:left;}
DIV,UL,OL /* Left */{margin-top:0;margin-bottom:0;}
.ws6{font-size:8px;}
.ws7{font-size:9.3px;}
.ws8{font-size:11px;}
.ws9{font-size:12px;}
.ws10{font-size:13px;}
.ws11{font-size:15px;}
.ws12{font-size:16px;}
.ws14{font-size:19px;}
.ws16{font-size:21px;}
.ws18{font-size:24px;}
.ws20{font-size:27px;}
.ws22{font-size:29px;}
.ws24{font-size:32px;}
.ws26{font-size:35px;}
.ws28{font-size:37px;}
.ws36{font-size:48px;}
.ws48{font-size:64px;}
.ws72{font-size:96px;}
.wpmd{font-size:13px;font-family:Arial;font-style:normal;font-weight:400;}
</style>
</head>
<body>
<div id="container">
<div id="text3" style="position:absolute; overflow:hidden; left:417px; top:84px; width:274px; height:359px; z-index:0; background-color:#F7F7F7">
<div class="wpmd">
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<ul>
<li><font class="ws8" color="#808080" face="Tahoma"><U>Aradigin Meftun Mede bu degil mi?Tekrar dene</U></font></li>
<li><font class="ws8" color="#808080" face="Tahoma"><U>BU KISMADA AÇIKLAMALARINIZI YAZIN.</U></font></li>
<li><font class="ws8" color="#808080" face="Tahoma">LiNKLERiNiZi YAZILARINIZI YAZIN.ZiYARETCiYE iÇERiK TASARLAYIN.iÇERiK NE KADAR SiZiN OLURSA OLSUN O KADAR SiTE DEĞERiNiZ ARTAR.DOST SiTE EDiNEREK iNTERNETTE ADINIZI DUYURUN.GOOGLE ARAMA MOTORUNDA YER ALMAK iSTERSENiZ BiZi SiTENiZE EKLEYiN.BiR HAFTA iÇiNDE KAYIT EDiLMiS OLDUĞUNUZU GÖRECEKSiNiZ. </font></li>
</ul>
</div>
</div>
<div id="shape1" style="position:absolute; overflow:hidden; left:4px; top:661px; width:689px; height:18px; z-index:1; background-color:#A8A8A8">
</div>
<div id="shape9" style="position:absolute; overflow:hidden; left:4px; top:84px; width:83px; height:590px; z-index:2; background-image:url(file:///C:/Program Files/Web Page Maker V2/Templates/Personal/Personal001/images/imageline2.gif)">
</div>
<div id="hr1" style="position:absolute; overflow:hidden; left:11px; top:307px; width:380px; height:28px; z-index:3">
<hr size=3 width=380 color=#82B40C>
</div>
<div id="shape8" style="position:absolute; overflow:hidden; left:695px; top:86px; width:118px; height:589px; z-index:4; background-image:url(file:///C:/Program Files/Web Page Maker V2/Templates/Personal/Personal001/images/imageline2.gif)">
</div>
<div id="text5" style="position:absolute; overflow:hidden; left:414px; top:474px; width:275px; height:182px; z-index:5; background-color:#F4F4F4">
<div class="wpmd">
<div>
<font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>YAZI BAŞLIĞI. </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">BURAYA kısa açiklama ile yazi içerigini ekleyerek devam edin.Yazinin pesine bu ebata sigacak kodda ekleme sansiniz var :) </font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">hedef url varsa yazisi ile ekle</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">kodlari kullan yazi kullan bu sayfa kodlarini </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">web page ile açop dahada geliştirebilirsiniz.bunun için bize danisin</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div>
<div id="image12" style="position:absolute; overflow:hidden; left:413px; top:452px; width:277px; height:15px; z-index:6"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK521rlJ9SBIE_I4CsHgSAVg5m2HGCwVO6nrjQ4N6z3yPvW7JzdwP0HdMJWx4WW43g-rbc-Yz82IevX33SRgXHJ-CGpTe5-vsruj_nU14VLsJvOP_uFK3B1FoD8dJfkBij55ix3bkiWNK9/s1600/separador.gif" border=0 width=277 height=15>
</div>
<div id="shape11" style="position:absolute; overflow:hidden; left:3px; top:0px; width:695px; height:62px; z-index:7; background-color:#9ECE38">
</div>
<div id="text4" style="position:absolute; overflow:hidden; left:6px; top:21px; width:250px; height:38px; z-index:8">
<div class="wpmd">
<div><font class="ws14" color="#FFFFFF" face="Tahoma">MEFTUN MEDE</font>
</div>
</div>
</div>
<div id="image1" style="position:absolute; overflow:hidden; left:423px; top:95px; width:263px; height:120px; z-index:9"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizs-8GiFYXiXQr-nzvR86_7mF-Omzfm8XIbw3FlEhysOCzBWrrcR2_toJPALwoIygYNaAH5wqv36Xjg1zda8zasQG33zR8d1auJTmQOmrJk4PrvwEui-qRzPB4JGFLczE70C4JFwPzUZcE/s1600/Follow+By+Email.JPG" border=0 width=263 height=120>
</div>
<div id="text2" style="position:absolute; overflow:hidden; left:427px; top:156px; width:243px; height:52px; z-index:10">
<div class="wpmd">
<div>
</div>
</div>
</div>
<div id="text1" style="position:absolute; overflow:hidden; left:90px; top:321px; width:290px; height:23px; z-index:11">
<div class="wpmd">
<div><font class="ws7">haber sayfan mesaj panon</font>
</div>
</div>
</div>
<div id="text6" style="position:absolute; overflow:hidden; left:3px; top:88px; width:83px; height:223px; z-index:12">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="text7" style="position:absolute; overflow:hidden; left:301px; top:4px; width:384px; height:53px; z-index:13">
<div class="wpmd">
<div><font class="ws7">BURASI REKLAM KODLARINI KOYACAĞIN YER.iSTERSEN BANNER YADA YAZI EKLE</font>
</div>
</div>
</div>
<div id="text8" style="position:absolute; overflow:hidden; left:701px; top:97px; width:106px; height:42px; z-index:14">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="image2" style="position:absolute; overflow:hidden; left:698px; top:141px; width:110px; height:66px; z-index:15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYRIXPGYo1I-yO55lxSGGMZoLmrLczhWiwPj9MwbM6EftkTAOe-GgFJwZhhyphenhyphenxIiWtENlHNnEtyKnIk7lbXaNQJxnR8CYFddCvtwBL3gI_J1OZP52lsir6jWwxlQ76JXcpstXPyG6EdQuX/s400/AdvantagesOfOnlineBanking-11.jpg" border=0 width=110 height=66>
</div>
<div id="text9" style="position:absolute; overflow:hidden; left:703px; top:215px; width:106px; height:449px; z-index:16">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="text10" style="position:absolute; overflow:hidden; left:391px; top:662px; width:296px; height:90px; z-index:17">
<div class="wpmd">
<div><font class="ws7" color="#FFFFFF"><B><I>Copyright ekle burayada</I></B></font>
</div>
</div>
</div>
<div id="text11" style="position:absolute; overflow:hidden; left:90px; top:692px; width:602px; height:186px; z-index:18">
<div class="wpmd">
<div><font class="ws7">bu kisim sayac reklam gibi kodlarinizi ekleyecegin yer</font>
</div>
</div>
</div>
<div id="text12" style="position:absolute; overflow:hidden; left:88px; top:85px; width:323px; height:222px; z-index:19; background-color:#F4F4F4">
<div class="wpmd">
<div><font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>Meftun Apart </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">Eski adi 'Telmessos' "Aydinliklar Sehri", simdiki adi Fethiye olan ilçemizdeki Apartimizda evinizin sicakliginda tatil yapmak istemisiniz?</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">http://www.facebook.com/MeftunApart</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">http://www.facebook.com/Meftun.mede </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">https://twitter.com/MeftunApart</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div>
<div id="html1" style="position:absolute; overflow:hidden; left:93px; top:344px; width:287px; height:109px; z-index:20">
<script type="text/javascript">
// http://meftunmede.blogspot.com ücretsiz Hizmetler
// TKontak Meftun_hh@Hotmail.de
//CONFIGURE MESSAGES AND VARIABLES
var tickercontents=new Array() tickercontents[0]='Yazılar buraya gelecek
<a href=http://meftunmede.blogspot.com>Link atılacak sayfa link ismi</a>
!' tickercontents[1]='yazıların nasıl artırılacağını biliyorsunuz.Mesaj paragraflarını artırın
<a href=http://meftunmede.blogspot.com/>webmasters</a> Tıkla
!' tickercontents[2]='Web tasarım dizayn
<a href=http://meftunmede.blogspot.com>JavaScript </a>
- Bedava Hizmetler!' var tickerwidth="200px"
var tickerheight="70px"
var fontcss="font: bold 14px Verdana; color:black"
var tickdelay=3000 //delay btw messages var highlightspeed=2
//2 pixels at a time.
var highlightcolor="lightyellow"
var backdroptextcolor="#E1E1E1"
////Do not edit pass this line////////////////
document.write('
<style>#highlighterbg a{color:'+backdroptextcolor+'}
</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px">
</span>
<span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px">
</span>')
document.write('</div>')
var currentmessage=0 var clipbottom=1 function changetickercontent(){ msgheight=clipbottom=crosstick.offsetHeight crosstick.style.clip="rect("+msgheight+"px auto auto 0px)" crosstickbg.innerHTML=tickercontents[currentmessage] crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() } function highlightmsg(){ //var msgheight=crosstick.offsetHeight if (clipbottom>0){ clipbottom-=highlightspeed crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipbottom=msgheight clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() }
if (document.all || document.getElementById) window.onload=start_ticking
</script>
</div>
<div id="text13" style="position:absolute; overflow:hidden; left:88px; top:462px; width:308px; height:194px; z-index:21; background-color:#F4F4F4">
<div class="wpmd">
<div>
<font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>Meftun Apart . </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">Apartlarimiz deniz ve plaja 50 metre mesafede olup 8 full esyali ve havuzlu aparttan olusmaktadir. </font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">www.MeftunApart.com</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">kodları kullan yazı kullan bu sayfa kodlarını </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">web page ile açop dahada geliştirebilirsiniz.bunun için bize danışın</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div>
</div>
</body>
</html>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Merkez bankası döviz kurları

döviz kurları
Sitenize Döviz Kurunu Gösteren Kodu Ekleyin :
IMKB ile eş zamanlı olarak sitenizde döviz kurlarını Dolar ve Euro olarak gösterebilirsiniz. Tek yapmanız gereken aşağıdaki kodlardan beğendiğinizi sitenize eklemek.
Aşağıdaki kodu kopyalayınız :

Slide Model Örnek gösterim :
altın fiyatları

Aşağıdaki kodu kopyalayınız :

1. Model Örnek gösterim :

Aşağıdaki kodu kopyalayınız :

2. Model Örnek gösterim :

Aşağıdaki kodu kopyalayınız :


3. Model Örnek gösterim :

Aşağıdaki kodu kopyalayınız :

4. Model Örnek gösterim :

Aşağıdaki kodu kopyalayınız :

5. Model Örnek gösterim :

Bilgilendirme: Döviz kurları Türkiye Cumhuriyet Merkez Bankası verilerinden eş zamanlı olarak alınmaktadır.

Msn'e Ekleme Kodu

Msn'e Ekle



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqIaeUuKv_UJcDKJtoNHJKxfrv4UmA7NriQ9ouOLQ0gIyU4Xvsz0IIp9TZwsO8VIQqR_QxM-o3X7Yuz1hyvkzYeiTnWPzthQnrTcpyOdqhoFFrI7UXuxuJ0-X4OZGpxKG6LTzmHF93U9IE/s1600/msn.png" alt="add contact" border="0" height="20" width="20"/><a href="msnim:add?contact=Meftun_HH@hotmail.de"> Bizi MSN'ize Eklemek için Tıklayın</a>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Sitene 1.Lig puan durumu

spor toto süper lig

Sitenize Türkiye Futbol Spor Toto Süper Liginin Fikstür ve puan durumunu eklemek için aşağıdaki beğendiginiz kodlardan birini seçebilirsiniz.


<iframe src="http://siteneekle.fotomac.com.tr/v2/siteneekle/akilli-kutu" scrolling="no" frameborder="0" width="300" height="250"></iframe>




<iframe id="onbirim_puan_durumu2" src="http://www.onbirim.com/paylasim/puandurumu2.aspx" framespacing="0" frameborder="no" scrolling="no" width="300" height="300" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>




Beyaz:
<iframe src="http://www.trtspor.com.tr/puandurumu-ekle/?lig=1&renk=a&baslik=1&resimler=1&a=7" frameborder="0" height="282" width="298"></iframe>


Kırmızı:
<iframe src="http://www.trtspor.com.tr/puandurumu-ekle/?lig=1&renk=k&baslik=1&resimler=1&a=9" frameborder="0" height="282" width="298"></iframe>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Sitene Google Arama Motoru Ekle

Google Arama Motoru
Google Özel Arama Motoru
Kullanıcıların web sitenizde aradıkları içeriği daha kolay bulmalarına yardımcı olmak için Google Özel Arama ile ana sayfanıza bir arama kutusu ekleyin. Hızlı ve alakalı arama sonuçları alın. Sonuçların görünümünü sitenizin tasarımıyla eşleşecek şekilde özelleştirin.
Önizleme:

Loading...


<script src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ new google.search.CustomSearchControl().draw('cse'); }, true); </script> <body style="font-family: Arial;border: 0 none;"> <div id="cse" style="width:100%;">Loading...</div>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Sitene Online Radyo , Televizyon Ekle

Sitene Online Radyo, Televizyon Ekle
Bir web sitesi sahibiyseniz ziyaretçilerinize ücretsiz canlı yayın hizmeti vermek istiyorsanız alttaki kodlardan size uygun olanını seçip sitenize eklemeniz yeterlidir. Aşağıdaki kodları alıp sitenizde uygun yere koyup kaydedin. Sitenize radyo, TV yayın hizmeti ekleyerek ziyaretçilerinizin ilgisini çekebilirsiniz...
Önizleme:

<iframe width="600" height="411" frameborder="0" src="http://goo.gl/Wb2nEF"></iframe>

Önizleme:

<iframe width="135" height="45" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" src="http://www.abchukuk.com/canliyayin/canliyayin3.html"></iframe>

Önizleme:

<iframe src="http://www.canli-radyo-dinle.org/sitene-ekle/index.php?sef=alem-fm" name="Canlı Radyo Dinle" scrolling="no" frameborder="no" height="330px" width="246px"></iframe>

Kodun tamamını kopyalayınız, kodun içerisindeki www.sitenizinismi.com kısmına sitenizin adını yazarak kişiselleştirebilir veya o kısmı silerek boş bırakabilirsiniz.
Canlı TV Yatay Önizleme:

<iframe name='ctv' height='290' width='600' src='http://www.canlitv.gen.tr/sitene-ekle/stil1.php?uye=www.sitenizinismi.com' frameborder='0' scrolling='no'></iframe>

Canlı TV Dikey Önizleme:

<iframe name='ctv' height='530' width='300' src='http://www.canlitv.gen.tr/sitene-ekle/stil2.php?uye=Benimsitem.com' frameborder='0' scrolling='no'></iframe>

Kodları denemek için Online html editor'ü kullanabilirsiniz.

Müzik player kodu

Müzik player kodu
Sitenize Flash MP3 Müzik player ekleyin.

Flash MP3 Müzik player web geliştiricileri ve blogcular için websiteleri üzerinde kolay bir şekilde kişiselleştirilebilir bir müzik oynatma özelliği sağlar. Bu online müzik oynatıcılar ile kolayca şarkı listelerinizi ekleyebilirsiniz. Burada bulunan müzik çalarların çoğu kişiselleştirilebilir olduğu için tasarımınıza uygun bir şekilde eklenebilir. Bu web sitelerinde yayılması planlanan bir MP3 çalar açık kaynak kodlu, özgür ve özelleştirilebilir.
Önizleme Versiyon 1:

Önizleme Versiyon 2:

Versiyon 1

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" /> <param name="bgcolor" value="#189ca8" /> <param name="FlashVars" value="mp3=http://www.enyenimp3indir.net/indir.asp?ID=14386&amp;bgcolor1=189ca8&amp;autoplay=0" /> </object>

Versiyon 2

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" height="100" width="200"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf"> <param name="FlashVars" value="mp3=http://www.enyenimp3indir.net/indir.asp?ID=14386|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3&amp;title=Sagopa Kajmer-Meftun|Music 2|Music 3|Music 4|Music 5|Music 6|Music 7|Music 8|Music 9|Music 10|Music 11|Music 12&amp;bgcolor1=4da6a9&amp;bgcolor2=2d8689&amp;autoplay=1"> </object>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Kayan yazı kodu

Kayan yazı kodu
Html renkli kayan yazı kodu ile html sayfanıza kayan yazı ekleyebilirsiniz. Sitenizdeki son eklenen makaleleri haberleri bu kayan yazıyı kullanarak daha belirgin hale getirebilirsiniz.İsterseniz div'e width parametresi ekleyerek yazının kayacağı genişliği de belirleye bilirsiniz. Direction komutunu yukarı (up) ve aşağı (down), sağ için right, sol için left ayarlayabilirsiniz. KAYAN YAZI KODU yerine istediginizi yazabilirsiniz.
Önizleme Kayan yazı kodu:
KAYAN YAZI KODU

<div style="position:absolute;top:150px;left:50%;margin-left:-400px;width:800px;height:50px;font-size:50px;color:FONT RENGi BURAYA;font-family:ARIAL;"><marquee direction="LEFT" width="100%" scrollamount="30">KAYAN YAZI KODU</marquee></div>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Start , Stop Kayan Yazı Kodu

Start, Stop Kayan Yazı Kodu
Sitenize Start, Stop kontrollü Kayan Yazı Kodu.
Direction komutunu yukarı (up) ve aşağı (down), sağ için right, sol için left ayarlayabilirsiniz. Stop - Start Kayan Yazı Kodu! yerine istediginizi yazabilirsiniz.
Önizleme Soldan:
Stop - Start Kayan Yazı Kodu!

Önizleme Sağdan:
Stop - Start Kayan Yazı Kodu!

<marquee behavior="scroll" direction="right" //direction=sağ için right, sol için left yazın// id="mymarquee"> <p>Stop - Start Kayan Yazı Kodu!</p> </marquee> <input type="button" value="Stop " onClick="mymarquee.stop();"> <input type="button" value="Start " onClick="mymarquee.start();">

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Duvar saati kodu

Duvar saati kodu
Websitende renkli, şık ve güzel görünümlü veya takvimli saat / bugün tarihli saat olsun istersen tek yapman gereken aşağıdaki saat modellerinden birini seçip hemen yanındaki kodu sitene eklemek. Saat kodunu ekle saatin olsun.

<embed src="http://saat.bbs.tr/001.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/002.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/126.swf" quality="high" wmode="transparent" width="150" height="150" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/004.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/005.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/006.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/007.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/008.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/009.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/010.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>


<embed src="http://saat.bbs.tr/ulkelerSAATI.swf" quality="high" wmode="transparent" width="530" height="130" name="superpimper" align="left" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
Kodu denemek için Online html editor'ü kullanabilirsiniz.

Yağmur damlalı yazı kodu

Yağmur damlalı yazı
Yağmur damlalı yazı
Banner olarak kullanabileceğiniz yağmur damlalı yazı koduyla sitenize renk katacaksınız.
Önizleme:

<embed src='http://www.crazyprofile.com/textmaker/ripple.swf' width='335' height='50' FlashVars='mess=Meftun MEDE' quality='high' bgcolor='#000000 align='middle'allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Sayfayı Yazdır Kodu

Sayfayı Yazdır Kodu
Sayfayı Yazdır Kodu
Geçerli sayfayı yazıcıya gönderen JavaScript fonksiyonu. Javascript ile sayfa yazdırmak için javascript kodu. Kod hangi sayfada ise o sayfayı komple yazdırır. İnternet sayfası açık iken yazdırma tuşuna bastığınız (CTRL + P) işlemin aynısını yapar.
Önizleme:

<a href="javascript:void(0);" onClick="window.print()" class="print"></a> <style> .print{display:block;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcd8YuUrEtOqks1dHReN1x3vNt7j0yd0F9eH0uAnoTVJK1-6QQzckGTMYsTauluDpxDAOMj1YJ71h0SvWJWc4kzxpVmuGjK4M7WxWT2c7aNbMvC8tOPUrCRLrIS9qLU84ZMxy906Z4QB3k/s1600/yzd.png);width:74px;height:24px;} .print:hover{background-position: 0px -25px;} .print:active{background-position: 0px -50px;} </style>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Resim üzerine yazı yazma kodu

Resim üzerine yazı yazma kodu
Önizleme:













apart
RESME YAZI YAZ

İçerik ekle
www.MeftunApart.com

<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"/>
<meta content="Created by Meftun MEDE" name="GENERATOR"/>
<div style="left:0px;overflow:hidden;position:absolute;top:0px" align="left">
<img style="width:269px;height:234px" alt="havuz" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgCxvYpDupuhvACPqUOhshjWPA_YbNeabqeiAxkjfMKb4_X_E8JQ3MWlCzlfYRey6JMYhyphenhyphenDsdNOUkqrTrYj67xtROx30wQcsaNZ5-LFywVWGWK0_PdryGa72aKZmN7tfuxIjUoRBbSGJM3/s1600/havuz.jpg"/>
</div>
<div style="z-index:1;left:25px;width:150px;position:absolute;top:65px;height:47px;font-size:18px;font-family:Arial,georgia;color:#ffff00" align="left">
<strong>RESME YAZI YAZ</strong><br />
<br/>İçerik ekle<br/>www.MeftunApart.com
</div>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

T.C. Kimlik sorgulama kodu

T.C. Kimlik sorgulama kodu
T.C. Kimlik sorgulama kodu
Kimlik sorgulama kodu ile nufus işlemleri hizmetini sitenizde online ziyaretçilerinize sunabilirsiniz.
Önizleme:

<iframe name="tckimlik" style="border=0 " width="100%" height="400" src="https://tckimlik.nvi.gov.tr/" target='_blank'> </iframe>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Sayfaya sağdan giriş yapan yazı kodu

Sayfaya sağdan giriş yapan yazı kodu

Sağdan Sola Kayan Haber Menü Yazı Kodu.
Kayan yazı kodları sayesinde sitenizde, blogunuzda duyuru panoları, mesaj panoları vb. şeyler oluşturabilirsiniz. Bu kodu kendi isteğinize göre kırmızıyla işaretlediğim yeleri değiştirerek kullanabilirsiniz.

Önizleme:
Sağdan sola kayan mause üzerine gelince duran bu yazı kodunu kendi isteğinize göre dizayn edip kullanabilirsiniz http://MeftunMede.blogspot.com. BİZE DESTEK OLMAK İSTERSENİZ SİTENİZDEN BİZE LİNK VERİN TIKLA. En Yeni Hazır Kodlar!


<script language="JavaScript1.2">
//<![CDATA[
/*Sağdan Sola Kayan Haber Menü Yazı Kodu
website http://MeftunMede.blogspot.com
*///Seçim çerçevesinin genişliği (piksel olarak) belirtin
var marqueewidth="400px"
//Seçim çerçevesinin yüksekliği belirtin
var marqueeheight="25px"
//Seçim çerçevesinin marquee hızı (daha büyük daha hızlı 1-10 olan) belirtin
var marqueespeed=2
//arka plan rengini yapılandırın:
var marqueebgcolor="#242729"
//Pause marquee onMousever (0 = hayır. 1 = evet)?
var pauseit=1
//(<nobr> Etiketi silmeyin) kayan yazı içeriğini belirtin
//Bir satır tüm içerik tutmak ve tek bir alıntılar eğik çizgiye. (ie: that\'s great):
var marqueecontent='<nobr><font color="#7D7D7D">Sağdan sola kayan mause üzerine gelince duran bu yazı kodunu kendi isteğinize göre dizayn edip kullanabilirsiniz <a href="http://MeftunMede.blogspot.com">http://MeftunMede.blogspot.com.</a> BİZE DESTEK OLMAK İSTERSENİZ SİTENİZDEN BİZE LİNK VERİN <a href="http://MeftunMede.blogspot.com">TIKLA.</a> En Yeni Hazır Kodlar!</font></nobr>'
////BU SATIRI DÜZENLEMEYE GEREK YOK////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1)
//NS için 1 hızını yavaşlatmak
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width}
lefttime=setInterval("scrollmarquee()",20)}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8}}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left="0" top="0" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')}
document.write('</td></table>')}}
//]]>
</script>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Msn arama motoru eklentisi kodu

Msn, Bing arama motoru
Msn arama motoru eklentisi kodu

Sitenize Msn (bing) arama motoru eklemek isterseniz aşağıdaki kodları kullanabilirsiniz. Bu kodlar arama sonuçlarını yeni bir sayfada açacaktır.
Önizleme:
MSN
Ara

<img width="147" height="51" title="MSN" alt="MSN" src="http://db2.stb00.s-msn.com/i/67/64747463334927CC5F5C94132FFA5.gif"></img>
<form NAME="search" ID="search" ACTION="http://search.msn.com/results.asp" METHOD="get">
<input TYPE="text" ID="q" SIZE="18" MAXLENGTH="251" NAME="q" VCARD_NAME="SearchText">
<input TYPE="submit" VALUE="Ara" NAME="B1"><input TYPE="hidden" NAME="FORM" VALUE="FRNT">
<input TYPE="hidden" NAME="un" VALUE="doc"><input TYPE="hidden" NAME="v" VALUE="1"></form><img width="180" height="28" src="http://db2.stc.s-msn.com/br/sc/i/a9/6339c8e254dcae650e456e9450e6b1.png" title="Ara" alt="Ara">
</img>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Yanıp sönen yazı efekti kodu

bubble-text-effect

Yanıp sönen yazı efekti kodu

Web sayfalarımızda zaman zaman dikkat çekmesini istediğimiz alanlar olabilir. Bu alanları sayfanın diğer kısmından ayırabilmek için html de javascript yardımı ile de yanıp sönen yazı şeklinde gösterebiliriz. Html ve css ile şekillendirdiğimiz yazı yanıp sönme efekti ile daha dikkat çekici olacaktır.
Önizleme:
MeftunMede.Blogspot.com

<script type="text/javascript">
// <![CDATA[
var bgcolour="#ffffff"; // Arka plan rengi
var fgcolour="#663399"; // ön plan rengi
var speed=100; // bubbling hızı, düşük hızlı
var shades=10; // bubble tonlarının sayısı
var bubbcol=new Array();var bubbler,bubbtxt;var bubbchr=new Array();window.onload=function(){if(document.getElementById){for(bubbler=0;bubbler<=shades;bubbler++){bubbtxt="#";for(var i=1;i<6;i+=2){var bg=parseInt(bgcolour.substring(i,i+2),16);bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)))}
bubbcol[bubbler+1]=bubbtxt;}bubbler=document.getElementById("bubble");bubbtxt=bubbler.firstChild.nodeValue;while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);for (var i=0; i<bubbtxt.length; i++) {var bubbi=document.createElement("span");bubbi.setAttribute("id", "bubb"+i);bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));bubbler.appendChild(bubbi);}bubbler=setInterval ("bubbling()", speed);}}
function dechex(dec){var hex=dec.toString(16);if(dec<16)return"0"+hex;else return hex;}
function bubbling(){for(var i=0;i<bubbtxt.length;i++){var bubbme=document.getElementById("bubb"+i);if(bubbchr[i]){bubbme.style.color=bubbcol[bubbchr[i]];bubbchr[i]=(bubbchr[i]+1)%bubbcol.length}else if(Math.random()<0.75/bubbchr.length)bubbchr[i]=1;}}
// ]]>
</script>
<strong><span style="color="#000066;" id="bubble">MeftunMede.Blogspot.com</span></strong>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Kayarak büyüyen Yazı efekti kodu

Animated Text Script

Kayarak büyüyen Yazı efekti kodu.(Animated Text Script)
Bu Kayarak büyüyen Yazı efekti kodu ile kendi reklam bannerinizi kendiniz hazırlayın.
<body onload="startmotor(0)">
<p><script type="text/javascript">
var size = 25; //Yazı Büyüklüğü
var tekst = new Array() {
tekst[0] = "Meftun Mede'nin bloğuna hoşgeldiniz.";
tekst[1] = "Buraya istediğiniz her şeyi yazabilirsiniz.";
tekst[2] = "Yazı boyutunu değiştirebilirsiniz.";
tekst[3] = "Ve hızını değiştirebilirsiniz.";
tekst[4] = "http://MeftunMede.Blogspot.com"; }
var klaar=0;var s=0;var veran=0;var tel=0;function bereken(i,Lengte){return(size*Math.abs(Math.sin(i/(Lengte/3.14))))}function motor(p){var output="";for(w=0;w<tekst[s].length-klaar+1;w++){q=bereken(w/2+p,16);if(q>size-0.5){klaar++}if(q<5){tel++;if(tel>1){tel=0;if(veran==1){veran=0;s++;if(s==tekst.length){s=0}p=0;if(window.loop){clearInterval(loop)}loop=motor()}}}output+="<font style='font-size: "+q+"pt'>"+tekst[s].substring(w,w+1)+"<\/font>"}for(k=w;k<klaar+w;k++){output+="<font style='font-size: "+size+"pt'>"+tekst[s].substring(k,k+1)+"<\/font>"}idee.innerHTML=output}function startmotor(p){var loop=motor(p);if(window.time){clearInterval(time)}if(klaar==tekst[s].length){klaar=0;veran=1;tel=0;var time=setTimeout("startmotor("+(p+1)+")",2000)}else{var time=setTimeout("startmotor("+(p+1)+")",50)}}
</script></p>
<div id="idee"></div>
</body>

Kodu denemek için Online html editor'ü kullanabilirsiniz.