Blogunuza blogger giriş formu/Login form Widget'i ekleyin

Blogger giriş formu/Login form Widget
Blogunuz için blogger giriş formu Widget'i ekleyin. Bildiğiniz gibi Bloggerda Yazılara cevap yazabilmek yada yorum yapabilmek için giriş yapılması gerekmekte. Bu eklenti sayesinde blogunuza yorum yapmak isteyenler bu Login Form/Giriş formunu oturum açmak için kullanabilecekler. Hem blogunuzu daha profesyonel gösterecek hemde blogger kullanıcıları burdan oturum açıp giriş yapabilecekleri kullanışlı bir eklenti. Ayrıca formunuza stil vererek kendi zevkinize göre fontunu, rengini, genişliğini vs. ayarlayabilirsiniz. Blogunuzun sidebarına aşağıdaki kodları bir widget şeklinde eklemek ve bu giriş formundan kontrol paneline erişmek mümkün.

  • ● Blogger kontrol panelinize giriş yapın.
  • Yerleşim Gadget Ekle HTML/JavaScript yolunu takip edin.
  • ● Ve aşağıdaki kodları kopyalayıp yapıştırın.
  • Kaydet diyip çıkın.

  • <p>Google Hesabınızla oturum açın</p>
    <form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()" target="_blank"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> E-posta: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Şifre: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Şifrenizi mi unuttunuz?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Oturum aç" class="ubtn ubtn-block" name="submit" type="submit"/>
    </form>

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

    Pardus - Ücretsiz Türk İşletim Sistemi (Linux)

    Pardus - Ücretsiz Türk İşletim Sistemi (Linux)
    Pardus; 2003 yılında temelleri atılan milli işletim sistemi olan, Türkiye'de TÜBİTAK-UEKAE tarafından geliştirilen, özgür, hızlı kurulabilen, kolay kullanılır, çoklu dil içeren, bilgisayar kullanıcılarının temel masaüstü ihtiyaçlarını gidermek üzere halihazırdaki linux dağıtımlarının üstün taraflarını kullanan; kurulum, yapılandırma ve kullanım kolaylığı sağlayan açık kaynak bir işletim sistemidir. Pardus adı, Anadolu Parsı'nın bilimsel adı olan Panthera pardus tulliana'dan gelmektedir. Pardus'un bugüne kadar yayınlanmış 5 ana sürümü ve 9 ara sürümü mevcuttur. Bunlara ek olarak 2 kurumsal sürümü vardır.

    Pardus'un özellikleri nelerdir?

    Pardus Özgürlük için
    1- Açık kaynaklıdır.
    2- GPL lisanslıdır.
    3- Özgürdür.
    4- Adını Anadolu panterinin isminden alır.
    5- TÜBİTAK-UEKAE tarafından gerçekleştirilen bir işletim sistemidir.
    Pardus'un bileşenleri nelerdir?
    1- YALI (Yet Another Linux Installer): Pardus ve paketlerin kurulumu için kurulum yazılımı
    2- ÇOMAR (Configuration Manager): Yazılımların uyumu için yapılandırma yöneticisi
    3- PİSİ (Packages Installed Successfully as Intended): Paketlerin kurulumu / kaldırılması için paket yönetim sistemi
    4- TASMA: Kullanıcının sisteme dair ayarları değiştirebildiği uygulama
    5- Zemberek – Pardus: Türkçe yazım denetimi
    6- Müdür: Gelişmiş donanım tanıma sistemi
    7- Kaptan: Masaüstü yapılandırması
    8- KDE: Masaüstü denetimi
    9- OpenOffice: Ofis uygulamaları

    Pardus'un sistem gereksinimleri nelerdir?

    1- 800 mhz Intel veya amd işlemci (en az 1200 MHz önerilir).
    2- 256 MB RAM (512 MB önerilir).
    3- En az 4GB boş alana sahip harddisk.
    4- Pardus hizmetlerine ve kaynaklarına ulaşmak için internet bağlantısı.

    Neden Pardus kullanmalıyım?

    1- Özgürdür.
    2- Türkçedir.
    3- Virüslere geçit vermez.
    4- Hızlı kurulur.
    5- Kolay kullanılır.
    6- Her şey yazılım dahildir.
    7- Özelleştirilebilir.
    8- Şeffaftır.
    9- Çoklu dil desteği.
    10- Eğlencelidir.

    Pardus hangi donanımları desteklemektedir?

    Sisteminizin Pardus için uygun olup olmadığını denetleyebildiği donanımları Dış bağlantılar başlığı altındaki Pardus Donanım Uyumluluk listesi linkinden bakabilirsiniz.

    Pardus’u nasıl deneyebilirim?

    Pardus’u bilgisayarınıza kurarak ya da Çalışan sürümüyle sabit diskinize hiç dokunmadan deneyebilirsiniz.
    Pardus hem optik diskler üzerinde hem de usb bellek ve disklerde çalışabilir.
    Sisteminizin BIOS yazılımında belirlenen açılış sırasını Pardus kullanacağınız optik sürücü ya da USB bağlantısı önce olacak şekilde ayarlamanız gereklidir.
    Yeni bilgisayarların çoğu açılış sırasında bir tuşla (bir çok masaüstü bilgisayarda F8 bu işi görür) bu sırayı değiştirebilmenizi sağlar.

    Pardus resmi internet sayfası
    Pardus resmi indirme sayfası

    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...

     
    • 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.