Mayıs 2014 ~ Blogger Türkçe Tema Eklenti ve Kurulum Desteği

17 Mayıs 2014 Cumartesi

Blogspot Sizin İçin Seçtik Kodu Eklentisi

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

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.

Blogger Temasına Hareketli Buton Eklentisi

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

Blogspot Siye Resimlerine Link Verme Kodu

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" />

Blogspot Siteye Girmek İçin Abone olmalısınız Kodu

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 Resimli Açıklama Widgedi Kodu

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ıç-*-*-

Slayt

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

-*-*- Kod Bitiş -*-*-

Blogger Temanızda Etiketleriniz Hareketlensin

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

Blogger Tema Yatay Üst Menü Oluşturma Kodu

Ö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 Temaları Resimli Kategori Ekleme Kodu

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

Twitter Yazıların Blogspot Sitende Yayınlansın

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.

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

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

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

Blogger Sitelerine Yazılarım Kaç kez Okundu Eklentisi.

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  kişi tarafından okundu.

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

Blogger Site Seo Ayarları Yazıya Link Verme

Örneğin aşağıdaki kodu sitenize yapıştırdığınızda sitenizde

yazı bölümüne yazdığınız yazı görünecek yazıya tıkladığınızda
ilgili siteye aynı sayfada bağlanacaktır.

Kod:

http://burayasiteadı.com"target="_blank">burayadayazı

Blogger Siteler için E-Mail Aboneliği

Blogger için yeni sosyal paylaşım adresleri ve email takip et eklentisi buna benzer daha önce bir tane daha paylaşmıştım sizlere ama bunun özelliği diğer eklentiye göre farklı renk seçenği ve 3D özelliği olması yani sosyal paylaşım simgelerin ve email kutusunun üzerine geldiğiniz efekt vermesi.Daha önceki eklenti gibi oldukça kolay yöntem ile ekliyoruz.

Blogger Paneli>>Yerleşim>>Gadget Ekle >>HTML/JavaScript eklentisine tıklıyoruz ve Aşağıdaki kodları ekliyoruz.

Blogger Siteleri için Url Yönlendirme Kodu

Merhaba arkdaşlar çok kolay bir işlemle kendi blogunuzu baska birbloga yönlendirebilirsiniz.Nasılmı?Hemen anlatıma geçelim..

İlk Olarak Bu Kodu Aratıyoruz.Hemen Üzerine aşağıdaki kodları ekliyoruz.

Yönlendirelecek Sitenin adresi"/>

14 Mayıs 2014 Çarşamba

Blogspot Sitemap Seo Google’ye gönderin.

Blog’unuzun site haritasını Google’a göndererek, Google’un,

blog’unuzu daha kolay şekilde önbelleğe almasını sağlayabilirsiniz.

Blogger da “HTML” bir site haritası oluşturma şansınız olmadığı için “XML” site haritası yani blog’unuzun RSS yayını site haritası olarak kullanılır.
Buda http://www.blogunuzunadı.blogspot.com/atom.xml sizin blog’unuzun site haritası olduğu anlamına gelir Google web yöneticisi araçları’na göndereceğiniz adreste bu oluyor.

Haritanızı Google’ye göndermeden önce bilmeniz gereken birde ayrıntı var oda şu eğer sizde benim gibi blog’unuzun kayıtlarını yakmak için FeedBurner’ı kullanıyorsanız, Blogger’ın, site haritalarına ulaşmaya çalışan Google botlarını Feedburner’a yönlendirmesi sonucu, göndereceğiniz site haritasının hata vereceğidir.

Bu sorunun üstesinden gelebilmek içinde göndereceğiniz site haritasının adresinde küçük bir değişiklik yapmanız gerekiyor.

Feedburner kullanıyorsanız site haritanız şu şekilde olmalıdır.
http://www.blogunuzunadı.blogspot.com/atom.xml?redirect=false
Burada ki “ ?redirect=false ” ifadesi Google bootlarını, FeedBurner'a yönlendirilmesini engelleyecektir.

