YGS-LYS-KPSS: SİTE KODLARI

SİTE KODLARI etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

20 Haziran 2015 Cumartesi

SİTENE YUKARI ÇIK KODU

1. Sağ alt köşede basılacak tuş

2. Yukarı Çık Tuşu Kodunu Kopyalayınız :

2. Sağ alt köşede basılacak tuş

3. Yukarı Çık Tuşu Kodunu Kopyalayınız :

3. Sağ alt köşede basılacak tuş

4. Yukarı Çık Tuşu Kodunu Kopyalayınız :

4. Sağ alt köşede basılacak tuş

5. Yukarı Çık Tuşu Kodunu Kopyalayınız :

5. Sağ alt köşede basılacak tuş

6. Yukarı Çık Tuşu Kodunu Kopyalayınız :

6. Sağ alt köşede basılacak tuş

7. Yukarı Çık Tuşu Kodunu Kopyalayınız :

7. Sağ alt köşede basılacak tuş

8. Yukarı Çık Tuşu Kodunu Kopyalayınız :

8. Sağ alt köşede basılacak tuş

9. Yukarı Çık Tuşu Kodunu Kopyalayınız :

9. Sağ alt köşede basılacak tuş

10. Yukarı Çık Tuşu Kodunu Kopyalayınız :

10. Sağ alt köşede basılacak tuş

11. Yukarı Çık Tuşu Kodunu Kopyalayınız :

11. Sağ alt köşede basılacak tuş

12. Yukarı Çık Tuşu Kodunu Kopyalayınız :

12. Sağ alt köşede basılacak tuş

13. Yukarı Çık Tuşu Kodunu Kopyalayınız :

13. Sağ alt köşede basılacak tuş

14. Yukarı Çık Tuşu Kodunu Kopyalayınız :

14. Sağ alt köşede basılacak tuş

15. Yukarı Çık Tuşu Kodunu Kopyalayınız :

15. Sağ alt köşede basılacak tuş

16. Yukarı Çık Tuşu Kodunu Kopyalayınız :

16. Sağ alt köşede basılacak tuş

16 Haziran 2015 Salı

Blogger Şablonları Bulabileceğiniz Siteler

Blogger Şablonları Bulabileceğiniz Siteler

Blogger’ın size sunduğu şablonları yeterli görmüyorsanız ve blogunuza daha farklı bir görünüm vermek istiyorsanız internette binlerce ücretsiz şablon bulabilirsiniz.Blogger şablonu bulabileceğiz bazı siteleri aşağıda listeledim.İlk olarak bu siteleri ziyaret edin ve beğendiğiniz şablonlardan birini bilgisayarınıza indirin.

http://btemplates.com/	http://bloggertemplates.info/
http://www.bloggertemplatesblog.com/	http://www.bloggertemplatesfree.com/
http://www.bloggerstyles.com/	http://www.newbloggertemplates.com/
http://10bloggertemplates.com/	http://www.bloggertemplatesgenie.com/
http://www.freebloggertemplates.info/	http://bloggertemplateplace.com/
http://www.bloggertemplateblog.com/	http://www.bloggerthemes.net/

Aslında bunlar gibi daha onlarca hatta yüzlerce site bulabilirsiniz ancak hemen hemen hepsinde aynı şablonlar bulunduğundan sadece birkaçını ziyaret etmeniz yeterli.Benim size tavsiyem en güncel, en popüler ve en orjinal şablonları bulabileceğiniz site olanBTemplates.
Bu sitelerde beğendiğiniz şablonları bilgisayarınıza indirdiğinizde genelde .zip veya .rar formatında sıkıştırılmış bir dosya halinde iner.Bu dosyayı herhangi bir sıkıştırma programı veya windowsile açtığınızda templateismi.xml gibi bir dosya göreceksiniz.Şablona ait kodları içeren dosya işte bu.

Blogger Bloguma Şablon Nasıl Yükleyebilirim?

Blogunuza tema yükleme işlemi çok kolaydır.Aşağıdaki adımları takip ederek sorunsuz ve basit bir şekilde yeni temanızı yükleyebilirsiniz.

1.Adım : ilk olarak Blogger hesabınıza giriş yapın ve soldaki menüden Şablon sekmesine tıklayın.Açılan sayfada, sağ üst tarafta “Yedekle/Geri Yükle” butonuna basın.

2.Adım : Açılan pencerede “Dosya Seç” butonuna basın ve bilgisayarınızda bulunan .xml uzantılı şablon dosyasını seçin.Ardından “Yükle” butonuna basarak işlemi tamamlayın.

