Blogger Temalar

Blogger 2013 Türkçe Temalar

Blogger Siteleri için En Yeni Türkçe Temalar....

Blogger Temalar
Blogger Eklentileri

Blogger Türkçe Eklentiler

Blogger Siteleri için En Popüler Türkçe Eklentiler...

Blogger Eklentileri
Seo Optimizasyon

Blogger Seo Optimizasyonu

Blogger Site Seo Optimizasyonu ve Arama Motorlarına Kayıt...

Seo Optimizasyon
Blogger Site Destegi

Blogger Site Desteği

Blogger Site Sahipleri İçin Site Desteği 2013 Yılına Özel...

Blogger Site Destegi

17 Mayıs 2014 Cumartesi


Evet Arkdaşlar bu Kodu Paylaşmamın Sebebi benim temam olan p2 temasını yükledikden sonra'Sizin İçin Sectik'Bölümünün olmaması ve film teması olan arkadaşlarımızdan bundan faydalanacaklar....














  • Gadget Ekle Diyoruz.

  • HTML/JavaScript Seçiyoruz Ve İçerisine Aşağıdaki Kodları Yapıştırıp Kaydediyoruz...






    J. Edgar izle


    Cennetin Krallığı

    Ailesini ve inancını kaybeden acılı bir baba... Dini savaş uzak ve kutsal topraklarda devam etmekte...












    • Yapamayan Olursa Yorum Yapsın yardımcı olayım. 




    Blogunuza bu butonları eklemek için aşağıdaki anlatımı takip ederek , Animasyonlu buton eklentisiniz blogger blogunuzda kullanabilisiniz...















    • Öncelikle Aşağıdaki Verdiğim Kodu Buluyoruz.

    ]]>



    •  Aşağıdaki Kodları Bulduğumuz Kodun Hemen Üstüne Yapıştırıyoruz...
    " href="LİNK/URL" target="_blank">Buton Yazısı

  • orange
  • " href="LİNK/URL" target="_blank">Buton Yazısı

  • green
  • " href="LİNK/URL" target="_blank">Buton Yazısı

  • gray
  • " href="LİNK/URL" target="_blank">Buton Yazısı

    16 Mayıs 2014 Cuma




    • Altta Vereceğim Koddda Resimin Urelisini Ve Resme Tıkladığında Hangi siteye gidecekse O Sitenin Linkini Ekleyin.










    • Burada Site Adresi:Resme Tıkladığınızda Gidecek Siteyi Yazın.

    • Buraya Resim Adresi:Resmin Bulunduğu URL Kodunu Yazın.
    Kod Alttadır:

      "http://Buraya">alt="" src="Buraya" />
      Sayfa girişinde Sitenize giren kişilerin facebook profilinize abone olmasını istiyorsanız bu kod tam size göre...










      • Anlatıma Geçelim arkadaşlar...

      • İlk Önce Kodu Nerde Açılmasını İstiyorsanız O Konunun İçine Yapıştırın.

      • Örnek Bir Yayın oluşturun Kodu içerisine yapıştırın ve daha sonra ne yayınlayacaksanız onu oluşturun.



      Blogger Resmin üzerine gelince açıklama yazısını gösteren harika bir kod.Kurulumu Çok Baist Widged ekle diyip ekliyoruz.



      Kod:

      -*-*- Kod Başlangıç-*-*-









       


         Food

       

       


         


         

      Slayt



         
      resmin üzerine gelince açıklama gösteren slayt.


         


         

       













      -*-*- Kod Bitiş -*-*-
      Blogger blogunuzda bulunan etiketleri biraz hareketlendirmek istermisiniz ? Bu eklentimiz ile blogunuzda bulunan etiketlerin üstüne fare ile gelindiğinde , etiketimiz belirli bir açı ile sağa doğru yatmaktadır..Bu eklentiyi blogger blogunuzda kullanmak için aşağıdaki anlatımları takip ediniz..




      • Öncelikle Aşağıdaki Kodu Buluyoruz

      ]]>



      • Bulduğumuzun Kodun Hemen  Üstüne Aşağıdaki Kodları Yapıştırıyoruz.

      /*-----Etiketleriniz hareketlensin eklentileri.blogspot.com----*/
      .label-size{
      margin:0 2px 6px 0;
      padding: 3px;
      text-transform: uppercase;
      border: solid 1px #C6C6C6;
      border-radius: 3px;
      float:left;
      text-decoration:none;
      font-size:10px;
      color:#666;
      }

      .label-size:hover {
      border:1px solid #6BB5FF;
      text-decoration: none;
      -moz-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      -webkit-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      -moz-transform: rotate(7deg);
      -o-transform: rotate(7deg);
      -webkit-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
      transform: rotate(7deg);
      filter: progid:DXImageTransform.Microsoft.Matrix(
      M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
      zoom: 1;
      }

      .label-size a {
      text-transform: uppercase;
      float:left;
      text-decoration: none;
      }
      .label-size a:hover {
      text-decoration: none;
      }


        Yapmanız Geren Herşey Bu Kadar ArkadaşLar.Yapamayan Olursa Yorum Yapsın...





        Öncelikle menün stil kodlarını ekleyelim. Blogger kumanda panelinize girip  Şablon >HTML’yi Düzenle dedikten sonra Ctrl+F tuş kombinasyonu yardımıyla kolayca bulabileceğiniz ]]> kodunun üstüne şu kodları ekleyin.





        #hb-menu, #hb-menu ul { 
        margin: 0; 
        padding: 0; 
        list-style: none; 

        #hb-menu { 
        width: 900px; 
        margin: auto; 
        border: 1px solid #222; 
        background-color: #111; 
        background-image: -moz-linear-gradient(#444, #111); 
        background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); 
        background-image: -webkit-linear-gradient(#444, #111); 
        background-image: -o-linear-gradient(#444, #111); 
        background-image: -ms-linear-gradient(#444, #111); 
        background-image: linear-gradient(#444, #111); 
        -moz-border-radius: 6px; 
        -webkit-border-radius: 6px; 
        border-radius: 6px; 
        -moz-box-shadow: 0 1px 1px #777; 
        -webkit-box-shadow: 0 1px 1px #777; 
        box-shadow: 0 1px 1px #777; 

        #hb-menu:before, 
        #hb-menu:after { 
        content: ""; 
        display: table; 

        #hb-menu:after { 
        clear: both; 

        #hb-menu { 
        zoom:1; 

        #hb-menu li { 
        float: left; 
        border-right: 1px solid #222; 
        -moz-box-shadow: 1px 0 0 #444; 
        -webkit-box-shadow: 1px 0 0 #444; 
        box-shadow: 1px 0 0 #444; 
        position: relative; 

        #hb-menu a { 
        float: left; 
        padding: 12px 15px; 
        color: #999; 
        text-transform: uppercase; 
        font: bold 12px Arial, Helvetica; 
        text-decoration: none; 
        text-shadow: 0 1px 0 #000; 

        #hb-menu li:hover > a { 
        color: #fafafa; 

        *html #hb-menu li a:hover { /* IE6 only */ 
        color: #fafafa; 

        #hb-menu ul { 
        margin: 15px 0 0 0; 
        _margin: 0; /*IE6 only*/ 
        opacity: 0; 
        visibility: hidden; 
        position: absolute; 
        top: 38px; 
        left: 0; 
        z-index: 9999; 
        background: #444; 
        background: -moz-linear-gradient(#444, #111); 
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); 
        background: -webkit-linear-gradient(#444, #111); 
        background: -o-linear-gradient(#444, #111); 
        background: -ms-linear-gradient(#444, #111); 
        background: linear-gradient(#444, #111); 
        -moz-box-shadow: 0 -1px rgba(255,255,255,.3); 
        -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3); 
        box-shadow: 0 -1px 0 rgba(255,255,255,.3); 
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px; 
        border-radius: 3px; 
        -webkit-transition: all .2s ease-in-out; 
        -moz-transition: all .2s ease-in-out; 
        -ms-transition: all .2s ease-in-out; 
        -o-transition: all .2s ease-in-out; 
        transition: all .2s ease-in-out; 

        #hb-menu li:hover > ul { 
        opacity: 1; 
        visibility: visible; 
        margin: 0; 

        #hb-menu ul ul { 
        top: 0; 
        left: 150px; 
        margin: 0 0 0 20px; 
        _margin: 0; /*IE6 only*/ 
        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); 
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); 
        box-shadow: -1px 0 0 rgba(255,255,255,.3); 

        #hb-menu ul li { 
        float: none; 
        display: block; 
        border: 0; 
        _line-height: 0; /*IE6 only*/ 
        -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666; 
        -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666; 
        box-shadow: 0 1px 0 #111, 0 2px 0 #666; 

        #hb-menu ul li:last-child { 
        -moz-box-shadow: none; 
        -webkit-box-shadow: none; 
        box-shadow: none; 

        #hb-menu ul a { 
        padding: 10px; 
        width: 130px; 
        _height: 10px; /*IE6 only*/ 
        display: block; 
        white-space: nowrap; 
        float: none; 
        text-transform: none; 

        #hb-menu ul a:hover { 
        background-color: #0186ba; 
        background-image: -moz-linear-gradient(#04acec, #0186ba); 
        background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); 
        background-image: -webkit-linear-gradient(#04acec, #0186ba); 
        background-image: -o-linear-gradient(#04acec, #0186ba); 
        background-image: -ms-linear-gradient(#04acec, #0186ba); 
        background-image: linear-gradient(#04acec, #0186ba); 

        #hb-menu ul li:first-child > a { 
        -moz-border-radius: 3px 3px 0 0; 
        -webkit-border-radius: 3px 3px 0 0; 
        border-radius: 3px 3px 0 0; 

        #hb-menu ul li:first-child > a:after { 
        content: ''; 
        position: absolute; 
        left: 40px; 
        top: -6px; 
        border-left: 6px solid transparent; 
        border-right: 6px solid transparent; 
        border-bottom: 6px solid #444; 

        #hb-menu ul ul li:first-child a:after { 
        left: -6px; 
        top: 50%; 
        margin-top: -6px; 
        border-left: 0; 
        border-bottom: 6px solid transparent; 
        border-top: 6px solid transparent; 
        border-right: 6px solid #3b3b3b; 

        #hb-menu ul li:first-child a:hover:after { 
        border-bottom-color: #04acec; 

        #hb-menu ul ul li:first-child a:hover:after { 
        border-right-color: #0299d3; 
        border-bottom-color: transparent; 

        #hb-menu ul li:last-child > a { 
        -moz-border-radius: 0 0 3px 3px; 
        -webkit-border-radius: 0 0 3px 3px; 
        border-radius: 0 0 3px 3px; 
        }

        Sıra menünün HTML kodlarını eklemeye geldi. Eğer Blogger’ın kendi temalarından birini kullanıyorsaız HTML kodlarını  
         kodnun hemen üstüne ekleyin. Eğer özel bir Blogger teması kullanıyorsanız HTML kodlarını 
          kodunun hemen altına ekleyin.


           

      • Ana Sayfa
      •  

      •  

      • Haberler 

           

      • Bozyazı'dan Haberler
      •  

      • Anamur'dan Haberler
      •  

      • Tekeli'den Haberler
      •  

         

         

      • Köşe Yazıları 

        •  

      • Halil Alperen Çeşme
      •  

      • Ramazan Enez
      •  

      • Recep Kurtkaya
      •  

      • Serkan Işıl
      •  

         

         

      • Hava Durumu 

      •  

      • İLETİŞİM 

      •  


        Menünün boyu uzun veya kısa gelirse stil kodlarındaki width: 900px; değerini değiştirerek temanıza uygun hale getirebilirsiniz.

         

        15 Mayıs 2014 Perşembe

        Blogger Resimli Kategori Kodu






        1-Öncelikle ]]>
        kodumuzu CTRL+F Yardımı ile buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz..
        Kod:


        #ustkatagori { width:945px ;margin: 10px 0 2px 0; height:60px; padding:0 0 0 13px; overflow:hidden; } #ustkatagori li { float:left; margin-top:-2px; height:60px; list-style: none; margin:0px; } #ustkatagori li:hover { background:#f2f2f2; } #ustkatagori li a, #ustkatagori li a.bir,#ustkatagori li a.iki#ustkatagori li a.uc,#ustkatagori li a.dort,#ustkatagori li a.bes,#ustkatagori li a.alti{ color:#6d6d6d; display:block; padding:12px 14px; height:36px; } #ustkatagori li a.bir:hover { color:#174e80; } #ustkatagori li a.iki:hover { color:#669a18; } #ustkatagori li a.uc:hover { color:#670871; } #ustkatagori li a.dort:hover { color:#bc0c0c; } #ustkatagori li a.bes:hover { color:#373737; } #ustkatagori li a.alti:hover { color:#c4006f; } #ustkatagori li a span.yazi { float:left; } #ustkatagori li a span.bir { font:16px Medium; } #ustkatagori li a span.iki { font:12px "Regular"; display:block; } .kenarlik { border: 1px solid #c0c0c0; } .alt2px { background:#fafafa; border: 1px solid #c0c0c0; border-bottom:1px solid #c0c0c0 !important; } .biconKaydir { margin: 0 7px 0 0; } .ustmb { height: 36px; width: 36px; display: block; float: left; background: url(https://lh6.googleusercontent.com/-Ocovk7Tj8IU/UaaaA0AgJaI/AAAAAAAAB_w/P2eA1VTGV8U/h78/ustkatagori.png) !important; } .ustmb1 { background-position: -2px -8px !important; } .ustmb2 { background-position: -42px -8px !important; } .ustmb3 { background-position: -76px -8px !important; } .ustmb4 { background-position: -117px -8px !important; } .ustmb5 { background-position: -155px -8px !important; } .ustmb6 { background-position: -189px -8px !important; }
        2-Alttaki Kodu İstediğiniz Yere Yapıştırıyorusunuz.Menü Altıda Olabilir..

        Kod


        • TEKNOLOJİGüncel Teknoloji
        • İNTERNETİnternet Haberleri
        • DUYURULARSitemizdeki Duyuru
        • GenelYazılarımız
        • BLOGGEREklenti - Tema
        • WORDPRESSEklenti - Tema



        • Bu eklenti sayesinde isminden de anlaşılacağı gibi blogunuzda son tweetlerinizi gösterebilirsiniz.  Bunun için aşağıda bulunan eklentiyi blogunuzda uygun bir yer eklemeniz yeterli olacaktır. İsterseniz HTML/JS gadgetına da ekleyebilirsiniz.Kodlar arasında kalın punto ile belirttiğim yerleri değiştirebilirsiniz. Ben bu değişkenlerin neye yaradıklarını sizlere anlatayım.

          1.  yerine kendi twitter kullanıcı adınızı (ID) yazmalısınız.

          2. var limit = 5; buradaki sayısal veri gösterilecek tweet sayısıdır. Arttırabilir veya azaltabilirsiniz.

          3. CSS kodları arasında ki renk, boyut gibi değişkenlerle oynayabilir, tasarımınıza uygun hale getirebilirsiniz.


          Blogger kullanıcıları için yazılarınını kaç kişinin okudugunu gösteren çok kullanışlı bir eklenti.Bu eklentiyi yazılarınızın altına koymanızı tavsiye ediyorum.









          Blogger yazılarım kaç kere okundu? Eklentisi yapımı.




          • Blogger kumanda paneline gelip,şablon>>Html'yi düzenle sekmesiyle kodlarımızı açıyoruz.

          • Ardından CTRL+F Yardımıyla Aşağıda verilen kodu buluyoruz...






          •  Kodu bulduktan sonra hemen altına aşağıdaki veriğim kodları yapışırıyorsunuz.


          Bu yazı daha önce counter kişi tarafından okundu.

          Bukadar Arkadaşlar eğer yapamayn olursa alta yorum bıraksın. 

          Pages

          Blogger tarafından desteklenmektedir.