Giriş Ekle ! Siteye Giriş - İntro Kodu !Sitene Facebook 'daki Gibi Açılan Kutular Ekle!Sitenin Sol Üst Köşesine Türk Bayrağı Ekle!Bir Kez Görünen Facebook Beğen Penceresi Kodu!Sitene +18 Uyarısı Ekle!Profesyonel Reklam İntrosu HTML Kodu	
Kategoriler
Facebook Kodları Google+ Twitter Reklam Kodları Sayfa Beğendirme Kodu
Son Yayınlanan Kodlar
AMP Sayfalar İçin Açılan Pencere (Açılır Kutu) KoduSitene Google Arama Kutusu Ekle (YENİ)AUZEF Siteye Giriş Kodu HTMLHTML Bilgi ve Mesaj Panosu Hazır KoduSiteye Güncel Döviz Kurları KoduSite ve Bloglar İçin Twitter Mesaj At Düğmesi	Tüm Hazır Kodları Gör
kodNinjaları
Koddostu kodlarını değiştirmek serbest mi? Absolute bir Div elementini sayfada ortalamak? Json Dosyasına Yorum Eklemek kodNinjaları tarafından geliştirildi.
Kafanızı Gözünüzü Yarmadan Web Projesi Yürütmenin İncelikleri
Çoğu insan web projesi başlatma işine "Hazır,nişan al,ateş!" mantığıyla yaklaşıyor. Bu yazıda bazı çok önemli tavsiyeler bulacaksınız.
DEVAMINI OKU
Kod Dersleri
HTML-Ders1: HTML Nasıl Kullanılır?HTML-Ders2: HTML Etiketlerine girişHTML-Ders3: Element ÖzellikleriHTML-Ders4: A Elementinin ÖzelikleriHTML-Ders 5: Resim elementi ve başlık elementleriHTML-Ders 6: Tablolar	
Hangouts Görünümlü HTML Reklam Kodu!
html reklam kodları kodları kodları reklam kodları reklam kodu kodları sahte reklam kodları sitene eklemek kodları sosyal ağ kodları
Ekleyen: Kod Dostu Tarih: 2013-11-29 20:30:00
Dünya'nın en hızlı büyüyen sosyal ağı Google+'ın sohbet kutucuklarını taklit ederek oluşturulmuş bu basit reklam kodu sayesinde meraklı ziyaretçilerinize yönelik bir reklam linki hazırlayabilirsiniz.
Önizlemeyi Gör
Aşağıdaki kodu sitenizdeki herhangi bir yere eklemeniz yeterli.
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Hangouts Görünümlü HTML Reklam Kodu!-->
<!--Koddostu Hangouts Görünümlü Reklam Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->