SİTENE EKLEMEN GEREKEN KOD:

15 Haziran 2015 Pazartesi

YAKINDA HİZMETİNİZDEYİZ KODU:

YAKINDA HİZMETİNİZDEYİZ KODU:
<!doctype html><div style="width:100%;height:100%;background-color:white;" class="yapimasda sapima"><center><br/><br/><a style="background-color:transparent;border:none;margin:0px;padding:0px;color:#4f4f4f !important;font-family:Trebuchet MS;font-size:24px;font-weight:bold;">Sitemiz çalışmalar nedeniyle geçici olarak kapalı.</a><br/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhECdGUMB3vtSUURBXJX0l7P-KlSCF5_qSrGlERtW5xZfgj5DMRCwh3kBUjtfxk-Ek4DOXQqy-9Aso_uFmXU9iV9JHLnCZ-BPm4FQnW7oaIvIj7BsGZDVsmDvaxdCSmH9OKD6kTtnx7VWid/s1600/yapimAsamasinda.jpg" style="margin:0px;padding:0px;border:none;background-color:transparent;"/><Script Language='Javascript'>


</Script></center></div></!doctype>

<style>.snanegg:hover{right:0px !important;}</style>

9 Haziran 2015 Salı

SİTE KODLARI

Site Kodları

DİĞER

SİTE DUYURU KODU

ÖNİZLEME:
Örnek gösterim :

DUYURU PANOSU

DERSBURDAVAR YAZIN

BURAZIN

BURAYA DA YAZIN

DERSBURDAVAR SİTE

KOD:

<div align="center">
<table border="3" bordercolor="#ff0000" width="144" height="180">
<tbody>
<tr>
<td bgcolor="#000040">
<p align="center"><strong><a href="http://html-java-kod-bul.tr.gg"><font color="#ff0000" size="2">DUYURU PANOSU</font></a> </strong></p>

</td>
</tr>
<tr>
<td><strong><marquee bgcolor="#000080" direction="up" height="180" width="144" scrollamount="1" scrolldelay="40" top="0" left="0" onMouseOver="this.stop( )" onMouseOut="this.start( )" this.style.cursor="default" style="width: 144px; height: 180px; cursor: default">
<p align="center"><font color="#00ff00" size="2" font="">BURAYA DUYURULARINIZI YAZIN<br />
<br />
BURAYA DA YAZIN<br />

<br />

BURAYA DA YAZIN<br />
<br />
BURAYA DA YAZIN </font></p>
</marquee></strong></td>
</tr>
</tbody>

</table>
</div>

sitene akvaryum kodu

SİTENİN SAĞINA REKLAM EKLEME ÖZEL ŞEKİLLİ

SİTENİN SAĞINA REKLAM EKLEME ÖZEL ŞEKİLLİ KOD:

<div style="width: 100px; height: 100px; position: fixed; top: 0; right: 0;">reklam kodunu buraya ekle</div>

SİTENİ FACEBOOK YORUMLARIYLA DONAT

<div id="fb-root"> </div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="siteninadı buraya" data-num-posts="2" data-width="500"> </div>

SİTENE FACEBOOK YORUM KUTUSU EKLE-2-

Aşağıdaki Kodu Kopyalayarak Tasarım Aylarından Tasarım Üstüne, Tasarım Altına veya Copyright Bölümüne yapıştırınız.

<div id="fb-root"></div> <script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

Daha Sonra.. Facebook Yorumunu Görmek İstediğiniz Sayfaya Bu Kodu Yapıştırınız.

SİTENE FACEBOOK YORUM KUTUSU EKLEME

Sitelerinize/Bloglarınıza Facebook Yorumları Kutusu Eklemek İçin Yapmanız Gerekenler Yazımızda..

Yorumlar pek çok açıdan bir web sitesi için olmazsa olmaz bir unsurdur. Yorumların ilgili siteye faydaları saymakla bitmeyecek derecededir. Bunların en başlıca faydaları ise;

- Kullanıcılara kendilerini ifade özgürlüğü tanınması

- Kullanıcıların siteye bağlılığı

- Sayfaya özgün içeriklerin katılması

- Sitenin/sayfanın bu yorumlarla birlikte sürekli güncellik kazanması

...

Ve saydığımız tüm bu unsurlara bağlı olarak ziyaretçi ve arama motorları gözünde daha değerli bir siteye sahip olmamız.

Standart yorumların haricinde facebook yorumları da ayrı bir öneme sahip. Hangisi daha önemlidir sorusu siteden siteye farklılık gösterecek ve tartışılabilecek bir konu olmakla birlikte biz ikisinin de ayrı ayrı önemli olduğunu düşünüyoruz.