Site haritanızı Google web yöneticisi araçlarına göndermek içinde Buradan giriş yaptıktan sonra “Bir Site Haritası gönderin” yazan butona basarak açılan forma blog’unuzun site haritasının adresini girerek “ Site Haritası Gönder ” yazan butona tıklamanız yeterli.

Blog’unuzu arama motorlarına uyumlu hale getirdikten sonra uyguladığınız yöntemlerin işe yarayıp yaramadığını ve blog’unuzun ziyaretçi akışını dikkatle takip edebilmek için blog’unuzu yine Google’nin ücretsiz servisi olan Google Analytics ile takip edebilirsiniz.

Blogger Temaları için Son Yorumlar eklentisi

Kod;

Kod İçerisinde 'http://androidceptelefoneklentileri.blogspot.com.tr' Yazan Yere Kendi blogger Adresinizi Yazın.

Blogger Temaları için Resimli Rastgele Yazılar Eklentisi

Resimli rastgele yazılar eklentisini blogunuza eklemek için ilk olarak Şablon > HTML’yi Düzenle > Devam Et yolunu izleyerek ]]> kodunu bulun ve hemen üstüne şu kodları ekleyin.

#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:70px;height:70px;padding:3px}

İkinci olarak, Blogger kumanda panelinize girdikten sonra Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek şu kodları ekleyin.

Kırmızı rekle gösterdiğim 5 yerine kaç yazı gözükmesini istiyorsanız onu yazın.

Main Nav

17 Mayıs 2014 Cumartesi

Blogspot Sizin İçin Seçtik Kodu Eklentisi

Blogger Temasına Hareketli Buton Eklentisi

16 Mayıs 2014 Cuma

Blogspot Siye Resimlerine Link Verme Kodu

Blogspot Siteye Girmek İçin Abone olmalısınız Kodu

Blogger Resimli Açıklama Widgedi Kodu

Slayt

Blogger Temanızda Etiketleriniz Hareketlensin

Blogger Tema Yatay Üst Menü Oluşturma Kodu

15 Mayıs 2014 Perşembe

Blogger Temaları Resimli Kategori Ekleme Kodu

Twitter Yazıların Blogspot Sitende Yayınlansın

Blogger Sitelerine Yazılarım Kaç kez Okundu Eklentisi.

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

Blogger Site Seo Ayarları Yazıya Link Verme

Kod:

Blogger Siteler için E-Mail Aboneliği

Blogger Paneli>>Yerleşim>>Gadget Ekle >>HTML/JavaScript eklentisine tıklıyoruz ve Aşağıdaki kodları ekliyoruz.

Blogger Siteleri için Url Yönlendirme Kodu

14 Mayıs 2014 Çarşamba

Blogspot Sitemap Seo Google’ye gönderin.

Blog’unuzun site haritasını Google’a göndererek, Google’un,

blog’unuzu daha kolay şekilde önbelleğe almasını sağlayabilirsiniz.

Blogger Temaları için Son Yorumlar eklentisi

Kod;

Kod İçerisinde 'http://androidceptelefoneklentileri.blogspot.com.tr' Yazan Yere Kendi blogger Adresinizi Yazın.

Blogger Temaları için Resimli Rastgele Yazılar Eklentisi

Pages

Popular Posts

Blog Archive

Arama

Etiketler

Sayfa Görüntüleme Sayısı

İzleyiciler

Site Sayac

Main Nav

17 Mayıs 2014 Cumartesi

16 Mayıs 2014 Cuma

Slayt

15 Mayıs 2014 Perşembe

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

Kod:

Blogger Paneli>>Yerleşim>>Gadget Ekle >>HTML/JavaScript eklentisine tıklıyoruz ve Aşağıdaki kodları ekliyoruz.

14 Mayıs 2014 Çarşamba

Blog’unuzun site haritasını Google’a göndererek, Google’un,

blog’unuzu daha kolay şekilde önbelleğe almasını sağlayabilirsiniz.

Kod;

Kod İçerisinde 'http://androidceptelefoneklentileri.blogspot.com.tr' Yazan Yere Kendi blogger Adresinizi Yazın.

Pages

Popular Posts

Blog Archive

Arama

Etiketler

Sayfa Görüntüleme Sayısı

İzleyiciler

Abone Ol

Site Sayac