Blogger Popüler Yayınlar Otomatik Numaralandırma eklentisi

Blogger Popüler Yayınlar Otomatik Numaralandırma eklentisi
Bugün CSS3 otomatik artış özelliğini kullanarak popüler yayınlar listesini Otomatik Numaralandırma eklentisini görüntülemeyi öğreneceğiz. Numaralara kare/dikdörtgen ve yuvarlak gibi değişik şekiller stil uygulayabilirsiniz. Kenar çubuğunda sidebarda bu pratik uygulamanın demosunu görebilirsiniz. Blogger için bu efekti oldukça kolay adımda JavaScript kullanmayı gerektirmeden Saf stilleri kullanarak eklemenizi sağlar. Popüler Yayınlar eklentisi blog sayfası Görüntülenme sayısını arttıran ve blogunuza daha fazla okuyucu kazandıran etkili bir araçtır. Google analytics verilerini kullanarak en çok ziyaret edilen sayfalar temel alınarak yayınları sırayla gösterir.

Popüler Yayınlar Widget'ını ekleme

1. Blogger kontrol panelinize giriş yapın > Yerleşim
2. "Gadget ekle" ye tıklayın.
3. Listeden "Popüler Yayınlar" seçin.
Popüler Yayınlar
4. Aşağıdaki resimde gösterildiği gibi kendi ayarlarınızı yapılandırmanız gerekir: Mesela "küçük resim" kutusunu işaretlerseniz paylaştıgınız yazılardaki kullandıgınız ilk resim eklentinizde görünür.
Popüler Yayınlar
5. Kaydet diyip çıkıyoruz.

Popüler Yayınlar Eklentisi özelleştirme

Şimdi varsayılan stillerini değiştirmek ve Özel stilleri kullanarak istediğiniz tasarımı kendi görünüşünü değiştirmek gerekir.
  1. Blogger kontrol panelinize giriş yapın > Şablon
  2. Şablonunuzu yedeklemeyi unutmayın.
  3. HTML'yi Düzenle
  4. Ctrl+F yardımı ile ]]></b:skin>  kodunu aratıp bulun ve Kodunu genişletmek için () siyah oku tıklayın.