Özellikle facebook eklentisi ile bırakılan yorumlar, eğer sitenizde ciddi yorum onayı sorunları varsa işinizi daha da kolaylaştırabilir. Zira pek çok kullanıcının gerçek kimlikleriyle facebook hesaplarına sahip olmaları, onların yaptığı yorumlarda daha özenli davranmalarına, dolayısıyla site yöneticilerine daha kolay yönetilebilir yorumlar gelmesine imkan tanıyabilmektedir.

Bunun bir diğer faydası ise facebookta yapılan yorumların daha fazla sosyal yansıması olmasıdır. Bu da yapılan yorumun daha fazla kişiye ulaşarak dolaylı olarak sitenizin daha fazla dikkat çekmesine fayda sağlayacaktır.

Konunun önemine dair aktardığımız bu kısa notlardan sonra sitenize/blogunuza nasıl facebook yorum kutusu eklersiniz, buna bakalım:

1. Kodları Alma

Tabi eğer yorumları yönetibilmek isterseniz ilk önce bir facebook hesabınız olmalı ki kendinizi yorumları yönetbilmek için yetkili olarak tanımlayabilesiniz. Facebook hesabıyla giriş yapıpı yapmamış olmanız fark etmeksizin http://developers.facebook.com/docs/reference/plugins/comments/ adresine gidiniz. İlgili sayfada aşağıdaki şekilde bir alan göreceksiniz:

İlgili alanda site/blog adresinizi, gösterilecek yorum sayısını, yorum kutusu genişliğini ve yorumun açık mı koyu mu renkli olacağını seçip "Get Code" butonuna basıyorsunuz.

Ardından karşımıza söyle bir ekran çıkıyor:

İlgili ekranda çeşitli formatlarda kullanabileceğimiz kodlar sunulmakta. İsterseniz HTML5 tarafından detsteklenen kodları ya da eğer nasıl kullanılacağını biliyorsanız FBML kodlarını kullanabilirsiniz.

2. Kodları Düzenleme

[Resmin büyük hali için üzerine tıklayabilirsiniz.]

Biz kod oluşturma sayfasında bize verilen kodları aynen kullandığımızda bizim tüm sitemizde ortak bir yorum alanı olacaktır. Yani bizim örnek olarak "Bugün çok mutluyum" yazımıza "Çok Güzel" şeklinde yorum yapan birisinin bu yorumu, aynı şekilde bizim "Çok Üzgünüm" yazımızda da çıkacak, dolayısıyla yorumcular için yorum ve içerikle ilgili bir uyumsuzluk meydana gelcektir.

Nickcenter arkadaşımızın uyarısıyla her sayfa için birbirinden bağımsız, farklı yorum kutularının çıkması için yorum alanında değişiklik yapmamız gerekmektedir. Bunun nasıl olacağını yukarıdaki resmimizde anlattık.data-href=" 'ten sonra gelen alana blogcu'nun değişken sayfa etiketini girmemiz gerekiyor. Yani site adresimizi silip onun yerine X'i silerek şu etiketi yazmalıyız: {{sayfaurlX}}

Not: Etikete X ifadesi fazladan eklenmiştir çünkü eğer o ifadeyi eklemeseydik siz o etiket yerine şu an bu sayfanın adresini görüyor olurdunuz. Etiketi kullanmak için içindeki fazlalık X'i siliniz.

3. Kodları Yerleştirme

Edindiğiniz kodları yorum kutusu nerede çıksın istiyorsanız oraya yerleştirmeniz gerekiyor. Tabi normal durumda bu yorum kutusu için en uygun yer içeriğinizin hemen altı. İçeriğinizi gören bir kullanıcı içeriğin sonlarında kendisi içerikle ilgili yorum yapmak istediğinde bu yorum kutusu tam karşısına çıkmalı.

Blogcu.com'un standart görünüm şablonları zaten bizlere kod ekleme alanlarını açıkça sunmakta. Ancak biz "blogcu.com yapımı hazır şablonları" ya da "özel yapım şablonları" kullanıyorsak bu sefer de şablonlara HTML üzerinden ekleme yapmamız gerekecek.