<style type="text/css">a.koddostu-afa{display:block;position:fixed;text-align:center;z-index:1000;width:262px;height:380px;background:transparent url(http://2.bp.blogspot.com/-aglo6WLkkyQ/Uj2Ng4P4quI/AAAAAAAAeDE/XWAv6ioMNdY/s1600/koddostu-ayca.png) no-repeat top left;cursor:default;}a.koddostu-afa:active,a.koddostu-afa:focus{outline:0;}a.jadfhyg{bottom:0px;right:20px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.4);}</style><style type="text/css">a.koddostu-afa{_position:absolute;}a.jadfhyg{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><a href="http://www.koddostu.com" target="_blank" onclick="this.style.display='none'" class="koddostu-afa jadfhyg"></a>


<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<!--Koddostu Hangouts Görünümlü Reklam Kodu STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=120"></script>
Nasıl Eklenir?
Nasıl ekleyeceğinizi öğrenmek için,sitenizi oluştururken kullandığınız platformu seçin:
GERİ
Tek bir sayfada görünmesi için:
- Weebly sitenize eklemek istediğiniz kodu kopyalayın.
- Weebly editörüne giriş yapın ve sitenizde istediğiniz sayfaya "Kod Gömme" (Embed Code) elementi sürükleyip bırakın.
(kod gömme elementinin simgesi şu şekilde: </>)
- Kopyaladığınız kodu yapıştırıp sitenizi kaydedin.
Her sayfada görünmesi için:
- Weebly sitenize eklemek istediğiniz kodu kopyalayın.
- Weebly Editörüne giriş yapıp, üst menüden Temaı seçin.
- Sol alttaki HTML / CSS Düzenle seçeneğine tıklayın.
- index.html dosyasına kodu ekleyin. Nereye ekleyeceğinizden emin değilseniz, dosyanın en sonundaki </body> kodundan hemen önceye ekleyebilirsiniz.
GERİ
Blogger.com adresine giriş yaptıktan sonra, blogunuzun ismine tıklayın.
1. Seçenek:
- Soldaki menüden "Yerleşim"e tıklayın.
- Gadget Ekle düğmesine tıklayın.
- Açılan pencereden HTML/JavaScripte tıklayın ve kodu yapıştırıp kaydedin.
2. Seçenek: - Soldaki menüden "Şablon"a tıklayın. Şablonunuz görüntülenecek. (Şablonda kod aramak için, şablondaki kodların bulunduğu kısma tıklayıp, CTRL ve F tuşlarına aynı anda basmalısınız.)
a- Kodun her blog yayınınızın bitişinde gözükmesini istiyorsanız; şablonunuzdaki <div class='post-footer'> kodunu bulun. Birden fazla varsa ikincisini bulun. Ekleyeceğiniz kodu, <div class='post-footer'> kodunun hemen sonrasına ekleyin.
b- Diğer durumlarda, şablonunuzun en sonundaki </body> kodunu bulun.Ekleyeceğiniz kodu </body>den hemen önceye ekleyin.
- Eğer şablon kaydedilemiyorsa, buraya tıklayarak ekleyeceğiniz kodu dönüştürün.
- Şablonu kaydedin.
GERİ
Tumblr'a kod eklemek sandığınızdan çok daha kolay.
1. Adım: Bu sayfada, yukarıdaki kodu kopyalayın. Ardından buraya tıklayın.
2. Adım: Soldaki "HTML'i düzenle" veya "Edit HTML" yazısına tıklayın. Dikkatli bakın, göreceksiniz.
3. Adım: Karşınıza kodlar çıkacak, sakın gözünüz korkmasın. Kodların bulunduğu kısımda en aşağı inin. </body> yazdığını göreceksiniz.
Son Adım: </body> kodunun hemen öncesine, kopyaladığınız kodu yapıştırın ve önce Önizlemeyi Güncelle, sonra Kaydet düğmelerine tıklayın.
GERİ
Wordpress siteler çok fazla özelleştirilebildiği için, tüm wordpress sitelerinde çalışacak tek bir yöntem yok. Aşağıda bazı seçenekler göreceksiniz. Eğer ekleyeceğiniz kod uçan twitter kuşu kodu, pencere açma kodu, intro kodu gibi sayfanın tamamında görüntülenebilecek veya sayfa kaydırılsa da ekranda kalacak bir kodsa, kodunuzu sitenizde dilediğiniz bir yere ekleyebilirsiniz.
1- Code Embed sayesinde kaydettiğiniz(örn: KOD1 adıyla) kodları yayın veya sayfalarınıza %KOD1% şeklinde ekleyebilirsiniz.
2- WP Insert Code eklentisi, yayın ve sayfa sonlarına, başlarına, sitenin başına ve sonuna kod eklemeye yarar.
3- Insert Code ile her yayının başına, sonuna veya örneğin üçüncü paragrafın ardına kod ekleyebilirsiniz.
GERİ
webnode.com.tr adresinden sitenizi düzenleme editörüne girin.
- Sayfanın en yukarısında solda, Proje kelimesinin altında, Öğeler, Sayfa, İçerikler bölümünü bulun.
- İçerikler bölümündeki Diğerleri seçeneğine tıklayın. Kod yerleştir'i tutup dilediğiniz yere sürükleyin ve bırakın.
- Kaydedin ve sitenizi yayınlayın.
GERİ
Yeni wix editöründe aşağıdaki adımları takip etmeniz yeterli:
- Sayfanın solundaki düğmelerden, + işareti olanı (yani ekle seçeneğini) seçin.
- Çıkan mavii menüde, en aşağıda bulunan Daha fazla (More) sekmesine gidin.
- Yeşil bir dikdörtgen içerisinde </> simgesi göreceksiniz(HTML Kodu). Bunu dilediğiniz yere sürükleyin ve bırakın.
- Sürüklediğiniz şeyin üstünde beliren Kodu Girin düğmesine tıklayın. Kopyaladığınız hazır kodu yapıştırın ve Güncelle'ye tıklayın.
- Sitenizi yayınlayın.
Bu hazır kod ile alakalı tartışmalar:
Koddostu kodlarını değiştirmek serbest mi?
Senin de bir sorun var mı? Hemen sor
kodNinjaları tarafından geliştirildi.
Yeni Kodları Kaçırmayın:
Yeni site kodları yayınlandığında haberdar olmak istiyorsanız yeni hazır kodlara abone olabilirsiniz:
Yorum Yapın,Davet Kazanın:
Sık yorum yapan kullanıcılar, Koddostu üyeliği için davetiye kazanıyor!
"Site kodları ve websitenizi geliştirmek için araçlar bulabileceğiniz, kod dersleri ve webmaster soru&cevap bölümü bile barındıran muhteşem bir arşiv." - Douglas Yokartık Engelbart