b:skin
5. </b:skin> kodunun hemen üstüne aşağıdaki style kodlarını kopyalayıp yapıştırın.
.popular-posts ul{padding-left:0;counter-reset:popcount;}
.popular-posts ul li:before{background:#292D30;color:#fff;box-shadow:1px 2px 9px #666;float:left;list-style-type:none;margin-right:15px;counter-increment:popcount;content:counter(popcount);font-size:16px;position:relative;font-weight:700;font-family:georgia;border:2px solid #ddd;padding:.3em .6em;}
.popular-posts ul li{border-bottom:1px dashed #ddd;}
.popular-posts ul li:hover{border-bottom:1px dashed #696969;}
.popular-posts ul li a{text-decoration:none;color:#5A5F63;}
.popular-posts ul li a:hover{text-decoration:none;}
Özelleştirme:
  • Kare baloncukları düzenlemek arka plan rengini değiştirmek için #292D30
  • Baloncuk metin rengini değiştirmek için #fff
  • Varsayılan olarak numaralandırma solda, eğer sağa almak istiyorsanız float:left olan bölümde left'i right yapın.
  • Varsayılan olarak baloncuğun şekli kare. Yuvarlak yapmak istiyorsaniz değiştirmek için box-shadow: 1px 2px 9px #666666; kodundan hemen sonra aşağıdaki kodu ekleyin.
border-radius:15px;

6. Şablonu kaydet diyip çıkıyoruz. işlem bukadar!
Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

Blogger'da tüm Dış Linkleriniz Otomatik Yeni Pencerede açılsın

Linkleri otomatik olarak Yeni pencerede açın
Bu eklenti sayesinde yazılarılarızda eklediğiniz dış bağlantı linklerinize target="_blank" komutu yazmanıza gerek kalmayacak. Bütün linklerinize tıklandığında otomatik yeni sekmede açılacak. Blogunuzun sayfa içindeki tüm köprüleri kontrol edecek ve sadece harici bağlantılara target="_blank" niteliğini katacak basit bir jQuery komutu. Bu script blogun iç bağlantılara herhangi bir etkisi olmaz. Script sadece dış host adlarını tespit edecek ve bulduğu an, o html içine yeni bir pencerede bağlantıyı açmak için tarayıcıya bildirirecek ve bir hedef niteliği ekleyecektir. Böylece okuyucularınızın blogunuzdan ayrılmasını engelliyor ve aynı zamanda genel sayfa görünümleri ve hemen çıkma oranı artmasında yardımcı oluyor.

Tüm harici linkleri Yeni bir sekmede açın

Not: Bu yöntem blogger ve wordpress bloglar için çalışır.
  1. Blogger kontrol panelinize giriş yapın > Şablon
  2. Şablonunuzu yedeklemeyi unutmayın.
  3. HTML'yi Düzenle
  4. </head> kodunun hemen üstüne aşağıdaki script komut dosyasını yapıştırın:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
$("a[href^='http://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
$("a[href^='https://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
});
</script>

Not: Zaten jQuery kütüphanesi kaynak kodu blogunuzda yüklü varsa kırmızı renkle işaretlediğim kodu eklemeyin.
5. Son olarak Şablonu kaydet diyip çıkıyoruz. işlem bukadar!
Blogunuzu kontrol edin ve çalışıp çalışmadığını görmek için bazı dış bağlantıları tıklayın.

Nasıl çalışıyor? (İsteğe bağlı-teknik bilgi)

İki kez http:// ve https:// ile başlayan bağlantılar için bir kez kontrol etme kodu eklenmiş. Normalde tüm blogcular blogları http:// ile başlayan host adları var, https:// güvenli protokolü olmadan. Bu nedenle ikinci örnek eklendi böylece komut dosyası wordpress blogları için bile çalışabilir.
Sarı kısım komut değeri negatif birine eşit ise (== -1) href nitelikleri içindeki değerleri tarar ve vurgulanır, daha sonra, bu ana bilgisayar hostname adını dış etki alanı olduğunu gösterir.
Not: Eğer koşullu deyimi içinde (== 1) pozitif bir birine href değeri eşit olursa, o zaman tüm iç linkler yeni pencerelerde açılmaya başlayacak!
Koşul bir kez karşılanmaktadır, komut dosyası daha sonra bir hedef hyperlink köprü etiketinin içine target="_blank" özniteliği ekler. Bu kadar basit!
Bu son derece SEO dostu ve tüm büyük tarayıcılar IE, webkit tarayıcılar veya Mozilla ile çalışıyor.
Barış ve bereket Arkadaşlar! Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. İyi bloglamalar...

Jumanji 1995 DVDRip Türkçe Dublaj indir | Online izle

Jumanji 1995
http://www.imdb.com/title/tt0113497/

Yönetmen: Joe Johnston
Tür: Macera, Komedi, Aile, Fantastik, Romantik, Gerilim
İmdb Puanı: 6,8/10
Yapım: 1995
Süre: 104 dakika
Dil: Türkçe
Senaryo: Jonathan Hensleigh, Greg Taylor, Jim Strain
Müzik: James Horner
Görüntü Yönetmeni: Thomas E. Ackerman
Oyuncular: Robin Williams, Jonathan Hyde, Kirsten Dunst, Bradley Pierce, Bonnie Hunt

Bir kız ve erkek kardeşi eski ve esrarengiz bir masa üstü aile oyununu keşfedip oynamaya başladıklarında, aynı oyun tarafından 25 yıl önce yutulmuş Alan Parrish’in serbest kalmasına sebep olurlar. Yutulduğu zaman onlar gibi bir çocuk olan Parrish şimdi koca bir adamdır.
Oysa oyun bitmemiştir ve önce evleri sonra tüm kasaba oyunun içinden çıkıp gelen muzip maymunlar, yokedici gergedanlar, filler, aslanlar ve her türden hayvan tarafından işgal edilmeye başlanır. Yarım kalan oyunu durdurmanın tek yolu, tabii ki oyunu kazanıp bitirmektir. Peki kahramanlarımız bunu anladıklarında her şey için çok mu geç olmuştur?

Jumanji screenshot
tikla indir
letitbit
http://letitbit.net/download/FI.228.rar.html

turbobit
http://turbobit.net/rb4yeevsbcde/FI.228.rar.html

netload
http://netload.in/dateiABsuM4KmvH/Jumanji.1995.DVDRiP.TRDUB.XviD.avi.htm

online izle

Orjinal Blogger İletişim Formu ile İletişim Sayfası Oluşturma

orjinal blogger iletişim formu ile iletişim sayfası oluşturma
Bu yazımda blogger'ın kısa zaman önce hizmete sunduğu orjinal blogger iletişim formunu sabit sayfaya nasıl ekleyeceğimizi göstereceğim. Böylece herkezin okuyucularıyla bağlantı kurmaları için bir iletişim sayfası olacak. Blogger bu eklentisini hizmete sunmadan önce kendimiz Google Dökümanları kullanarak iletişim formu oluşturmuştuk. Bu gadgetı sidebar yani blog sayfamızın yan kısımına eklemek oldukça basit. Fakat bunu sabit bir sayfaya eklemek için ek olarak işlemler yapmamız gerekiyor. Tüm blogger kullanıcıları için iletişim formu çok önemli bir yer almaktadır. Bu makalemde blogger iletişim formunu sabit sayfaya eklemeyi göstereceğim.

1. Adım:

Öncelikle Blogger’ın iletişim formu gadgetını blogunuzun sidebarına eklemeniz gerekiyor. Bunun için Blogger kumanda panelinize girdikten sonra Yerleşim > Gadget Ekle > Diğer Gadgetlar yolunu takip ederek listeden İletişim Formu gadgetını seçin.
iletişim Formu Gadget

2. Adım:

İletişim formunun sidebarda olmasını istemediğimiz bu adımda formun gadget olarak görünmemesi için gerekli kod değişikliğini yapacağız. Blogger kumanda paneline girip Şablon > HTML’yi Düzenle yolunu takip ettikten sonra sonra Widget’a Atla > ContactForm1 diyerek iletişim formuna ait kodların olduğu bölüme gelin. Bu bölümdeki kodların sol tarafındaki ikonuna tıklayarak kodları genişletin. Genişletme işlemini yaptığınızda iletişim formu gadgetına ait kodlar şu şekilde gözükecektir:
<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'>
    <b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>

Burada kırmızı renkle gösterdiğim kodların tamamını silerseniz blogunuz iletişim formunu algılayacak ancak sidebarda gadget olarak gözükmeyecek. Sonraki adım sabit bir iletişim sayfası oluşturarak iletişim formunu burada göstermek olacak.

3. Adım:

Sıra sayfayı oluşturma geldi. Sayfalar > Yeni Sayfa > Boş Sayfa yolunu takip ederek yeni bir sayfa oluşturun ve sayfa başlığına İletişim yazın. Daha sonra sol üst taraftaki Oluştur / HTML sekmelerinde HTML sekmese geçerek aşağıdaki kodları buraya yapıştırın:
<div class='widget ContactForm' id='ContactForm1'>  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p>İsim<p>
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p>E-Posta *</p>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p>Mesaj *</p>
        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/>
        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
      </form>
    </div>
  </div>
</div>

Önizleme yaptığınızda sorun yoksa ve iletişim formu gözüktüyse sayfayı kaydedebilirsiniz.

4. Adım:

Yukarıda verdiğim kod bloggerin standart orjinal iletişim formuydu. Sidebarınızdan alıp iletişim sayfanıza koyduk. Ama Eğer orjinalini beğenmiyorsanız, isterseniz aşağıda resimlerle gösterdiğim stillerden birini seçip iletişim sayfanıza direk onuda ekleyebilirisiniz.
iletişim Formu Gadget 4
<style type='text/css'>
#ContactForm1{display:none;}
#contact_wrap{width:321px;height:380px;border-radius:1em;border-top:1px solid #dbdbdb;border-right:1px solid #b2b2b2;border-left:1px solid #dbdbdb;border-bottom:1px solid #9d9d9d;background-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc');background-image:linear-gradient(top,#f2f2f20%,#e6e6e650%,#cccccc100%);box-shadow:1px 1px 5px #ccc;margin:auto;padding:25px;}
#contact_wrap h3{color:#e8f3f9;font-family:oswald,Georgia,arial;font-size:20px;font-weight:400;text-align:center;text-shadow:2px 0 0 #1f4962;-webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;-moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;background-color:#3689b9;position:relative;margin:0 -36px 20px;padding:12px;}
#contact_wrap h3:before{content:' ';position:absolute;bottom:-10px;left:0;width:0;height:0;border-color:#333 transparent transparent;border-style:solid;border-width:10px 0 0 10px;}
#contact_wrap h3:after{content:' ';position:absolute;bottom:-10px;right:0;width:0;height:0;border-color:transparent transparent transparent #333;border-style:solid;border-width:0 0 10px 10px;}
#ContactForm1_contact-form-name{width:270px;height:auto;background:#f6f6f6 url(http://2.bp.blogspot.com/-GoNmkIDybR0/UZuZDpVOXaI/AAAAAAAAEO8/pNPaQU1aiwQ/s1600/user.png)no-repeat 10px center;color:#777;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:rgba(0,0,0,0.247059) 0 1px 3px inset, #f5f5f5 0 1px 0;box-shadow:rgba(0,0,0,0.247059) 0 1px 3px inset, #f5f5f5 0 1px 0;margin:5px auto;padding:10px 10px 10px 40px;}
#ContactForm1_contact-form-email{width:270px;height:auto;background:#f6f6f6 url(http://1.bp.blogspot.com/-QduNKpNbFyQ/UZuZPuE_OfI/AAAAAAAAEPU/Rv4C4Kic2I0/s1600/msg2.png)no-repeat 10px center;color:#777;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:rgba(0,0,0,0.247059) 0 1px 3px inset, #f5f5f5 0 1px 0;box-shadow:rgba(0,0,0,0.247059) 0 1px 3px inset, #f5f5f5 0 1px 0;margin:5px auto;padding:10px 10px 10px 40px;}
#ContactForm1_contact-form-email-message{width:270px;height:150px;font-family:Arial, sans-serif;background:#f6f6f6 url(http://3.bp.blogspot.com/-zGxMJ_C5R60/UZuZGnKgcuI/AAAAAAAAEPE/KwPOHFuBffc/s1600/pen.png)no-repeat 10px 10px;color:#777;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:rgba(0,0,0,0.247059) 0 1px 3px inset, #f5f5f5 0 1px 0;box-shadow:rgba(0,0,0,0.247059) 0 1px 3px inset, #f5f5f5 0 1px 0;margin:5px auto;padding:10px 10px 10px 40px;}
#ContactForm1_contact-form-submit{width:95px;height:30px;float:right;color:#FFF;cursor:pointer;border-radius:4px;text-shadow:1px 0 0 #1f4962;-webkit-box-shadow:inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;-moz-box-shadow:inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;box-shadow:inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;background-color:#3689b9;border:1px solid #194f6d;margin:10px 0;padding:0;}
#ContactForm1_contact-form-submit:hover{background:#4c9bc9;}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:320px;margin-top:35px;}
</style>
<div id="contact_wrap">
<h3>İletişim</h3>
<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="İsim" size="30" type="text" value="" />
<input id="ContactForm1_contact-form-email" name="email" placeholder="E-Posta" size="30" type="text" value="" />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Mesaj" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Gönder" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>

iletişim Formu Gadget 1
<style type='text/css'>
.contact-form-widget{width:500px;max-width:100%;background:#E6E7E8;color:#000;border:1px solid #656E75;box-shadow:0 1px 4px rgba(0,0,0,0.25);border-radius:10px;margin:0 auto;padding:10px;}
.contact-form-name,.contact-form-email,.contact-form-email-message{width:100%;max-width:100%;margin-bottom:10px;}
.contact-form-button-submit{background:#E6E7E8;color:#000;width:20%;max-width:20%;margin:0;border:1px solid #656E75;}
.contact-form-button-submit:hover{background:#679EC9;color:#fff;border:1px solid #FAFAFA;}
</style>
<div class='widget ContactForm' id='ContactForm1'>  <div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p>İsim<p>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<p>E-Posta *</p>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<p>Mesaj *</p>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</form>
</div>
</div>
</div>

iletişim Formu Gadget 2
<style type='text/css'>
.contact-form-widget{width:75%;max-width:100%;background:#5F8CB0;color:#fff;border:1px solid #5F8CB0;border-radius:1px;margin:0 auto;padding:10px;}
.contact-form-name,.contact-form-email,.contact-form-email-message{width:100%;max-width:100%;margin-bottom:10px;}
.contact-form-button-submit{height:40px;color:#5F8CB0;background:url(http://3.bp.blogspot.com/-U0t7gMWJOLs/U-uCm5Ye0bI/AAAAAAAAA_U/6TomQ9_Sgxw/s1600/send_message_40.png) #fff 5px center no-repeat;padding-left:44px;}
.contact-form-button-submit:hover{background:url(http://3.bp.blogspot.com/-U0t7gMWJOLs/U-uCm5Ye0bI/AAAAAAAAA_U/6TomQ9_Sgxw/s1600/send_message_40.png) #357AE8 5px center no-repeat;border:1px solid #404040;color:#FFF;border-color:#2F5BB7;}
</style>
<div class='widget ContactForm' id='ContactForm1'>  <div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p>İsim<p>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<p>E-Posta *</p>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<p>Mesaj *</p>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</form>
</div>
</div>
</div>

iletişim Formu Gadget 3
<style type='text/css'>
.contact-form-widget{margin:0;width:75%;max-width:100%;padding:10px;}
.contact-form-name,.contact-form-email,.contact-form-email-message{max-width:220px;width:100%;font-weight:700;}
.contact-form-name{background:#FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 8px;background-color:#FFF;border:1px solid #ddd;box-sizing:border-box;color:#A0A0A0;display:inline-block;font-family:Arial,sans-serif;font-size:12px;font-weight:700;height:24px;vertical-align:top;margin:5px 0 0;padding:5px 15px 5px 28px;}
.contact-form-email{background:#FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 10px;background-color:#FFF;border:1px solid #ddd;box-sizing:border-box;color:#A0A0A0;display:inline-block;font-family:Arial,sans-serif;font-size:12px;font-weight:700;height:24px;vertical-align:top;margin:5px 0 0;padding:5px 15px 5px 28px;}
.contact-form-email:hover,.contact-form-name:hover{border:1px solid #bebebe;box-shadow:0 1px 2px rgba(5,95,255,.1);padding:5px 15px 5px 28px;}
.contact-form-email-message:hover{border:1px solid #bebebe;box-shadow:0 1px 2px rgba(5,95,255,.1);padding:10px;}
.contact-form-email-message{background:#FFF;background-color:#FFF;border:1px solid #ddd;box-sizing:border-box;color:#A0A0A0;display:inline-block;font-family:arial;font-size:12px;vertical-align:top;max-width:350px!important;height:150px;border-radius:4px;margin:5px 0 0;padding:10px;}
.contact-form-button{height:32px;line-height:28px;font-weight:700;border:none;zoom:1;display:inline;vertical-align:baseline;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:14px/100% Arial, Helvetica, sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);margin:0 2px;padding:.5em 2em .55em;}
.contact-form-button:hover{text-decoration:none;}
.contact-form-button:active{position:relative;top:1px;}
.MEF-button-color{color:#fef4e9;border:solid 1px #da7c0c;background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top, #faa51a, #f47a20);;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',endColorstr='#f47a20');}
.MEF-button-color:hover{background:-moz-linear-gradient(top, #f88e11, #f06015);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11',endColorstr='#f06015');border-color:#F47C20!important;}
</style>
<!--[if IE 9]>
<style type='text/css'>
.contact-form-name{background:#FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 0;}
.contact-form-email{background:#FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 6px;}
</style>
<![endif]-->  
<div class='widget ContactForm' id='ContactForm1'>  <div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="&#304;sim" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;&#304;sim&quot;;}' onfocus='if (this.value == &quot;&#304;sim&quot;) {this.value = &quot;&quot;;}' />
<p></p>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="E-Posta"  size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;E-Posta&quot;;}' onfocus='if (this.value == &quot;E-Posta&quot;) {this.value = &quot;&quot;;}'/>
<p></p>
<textarea class='contact-form-email-message'  id='ContactForm1_contact-form-email-message' name='email-message'  value='Mesajınızı bırakın...'  onblur='if (this.value == &quot;&quot;) {this.value = &quot;Mesajınızı bırakın...&quot;;}' onfocus='if (this.value == &quot;Mesajınızı bırakın...&quot;) {this.value = &quot;&quot;;}'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit MEF-button-color' type='reset' value='Temizle'/> 
<input class='contact-form-button contact-form-button-submit MEF-button-color' id='ContactForm1_contact-form-submit' type='button' value='G&#246;nder'/>
<p></p>
<div style='text-align: center; max-width: 250px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
</div>

Şablonu kaydedin ve Blogger’ın resmi iletişim formunu kullanarak oluşturduğunuz iletişim sayfanız hazır.


Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

Alan Adını domaininizi Blogger'a Yönlendirme

Alan Adını domaininizi Bloger'a Yönlendirme
Bu yazıda Blog'unuza Özel alan adı ( Domain ) nasıl yönlendirilir onu anlatacağım. Günümüzün en büyük blog sistemi olan Blogger bir nevi bize hosting hizmeti veriyor. Hostinglere çok paralar harcamak istemiyorsanız blogger hesabınızı domaininize yönlendirebilirisiniz. Ve artık sizinde bloglarınız özel alan adlarına sahip olacak örn : www.MeftunApart.com gibi. Şimdi sizlerde Domainlerinizi aldıktan sonra alt kısımdaki adımları sırasıyla takip ederek domaininizi yönlendirebilirsiniz.
  1. Blogunuza gidin ve Ayarlar sekmesinin altındaki Temel seçeneğini tıklayın. "Yayıncılık" bölümünde, özel alan adı eklemeye ilişkin bağlantıyı tıklayın.
    Blogger'a Özel Alan Adı ( Domain ) Yönlendirme
  2. Satın aldığınız alan adının URL'sini yazın. URL'nin çalışması için www ile başlaması gerektiğini unutmayın.
  3. Ve Kaydet'i tıklayın.
  4. Bir hata mesajı görüntülenir. Altta iki CNAME kaydının listelenmiş olduğunu görürsünüz. Her CNAME iki bölümden oluşur: Ad, Etiket veya Ana Makine ve Hedef, Hedef Nokta veya Yönlendirme Hedefi. İlk CNAME herkes için aynıdır; Ad "www", Hedef ise "ghs.google.com"dur. İkinci CNAME, blog'unuza ve Google Hesabınıza özeldir ve bu nedenle de herkes için farklıdır.
  5. Alan adı kayıt kuruluşunuzun web sitesine gidin ve kontrol panelinde DNS (Alan Adı Sistemi) ayarlarınızı bulun.
  6. Şimdi sıra CNAME kayıtlarınızı girmeye gelmiştir. Ad, Etiket veya Ana Makine kısmına "www" yazın, ghs.google.com'u da Hedef, Hedef Nokta veya Yönlendirme Hedefi olarak belirtin.
  7. Ardından ikinci CNAME kaydını aynı yöntemle girin.
  8. İsteğe bağlı : Çıplak alan adınızı (example.com) gerçek bir siteye (www.example.com) bağlayan A kayıtları da girebilirsiniz. Bu adımı atlarsanız "www" yazmayan ziyaretçiler bir hata sayfasıyla karşılaşır.
  9. İsteğe bağlı (devamı) : 8. Adımı tamamladıktan sonra alan adınızı example.com biçiminde girin ve alt tarafta gösterilen IP adreslerini "A" bölümünde listeleyin. Dört farklı Google IP'sini gösteren dört ayrı A kaydı açmanız gerekir.
    216.239.32.21
    216.239.36.21
    216.239.36.21
    216.239.38.21

    İsteğe bağlı bölümün sonu
  10. Son adıma geçmeden önce, DNS ayarlarınızın etkinleşmesi için bir saat kadar bekleyin. Ayarlarınız etkinleşmeden önce son adımı uygulamaya çalışırsanız sizi bir uyarı iletisi ile bilgilendiririz.
  11. Ayarlarınız etkinleştikten sonra, Google'ın okuyucularınızı blog'unuza yönlendirebilmesi için Blogger'ın, özel adınızı bildiğinden emin olmanız gerekir. Blogger'a geri dönün ve Ayarlar | Temel sekmenizdeki bilgileri güncelleyin. "Yayıncılık" alanını bulun ve özel bir alan adı eklemeye ilişkin bağlantıyı tıklayın.

Alan adina gecis
Sunulan kutuya, özel alan adınızın URL'sini girin ve Kaydet'i tıklayın.
Blogger'a Özel Alan Adı ( Domain ) Yönlendirme
Hepsi bu kadar! Blogspot.com adresiniz kısa süre içinde yeni özel alan adınıza yönlendirilecektir. Yönlendirmenin çalışmaya başlaması 24 saat kadar sürebileceğinden, sabırlı olun. 24 saat geçmesine rağmen hata sayfası görmeye devam ediyorsanız bu, ayarlarınızın doğru girilmediği ve işlemi bir kez daha denemeniz gerektiği anlamına gelir.

Alan Adını domaininizi Blogger'a Yönlendirme

  • Eklemek istediginiz Url'yi http://www.MeftunApart.com bölümünü değiştirin.
  • "Kod Oluştur" butonuna tıklayın
  • Şimdi Blogger panelinize giriş yapın > Şablon > HTML'yi Düzenle
  • Ctrl+F yardımı ile <head> kodunu aratıp bulun ve hemen altına oluşturulan kodu kopyalayıp yapıştırın.
  • Şablonunuzu kaydedin ve bitti.


Not:
  • Yeni alan adınız sizi blog'unuza götürmüyorsa tüm DNS sunucularının güncellenmesi için bir veya iki gün bekleyin. Hala çalışmıyorsa, DNS ayarlarınızı doğru girdiğinizden emin olmak için kayıt kuruluşunuzla iletişime geçin.
  • Orijinal Blogspot adresiniz otomatik olarak yeni alan adınıza yönlendirilecektir. Bu yöntemle sitenize giden var olan bağlantılar veya yer işaretleri çalışmaya devam eder.
  • Yayınlanmış resimleriniz blog'unuzda görüntülenmeye devam edecektir.

Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

Google Adsense Reklamları Nedir? Nasıl Kullanılır?

google adsense
Google Adsense, çeşitli firmaların Google Adwords'e verdiği reklamları büyük kitlelere ulaştırmak için biz internet kullanıcılarına, belli bir ücret karşılığında reklam yapmamızı sağlamaktadır. Google Adsense’nin sağlamış olduğu bu fırsatlardan hem bizler hem de Google para kazanmaktadır. Google AdSense, büyüklükleri ne olursa olsun tüm web sitesi yayıncılarının web sitelerinde hedeflenmiş Google reklamları göstererek para kazanmalarını sağlayan ücretsiz ve kolay bir yöntemdir. Kısaca website sahipleri için Google’ın sunduğu bir reklamcılık hizmetidir. Ücretsiz olarak buradan başvurulabilen bu sisteme kaydınız onaylandığı takdirde sizde google yayıncısı olabilir ve sitenize gelen ziyaretçi trafiği üzerinden belirli bir gelir elde edebilirsiniz.


Kullanım Şartları

Reklam verenler google adwords ile kampanyalarını oluştururken sadece arama ağı değilde yayıncı siteleri de hedeflediği taktirde bu reklamlar Adsense yayıncı havuzunda toplanır ve reklam ile benzer içerik barındıran sitelerde veya sayfalarda bu reklamlar görüntülenmeye başlar. Google örümcekleri sitenizi sürekli indexlediklerinden dolayı sizin içeriğinizin kategorisini belirler ve moda siteniz varsa gidipte sitenizde kombi reklamlarını yayınlamaz. Bunun faydası ise tıklanma oranının arttırmasıdır. Bu sayede hem google hem yayıncı daha çok gelir elde etmiş olur. Google AdSense ile para kazanmak kulağa çok hoş geliyor fakat bu sisteme kabul edilmek çok da kolay değil. Bazı şartları sağlamış olmanız gerekir.

  • Öncelikle 18 yaşından büyük olmalısınız.
  • Blogunuz pornografik ve şiddet barından içerik içermemeli .
  • Blogunuzda ağır küfür, ırkçı hoşgörüsüzlükle ilişkili veya herhangi bir şahıs, grup veya kuruluş aleyhinde propaganda niteliğindeki içerik yer almamalı.
  • Blogunuzda hack, crack, warez ve uyuşturucu ile ilgili içerikler olmamalı.
  • Blogunuzda alkol, tütün, reçeteli ilaç, silah, markaların taklit ürünleri, tez, ödev gibi şeylerin satışı yapılmamalı.
  • Blogunuz yasa dışı, yasa dışı etkinlikleri teşvik eden veya başkalarının yasal haklarını ihlal eden diğer herhangi bir içerik içermemeli.
  • Blogunuz Google’ın kalite yönergelerine uygun olmalı.
  • Ayrıca blogunuzda bir “gizlilik politikası” sayfası oluşturmalısınız. Gizlilik politikası oluşturmayla ilgili bilgi almak için buraya bakabilirsiniz.

Organik Trafik

AdSense'nin en çok dikkat ettiği trafik sistemi organikliğidir. Eğer siteniz doğal yollardan yani Google arama ve diğer arama motorlarından geliyorlarsa size daha fazla kazanç sağlayacaktır. Sonuçta arama yaparak erişilen sitenizde o konu ile alakalı reklamlar çıkacaktır ve haliyle o reklamların tıklanma sayısı da artacaktır.
Eğer sitenize verilen bağlantı yolu ile gelen ziyaretçileriniz var ise bu tık sayısı düşecektir. Sitenize verilen bağlantı çeşitleri şunlar olabilir: Backlink, makale içerisindeki linkler ve sosyal ağlarda paylaştığınız linkler.
NOT: Organik trafiği elde etmenin yolu SEO'dan geçtiğini unutmayın.

Kayıt Olma

Blogunuzu kayıt aşamasına hazır hale getirdikten sonra Blogger kumanda panelindeki Kazançlar sekmesinden veya AdSense kayıt sayfasından başvurunuzu yapabilirsiniz.

1. Onay Süreci:

Başvurunuzu yaptıktan sonra yaklaşık 2-3 günlük inceleme sürecinin ardından ilk onayı alıp almadığınızla ilgili bir e-posta gönderilir. Eğer blogunuz onaylandıysa sizden reklam birimi oluşturarak blogunuza eklemeniz istenir.

2. Onay Süreci:

Reklam birimi oluşurmak için Google AdSense hesabınıza giriş yaparak Reklamlarım > Reklam birimleri > Yeni reklam birimi yolunu izleyerek istediğiniz boyutlarda bir reklam birimi oluşturduktan sonra verilen kodu blogunuza eklemelisiniz. Onay aşamasında 1 adet reklam birimi oluşturmanız yeterlidir ve bu reklam birimine ait kodu Blogger kumanda panelinde Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu takip ederek ekleyebilirsiniz. Onay sürecinin tamamlanması yaklaşık 1 ata sürer bu sürede eklediğiniz reklam biriminde boş bir alan gözükür. Blogunuzun incelenmesi tamamlanıp ikinci onayı da aldıktan sonra size bir bilgi e-postası gönderilir ve birkaç saat içinde boş reklamların yerinde AdSense reklamları gözükmeye başlar. Bu andan itibaren ziyaretçileriniz reklamlara tıkladıkça hesabınızda para birikmeye başlar. Kayıt ve onay işlemi tamamlandaıktan sonra da Google blogunuzu incelemeye devam eder sizden bazı kurallara uymanızı ister.

  • Kendi reklamlarınıza tıklamayın, kimseden Google reklamlarınızı tıklamasını istemeyin.
  • Reklamların yanlışlıkla tıklanmasını sağlayacak numaralardan kaçının.
  • Bir sayfaya en fazla 3 reklam birimi ekleyin ve reklam kodlarında değişiklik yapmayın.

Reklam Yerleşimi Ve Optimizasyonu

Reklam birimlerinin yerleşimini yaparken performansı olduğu kadar kullanıcı deneyimini ve Google AdSense politikalarını da göz önünde bulundurmalısınız.

  • Blogunuzun içeriğini mantıklı bir şekilde düzenleyin ve blogunuzda gezinmeyi kolaylaştırın.
  • Reklamlarınızı kullanıcıların ilgilendikleri içeriğin yakınına yerleştirin ve kullanıcıların aradıkları içeriği kolayca bulabildiklerinden emin olun.
  • Blogunuzdaki resimleri reklamlarınızla hizalamayın veya reklamın yakınındaki içeriğin reklamlarınızın biçimlendirmesini taklit etmemesine özen gösterin.
  • Reklamları, menü, gezinme veya indirme bağlantılarıyla karıştırılabilecekleri konumlara yerleştirmeyin.

Reklam Boyutları

Bu konuda AdSense uzmanlarının en başarılı olanlarını şöyle sıralamıştı:

  • 336x280 Büyük Dikdörtgen
  • 300x250 Orta Boy Dikdörtgen
  • 728x90 Leaderboard
  • 160x600 Geniş Dikey
AdSense yetkilileri yaptığı araştırmalar ve A/B testleri sonucunda bloglar için en uygun reklam yerleşiminin şu şekilde olduğunu tespit etmişlerdir:
AdSense reklam yerleşimi
Not : Blogunuza ekleyeceğiniz reklamları "blog temanıza" uygun renkler ile eklemeyi tercih ediniz.

AdSense Reklamları Ne Kadar Kazandırır?

google adsense kazanc raporu
AdSense reklamları ile elde edilen kazanç siteden siteye farklılık gösterir. Kazancınızı belirleyecek 2 temel faktör vardır. Reklamlara tıklanma sayısı ve tıklama başına maliyet. Örneğin reklamlarınıza bir ayda 100 kez tıklandıysa ve TBM (Tıklama Başına Maliyet) 0.5$ ise o ay kazancınız 100x0.5 = 50$ olur.
Reklamlara tıklanma sayısını arttırmaya yönelik yerleşim ipuçlarından yukarıda kısaca bahsettim. Şimdi de TBM yani tıklama başına maliyeti arttırmak için neler yapabileceğinizden bahsedelim.

  • Reklam birimlerinizin tümü için hem metin reklamların hem de resim reklamların/zengin medya reklamlarının gösterilmesi seçeneğini etkinleştirin.
  • Filtre listenizi kısa tutun, böylece yüksek ödeme yapan reklamları engelleyerek gelir potansiyelinizi azaltmamış olursunuz.
  • Yerleşim hedeflemeye yönelik özel kanallarınızı oluşturarak siteniz için rekabet eden reklam sayısını artırın.
  • Blogunuzda belli konulara odaklanarak kaliteli içerik üretin.

jQuery Son Konular Haber Akışı Eklentisi

jQuery Son Konular Haber Akışı Eklentisi
Bu yazımda soldan sağa doğru sıra ile blogunuzda yazdıgınız son yazıların yazılarak geldiği farklı haber bandı uygulaması yapacağız. Diğer adıyla Haber manşet akışı, News Ticker ismiyle çağrılıyor. jQuery ile çalışan bu şık eklenti ziyaretçilerinizin dikkatini çekecek ve son konularınız daha fazla okunacak. Aşağıdaki kod Oluşturucuyla blogunuza ekstra bir görünüm vermek, konularınıza ziyaretçi çekmek için Sadece birkaç tıklama ile bu Son Konular Haber Akışı Eklentisini eklemenizi sağlar. Ana menünüzün hemen altına bu widget'i ekleyebilirsiniz.

Özellikler:

  • 1. jQuery/JavaScript Eklenti.
  • 2. News Ticker daktilo Stil Son Konular kaydırma özellikli.
  • 3. Tam özelleştirilebilir özellikleri ile harika ve şık bir görünüm.

jQuery Son Konular Haber Akışı Eklentisini ekleme

  • 1. Blog Url'nizi girin.
  • 2. Kaydırma için son yazılan sayısını seçin.
  • 3. Kaydırma hızını ayarlayın.
  • 4. Önceki, Sonraki ve Play Basma düğmelerinin gösterilip gösterilmeyeceğini seçin.
  • 5. Eklenti başlığını seçin.
  • 6. istediğiniz rengi seçin.
  • 7. Blogunuzda jQuery Eklentisi var ise Evet, Yoksa Hayır'ı seçin. (Örnek: http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js gibi.)
  • 8. Oluştur ve ardından Önizleme'yi tıklayın.
  • 9. Son olarak Blogger ekle'yi tıklayın.
  • 10. Veya Oluşturulan Kodu kopyalayın ve blogunuzda / web sitenizde istediginiz herhangi bir yere yapıştırın.

● Eklenti Oluşturucu yardımıyla kolayca blogunuza veya web sitesi için bu şık Son Konular Haber Akışı kodunu alabilirsiniz.
● Eklenti oluşturucuyu kullanmadan önce Blogger hesabınıza giriş yapın!

Şimdi Blogunuzu kontrol edin. işlem bukadar.
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

 
  • Meftun Apart

    Meftun Apart Fethiye

    Apartlarımız deniz ve plaja 50 metre mesafede olup, klimalı, full eşyalı 2+1, 1+1, 4-6 kişilik ve havuzlu apartlardan oluşmaktadır.

  • Meftun Mede Blogger

    MEDE Blogger Tema Yardım

    Blogger şablonuzda, temanızda yardımamı ihtiyacınız var? Hertürlü blogger tema yardımı ücretsiz yapılır...

  • Sitemap sayfası oluşturma

    Sitemap sayfası oluşturma

    Sitemap bir web sitesinin haritasıdır.Arama motorlarının web sitelerini hızlı, daha çabuk ve tam olarak indexlemesi için oluşturulurlar.

  • hit arttırma

    Sitenizin hitini arttırın!

    Kaliteli hit arttırma sitemi ile ücretsiz hit kazanın, sitenizi Google'da yükseltin! Sitenizi ekleyin ve binlerce ziyaretçi kazanın!

  • Sosyal Medya!

    Sosyal Medya

    Sosyal platformların sayısı artmaya devam etmektedir ve Sosyal medya içeriğine internet aracılığıyla her zaman her yerden erişilir.