İlgili html şablon düzenlemede yorum form alanının: "icerikyorumform", yorumların listelendiği alanın da "icerikyorumlar" olarak listelendiğini görürüz. Buna göre eğer siz bu alanları kaldırıp sadece facebook yorumlarının kalmasını isterseniz bu alanların yerine edindiğiniz kodları ekleyebilirsiniz. Eğer facebook yorumları bu alanın üstünde ya da altında olsun isterseniz de bu alanları bozmadan ilgili yorum alanındaki div etiketlerini de dikkate alarak kendiniz ilgili alanın altına ya da üstüne bu kodları ekleyebilirsiniz.

Blogcuda kod ekleme ile ilgili hiç bilginiz yoksa konuya genel açılardan değindiğimiz Bloga Kod Eklemeyazımıza bakabilirsiniz.

Yorumları Yönetme

Yorumları yönetebilmek için sitenizin head etiketleri arasına kodu aldığınız sayfada "Moderation Tools" başlığı altında belirtildiği şekilde bir meta etiketi eklemeniz gerekmektedir. Bu işlemden sonra siteye girdiğinizde yorumları yönetebildiğinizi göreceksiniz.

SİTE KURALLARI

Site Kuralları

1.Küfür, argo, hakaret, tehdit, reklam ve benzerlerini içeren yorumlar yapmak yasaktır.

2.Yazdığınız her türlü içerikten yalnızca siz sorumlu sayılırsınız. Üyeler tarafından yazılacak yasal olmayan bilgiler ve/veya paylaşımlardan sitemiz, yöneticiler ve editörler hiç bir sorumluluk üstlenmez.

3.Sitede yazılanların izin alınmadan kısmen veya tamamen kopyalanması, değiştirilerek veya değiştirilmeden kullanılması yasaktır.

4.Sitenin içeriğini oluşturan yazı ve resimler bu siteyi hazırlayanların sorumluluğu içerisindedir. Bununla birlikte sorumluluk bilgilerin güncelliği ve yorumların doğruluğu konusunda garanti verildiği anlamına gelmez.

5.Bu siteye girerek tüm bu kuralları kabul etmiş sayılırsınız.

BU BU SİTEDE YER ALAN RESİM VE YAZILARIN BAZILARI GOOGLEDEN GÖRSELLER/YAZILARDAN ALINMIŞTIR.ŞİKAYET HALİNDE EN KISA ZAMANDA 24-72 SAAT ARALIGINDA SİTEDEN KALDIRILIR.SİTEDEN İLK UYARI OLMASI YETERLİDİR KALDIRMAKİÇİN HERHANGİ BİR MAHKEME YOLUNA BAŞVURMAYA GEREK YOKTUR...!! İLETİŞİM:dersburdavar@hotmail.com

Blogger Tema Tasarımını Özelleştir

Klasik blogger tema tasarımı nasıl yapılır

Klasik Blogger Temanızı çok kısa sürede özelleştirip, yazı ve resim sol başta, atlama aralığı eklemeden otomatik yazı kesme, üzerine gelince renk değişen Devamını Oku, siyah ve mavi renkli sekme başlığı, sol tarafta ok işareti ve oval resimli popüler yayınlar gadget’i ile kullanabilirsiniz.. Bu işlemler ile kalmayıp, blog’unuzu özelleştirmeye devam edebileceğiniz etiketlerinizden oluşan menüler için sayfa başlık çubuğuna ekleyebileceğiniz açılır kategori sekmesi, Google Özel Arama, hover oynar çerçeveli etiket bulut gadgeti, ana sayfada görülen sayfa navigasyonu ve blogunuzu kasmayan yukarı git, benzer yazılar nRelate eklentisi ile devam edebilirsiniz.
Blogunuzu özelleştirmek için hazır iseniz, biraz sabır ve alt kısımda vereceğim bağlantıları sırası ile takip ederek birkaç saatte özel blogger şablonlarını aratmayacak, kendi emeğiniz ile hazırlayacağınız blog temanızı tasarlayabileceksiniz. Önce temanıza stil vererek başlayalım.

CANLI DEMO

Blogger Ana sayfa da resim, yazı, devamını oku eklenti kod yapılandırılması :
1. Blogger kumanda paneline giriş yaparak, şablon sekmesine tıklayıp önce tema yedeğini alın.
→ Blogger yedek alma nasıl yapılır ?
2. Aşağıdaki kodu bulun. Şablonu biraz aşağıya kaydırın göreceksiniz.

</head>

3. Bulduğunuz bu kodun hemen üstüne aşağıdaki kodları ekleyin.

<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; 
summary_noimg = 430; 
summary_img = 340; 
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<"); 
        for(var i=0;i<s.length;i++){ 
            if(s[i].indexOf(">")!=-1){ 
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
            } 
        } 
        strx =  s.join(""); 
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2; 
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
    strx = strx.substring(0,chop-1); 
    return strx+'...'; 
}
function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) {    
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>

Özelleştirilme :
1. Eklediğimiz kodlarda resim Genişlik x Yükseklik ve yazı uzunluğunu belirleyebilirsiniz.
→ var thumbnail_mode = "yes"; ⇒ Ana Sayfa yazınızdaki resmi “yes” göster “no” gösterme
→ summary_noimg = 430; ⇒ Yazıda resim yok ise yazının uzunluğunu belirler.
→ summary_img = 340; ⇒ Yazıda resim varsa, yazının uzunluğunu belirler.
→ img_thumb_height = 200; ⇒ Resmin yüksekliğini belirler.
→ img_thumb_width = 200; ⇒ Resmin uzunluğunu belirler.
4. Şimdi bu kodu bulun. Bu kod genelde birkaç tane olabilir. “ hasJumpLink “ kod’un hemen üst kısmında bulunmaktadır.Temalarda farklılık gösterebilir.

<data:post.body/>

5. Bulduğunuz bu kodu silerek aşağıdaki kod’u eksiksiz yapıştırın, kaydedin ve önizleme yapın.

<p>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'>
<a expr:href='data:post.url'>Devamını Oku</a>
</div>
</b:if>
</b:if>

6. Şu anda Devamını Oku isminin sol tarafta, yazı karakterlerinin de yaklaşık resim yüksekliğinde olması gerekiyor. Son olarak CSS stil kodlarımızı ekleyerek Devamını Oku ismini resimli,renkli ve sağ tarafa yaslanmış olarak göreceğiz.
7. Aşağıdaki kodu bulun. ( Ctrl+F)

]]></b:skin>

8. Yukarıda bulduğunuz kodun hemen üstüne aşağıdaki kodları ekleyin.

/* Read More -------------------------------------- */
.readmore{margin-bottom:5px;float:right;}
.readmore a{color:#fff;font-size:12px;line-height:12px;display:inline-block;text-decoration:none;text-transform:none;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr5ZObYXIM4WeqrezFSJNfK51LoP0OZk2pbxuN3GajD52rexqGszRHJ8MI_ty06suC0I7ZRFXm60UMz2eanYDmwrDJcwyVbAmPBx6YwNWRGuvCX7JdcGiiLH0UEj5IFgv4FEIILnyMSvNK/s1600/readmore-bg.png) left top repeat-x;padding:8px 14px;}
.readmore a:hover{color:#fff;text-decoration:none;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr5ZObYXIM4WeqrezFSJNfK51LoP0OZk2pbxuN3GajD52rexqGszRHJ8MI_ty06suC0I7ZRFXm60UMz2eanYDmwrDJcwyVbAmPBx6YwNWRGuvCX7JdcGiiLH0UEj5IFgv4FEIILnyMSvNK/s1600/readmore-bg.png) left -126px repeat-x;}

Şu anda Devamını oku ismi sağ tarafta mavi olarak görülmesi gerekiyor. Fare ile üzerine gelindiğinde siyah olan bir eklentimiz. Devamını oku ismi büyük bir ihtimal ile çift çıkacaktır. Çift görülen Devamını Oku ismini gizlemek için aşağıdaki bağlantıyı inceleyiniz.
>> Çift çıkan Devamını Oku ismini Gizle
9. Sidebar sekme başlığını siyah renklendirmek için aşağıdaki kodları 7. maddede verilen b:skin ) etiketin üst kısmına ekleyin. Resmi inceleyin.

Sidebar sekme başlığını mavi kullanmak isterseniz aşağıda verilen linkteki kodları kullanabilirsiniz.
>> Blogger Sidebar Mavi Sekmeli Gadget Eklentisi
Aşağıdaki kodlar Sidebar siyah sekme başlığı içindir.

/* Sidebar Content---------------------------------- */
.sidebar{margin:0 0 10px 0;font-size:13px;color:#000000;}
.sidebar a{text-decoration:none;color:#000000;}
.sidebar a:hover{text-decoration:none;color:#4FC4F6;}
.sidebar h2, h3.widgettitle{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVyjs5J80Ac5CyYA9CabT2hGqlJIIb9K6TLyMwHzUBhEFPgczqc0JNi7s32954kXZFmT183BuFIPgcGpF-5RnnPlOHdrOV8UPxQioddVeNbybAtuyNsxZk7aKlCV_FhtNytJMo7CIdMRfM/s1600/widgettitle-bg.png) left top repeat-x;border-bottom:2px solid #4FC4F6;color:#FFF;font-size:16px;line-height:16px;font-family:Oswald, sans-serif;font-weight:normal;text-decoration:none;text-transform:none;margin:0 0 10px;padding:10px 10px 9px;}
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
.sidebar ul li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivpq1MtjXzmRYsp7gynu-lVT1swwB6oBLAI9fHkD2Hf8M1wWcEe5gzaPKxliFbIgEv7mM2cyvkqNt21xCkiBisSXCXUpl56wf0gLfPJZNyX65mh99IxlTH8fXGxp2hueb0_ghKt5ow9bj_/s1600/widget-list.png) left 3px no-repeat;margin:0 0 8px;padding:0 0 9px 12px;}
.sidebar .widget{margin:0 0 15px 0;padding:0;color:#000000;font-size:13px;}
.main .widget{margin:0 0 5px;padding:0 0 2px}
.main .Blog{border-bottom-width:0}
.widget-container{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#000000;font-size:13px}

Özelleştirme :
1. Yukarıda .sidebar h2, h3, yazan yan kısımda bulunan linkimiz sekme başlık rengini değiştirir.
2. Yukarıda .sidebar ul li yazan yan kısımda bulunan linkimiz sidebar sol tarafa küçük bir ok işareti ekler. Bu ok linkini değiştirip istediğinizi kullanabilirsiniz.
3. Sidebar da görülen ok işaretini istemiyor iseniz, bağlantı linkini silebilirsiniz.(Parantezler dahil silinecek. “()”) Ok işaretini halen görülüyor ise CRTL+Üstkarakter+R klavye tuşlarına basarak ön belleği yenilediğinizde ok işaratleri görülmeyecektir.Aşağıdaki linkleride inceleyebilirsiniz :
→ Blogger Açılır Menü Oluşturma
→ Blogger NRelate LinkWithin Benzeri Eklenti → Blogger Sayfa Navigasyonu
Yukarıda anlatılanları ve bağlantı linklerini blog’unuza uyguladığınızda Canlı Demo ile izleme yaptığınız blog’um gibi bir temanız olacaktır.

Blogger Şablonda Kod Nasıl Bulunur

Blogger Şablon kodları içinde eklenti ekleyebilmek için, aradıkları kodu bulabilmesine yardımcı olabilecek videolu kısa bir anlatımı aşağıda inceleyerek etiket kodlarının nasıl bulunması gerektiğini görelim. Bu öğretici, Blogger ile yeni blog açan webmaster yazar arkadaşlara ne yapması gerektiği konusunda rehber olacaktır. Bloguna sosyal paylaşım butonu, okuyucu sayacı, sayfa navigasyonu, kategori menüsü vb. gibi kodların şablon içinde bulunması için öncelikle blogger kumanda paneline giriş yapın.

1. Şablon → HTML’yi Düzenle ile şablon kodlarını açık konuma getirin.

2. Arama yapmak için dikkat etmemiz gereken iki işlem vardır.

a: CTRL + F klavye aramı yapmak : Direk bu şekilde yapacağınız aramada tarayıcınızın arama penceresi açılır.

b: Şablon içinde boş bir yere tıklayarak, CTRL + F klavye ile aramı yapmak : Şablon içinde arayacağımız etiket veya kodları bu yöntemle bulacağız.

3. Arayacağımız etiketten birkaç tane olduğunu düşünürsek, her arama yapacağımızda şablon içindeki arama penceresinde bulunan etiketin son kısmına tıklayarak enter çekmemiz olduğunu unutmayın.

4. Aradığımız kod etiketi genelde ilk bulunandır. Ancak bazı temalr farklılık gösterdiğinden aynı etiketten birakaç tane olabilir. Bu nedenle doğru etiketi bulmamız gerekir. Eklentisini kullanacağınız yazar size gereken yolu söylecektir. Bu konuda kuşkunuz olmasın.

Aşağıda izleyeceğiniz video için bir senarya yaparak konuyu netleştirelim ve Youtube videomuzu izleyelim.

Örnek bu linki inceleyelim : Blogger Duyarlı Devamını Oku Eklentisi

Senaryo :

1. Blogger Şablon kodlarınızın açılması,

2. Şablon içine tıklamadan CTRL+F ile tarayıcı aramayı açma,

3. Şablon içine tıklayarak CTRL+F ile şablon içinde aramayı açma,

4. Aradığımız etiketi enterleyerek diğer kodları bulma.

ALINTI

KALPLİ FACEBOOK SAYFA BEGENDİRME KODU

<!DOCTYPE HTML><style type="text/css">div.kod_dostu_t{position:fixed;text-align:center;z-index:6000;}div.kdostu_tt{top:0px;left:0px;width:100%;height:100%;background-color:transparent;}</style><style type="text/css">div.kod_dostu_t{_position:absolute;}div.kdostu_tt{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>
<div class="kod_dostu_t kdostu_tt" id="fadeceh">
<center><div style="margin-top:4%;width:494px;height:479px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLHAZh7So715-2zxkamItJTVpppTzPJDdFHnef6QsP4p_Hss67fWQ719E9ac2OP4b0TKT_jIuQnJx_NRNVK7bjiIyyPxAyImiRqZvBTRvdoslUKvslFBqKcUD-7o8EEPE7tWzUA-Du4TfT/s1600/Untitled-1.png) no-repeat center;border:none;position:relative;">

<iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/koddostu&send=false&layout=button_count&width=100&show_faces=true&action=like&colorscheme=light&font=segoe+ui&height=21&appId=426632847366994" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;position:absolute;bottom:150px;left:200px;" allowTransparency="true"></iframe><a class="ksjghfb" onfocus="this.blur();" href="javascript:void(0);" onclick="document.getElementById('fadeceh').style.display='none';" style="display:block;width:120px;height:24px;line-height:24px;font-family:Tahoma, Arial, sans-serif;background-color:#3b5998;font-weight:bold;font-size:14px;color:#fff;text-decoration:none;position:absolute;bottom:5px;left:181px;border:4px outset #fff;-webkit-border-radius: 6px;border-radius: 6px;">Kapat</a>
<style>.ksjghfb:hover{background-color:#4b69a8 !important;}
.ksjghfb:active{border:4px inset #fff !important;}</style>
</div></center>
</div>

tr.gg izinli reklam gizleme kodu

uyarı:Bedava-sitem.com alan adından aldığınız bir internet siteniz mi var? Öyleyse eminiz ki sayfa üstlerindeki geniş reklamlardan rahatsız olduğunuz olmuştur. Peki size, bedava-sitem kurallarını çiğnemeden, bu reklamlardan kurtulmanın bir yolu olduğunu söylesek?

KodDostu.com Ekip üyelerinin kurduğu yeni Tasarım Sepeti Ekibi tarafından oluşturulmuş bu Son Derece Kısa Kod sayesinde sayfalarınız, 110 piksel kaydırılmış olarak açılacak!
kod aşağıda:


<script>function tasarimsepetinoadd(){window.scrollTo(0,110)};tasarimsepetinoadd();
</script><style onload="tasarimsepetinoadd();">h6{box-shadow:none;}</style>

Beyaz tema kodu

body {

background-color: ffffff;

background-position: center center;

background-repeat: no-repeat;

background-attachment: fixed;

}

table, tr, td {

background-color: transparent;

border: 2px;

}

table table {

border: 2px;

}

table table table table{

border: 2px;

}

table table table {

border-width: 2px;

border-color: 000000;

border-style: solid;

background-color: transparent;

}

table table table td {

background-color: FFFFFF;

filter:alpha(70);

-moz-opacity:0.;

opacity: 0.70;

-khtml-opacity:0.;

}

table table table table td {

filter:none;}

body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {

font-family: microsoft sans serif;

font-size: 11px;

color: 131112;

font-weight: none;

font-style: normal;

text-decoration: none;

}

.nametext {

padding: 5px;

font-family: microsoft sans serif;

font-size: 11px;

color: 131112;

font-weight: none;

font-style: normal;

text-decoration: none;

display: block;

}

.whitetext12, .orangetext15 {

font-family: microsoft sans serif;

font-size: 11px;

color: 131112;

font-weight: normal;

font-style: normal;

text-decoration: none;

}

a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {

color: 131112;

font-weight: none;

font-style: normal;

text-decoration: none;

}

a.navbar:hover, a.man:hover, a:hover {

color: 131112;

font-weight: none;

font-style: normal;

text-decoration: underline;

}

.badge {

position: absolute;

left: 1px;

top: 1px;

}

</style><a href="http://www.ProfileWizard.net" target="_blank"><img src="http://www.ProfileWizard.net/adsource/cornerTag.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"></a>Get your layout at <a href="http://www.ProfileWizard.net">Myspace Layouts</a>

yandan açılır menü kodu

<font color="#115585" size="2">Mouse imlecini soldaki menünün üstüne getirin...</font><br><br><br> <STYLE>#slidemenubar { BACKGROUND-COLOR: #66ccff; BORDER-BOTTOM: #004080 4px solid; BORDER-LEFT: #004080 4px solid; BORDER-RIGHT: #004080 4px solid; BORDER-TOP: #004080 4px solid; FONT: bold italic 14px/19px Garamond; LEFT: 100px; POSITION: absolute; TOP: 100px; WIDTH: 200px; layer-background-color: lightyellow; fontcolor: white } #slidemenubar2 { BACKGROUND-COLOR: #66ccff; BORDER-BOTTOM: #004080 4px solid; BORDER-LEFT: #004080 4px solid; BORDER-RIGHT: #004080 4px solid; BORDER-TOP: #004080 4px solid; FONT: bold italic 14px/19px Garamond; LEFT: 100px; POSITION: absolute; TOP: 100px; WIDTH: 200px; layer-background-color: lightyellow; fontcolor: white } </STYLE> <SCRIPT language=JavaScript1.2>
if (document.all)
document.write('<div id="slidemenubar2" style="left:-170" onMouseover="pull()" onMouseout="draw()">')</SCRIPT> <LAYER id=slidemenubar onmouseout=draw() onmouseover=pull()> <SCRIPT language=JavaScript1.2>var sitems=new Array()
var sitemlinks=new Array()
//Link adları
sitems[0]="LİNK 1"
sitems[1]="LİNK 2"
sitems[2]="LİNK 3"
sitems[3]="LİNK 4"
sitems[4]="LİNK 5"
sitems[5]="LİNK 6"
sitems[6]="LİNK 7"
sitems[7]="LİNK 8"
sitems[8]="LİNK 9"
sitems[9]="LİNK 10"
sitems[10]="LİNK 11"
sitems[11]="<hr>"
sitems[12]="E-MAİL "
//Link adresleri
sitemlinks[0]="buya LİNK0 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[1]="buya LİNK1 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[2]="buya LİNK2 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[3]="buya LİNK3 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[4]="buya LİNK4 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[5]="buya LİNK5 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[6]="buya LİNK6 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[7]="buya LİNK7 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[8]="buya LİNK8 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[9]="buya LİNK9 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[10]="buya LİNK10 e basınca hangi sayfanın açılmasını istiyosanız o adresi yazınız/"
sitemlinks[11]=
sitemlinks[12]="buraya email adresinizi yazınız"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')</SCRIPT> </LAYER> <SCRIPT language=JavaScript1.2>function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}</SCRIPT>

sitene komik yazılar kodu ekle

<br /> <iframe name="ereneticerikhizmet" width="205" height="190" scrolling="no" border="0" frameborder="0" src="http://www.erenet.net/hizmet/yeni_komikyazi.php?op=erenet&baslik=000080&link=1234545&arkaplan=ffffffffffff" marginwidth="3" marginheight="3"></iframe><br />

ön izleme

Yeni Komik Yazılar
» Üniversiteye Başlayacakla
» Peynirli Simit'in İcadı
» Twitter Komiklikleri
» Paradigma
» Dizileri Uyarlamaca
» Müşteri Hizmetleri Diyalo
» Öğrenci Tiplemeleri
» Askere Komik Mektup
» Ne Dedun
» Murphy Yasaları

Sitene Ekle

YGS-LYS-KPSS

Blogger templates

20 Haziran 2015 Cumartesi

SİTENE YUKARI ÇIK KODU

Sitene Sayaç Ekle

16 Haziran 2015 Salı

Blogger Şablonları Bulabileceğiniz Siteler

15 Haziran 2015 Pazartesi

YAKINDA HİZMETİNİZDEYİZ KODU:

9 Haziran 2015 Salı

SİTE KODLARI

Site Kodları

DİĞER

SİTE DUYURU KODU

sitene akvaryum kodu

SİTENİN SAĞINA REKLAM EKLEME ÖZEL ŞEKİLLİ

SİTENİ FACEBOOK YORUMLARIYLA DONAT

SİTENE FACEBOOK YORUM KUTUSU EKLE-2-

SİTENE FACEBOOK YORUM KUTUSU EKLEME

SİTE KURALLARI

Blogger Tema Tasarımını Özelleştir

Blogger Tema Tasarımını Özelleştir

Blogger Şablonda Kod Nasıl Bulunur

Blogger Şablonda Kod Nasıl Bulunur

KALPLİ FACEBOOK SAYFA BEGENDİRME KODU

tr.gg izinli reklam gizleme kodu

Beyaz tema kodu

yandan açılır menü kodu

sitene komik yazılar kodu ekle

About

DERSBURDAVAR SÖZLERİ