google etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
google etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Ana Sayfa » google etiketine sahip tüm yazılar

Cuma

Blogger'da Yazı İçine Adsense Reklamı Nasıl Eklenir?

Zaman: Cuma, Şubat 22, 2013 Kategori 5 yorum
Blogger için en çok aranan konulardan birisi de yazı içine adsense reklam kodunun yerleştirmek. Blogun her tarafına ve kayıtlar arasına eklemek mümkün ama yazı içine yerleştirirken birtakım sorunlar meydana gelebiliyor. Bazı blogcular bunu el ile tek tek yerleştirebiliyor. Bunun önüne birkaç jQuery koduyla geçmek mümkün.

Eğer hesabınız askıya alınır yada engellenirse reklam kodunu yazılardan kaldırmak için tek tek uğraşmak yerine eklediğiniz kodu kaldırmanız yeterlidir. İşin en can alıcı kısmı da burası zaten.

Cumartesi

Blogger ve Picasa Üzerinde Resim Düzenleme İpuçları

Zaman: Cumartesi, Ekim 20, 2012 Kategori 2 yorum
Bloggerdan bir blog açtığımızda otomatik olarak açtığımız blogun adında Picasa hesabımızda bir albüm oluşturulur. Blogumuza yüklediğimiz her resim bu Picasa albümünde yer alır. Picasa üyeliği almak için herhangi bir çabaya gerek yok çünkü Google hesabı olan herkes Picasa Web hizmetlerini kullanabilmektedir.

Pazartesi

Google Apps'e Ücretsiz Kaydolmanın Bir Yolu Var!

Zaman: Pazartesi, Ekim 08, 2012 Kategori 4 yorum
Google Apps Google'ın gmail, takvim, dökümanlar, gruplar, sites ve video hizmetlerini kendi domainimizle etkili bir şekilde kullanmamızı sağlayan mükemmel bir servisti. Ta ki ücretli olana dek.

Çarşamba

CSS3 ile Oluşturulmuş Google Tarzı Butonlar

Zaman: Çarşamba, Temmuz 11, 2012 Kategori 6 yorum

Google'ın kullandığı hoş ve yumuşak grafikli butonları sizler için biraraya getirip bir yazıda toparladım. Butonlar gerçeğiyle aynıdır ve paylaşım yönüyle Google ile hiçbir alakası yoktur. Aşağıdaki yazıda Google'ın neredeyse bütün servislerinde kullandığı genel butonların css ve html kodları mavcuttur.

Normal ButonSol ButonOrta ButonSağ Buton

Büyük ButonBüyük Sol ButonOrta ButonOrta Buton

Mavi ButonTuruncu Buton

Nasıl Kullanılır?


Kullanımı çok basittir sadece HTML Kodları bölümündeki gibi link'e bir sınıf atayarak oluşturuluyor.

HTML Kodları kısmındaki kodlardan istediğinizi butonun görünmesini istediğiniz yere yazıyorsunuz.

CSS Kodları kısmındaki kodları ise

<head>...</head>

kodları arasına yapıştırın. Blogger için

<b:skin>...</b:skin>

arasına yapıştırın.

HTML Kodları


Burada butonları kullanmanız için gerekli kodlar mevcuttur. Butonların tüm çeşitlerinin kodları aşağıda verilmiştir.

<a href="#" class="button">Normal Buton</a><a href="#" class="button left">Sol Buton</a><a href="#" class="button middle">Orta Buton</a><a href="#" class="button middle">Orta Buton</a>

<a href="#" class="button big">Büyük Buton</a><a href="#" class="button left big">Büyük Sol Buton</a><a href="#" class="button middle big">Orta Buton</a><a href="#" class="button middle big">Orta Buton</a>

<a href="#" class="button mavi">Mavi Buton</a><a href="#" class="button turuncu">Turuncu Buton</a>

CSS Kodları


a.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.big {
    font-size: 16px;
    padding: 10px 15px;
}
a.supersize {
    font-size: 20px;
    padding: 15px 20px;
}
a.mavi {
    text-shadow:none;
    color:#fff;
    padding: 10px 30px;
    -webkit-border-radius: 2px 2px;
    border: solid 1px #3079ed;
    background: #4d90fe; /* Old browsers */
    background: -moz-linear-gradient(top,  #4d90fe 0%, #4787ed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4d90fe 0%,#4787ed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4d90fe 0%,#4787ed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4d90fe 0%,#4787ed 100%); /* IE10+ */
    background: linear-gradient(top,  #4d90fe 0%,#4787ed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#4787ed',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 1;
}
 
a.mavi:hover {
text-shadow:none;
color:#fff;
    border: 1px solid #2f5bb7;
    background: #4d90fe; /* Old browsers */
    background: -moz-linear-gradient(top,  #4d90fe 0%, #357ae8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4d90fe 0%,#357ae8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4d90fe 0%,#357ae8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4d90fe 0%,#357ae8 100%); /* IE10+ */
    background: linear-gradient(top,  #4d90fe 0%,#357ae8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#357ae8',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0 1px 1px #333333;
    -moz-box-shadow: 0 1px 1px #333333;
    box-shadow: 0 1px 1px #333333;
}
 
a.mavi:active {
    border: 1px solid #377cea;
    -webkit-box-shadow: inset 0 0 2px 2px #377cea, 0 1px 0 0 #aaa;
    -moz-box-shadow: inset 0 0 2px 2px #377cea, 0 1px 0 0 #aaa;
    box-shadow: inset 0 0 2px 2px #377cea, 0 1px 0 0 #aaa;
}
a.turuncu {
    text-shadow:none;
    padding: 10px 30px;
    -webkit-border-radius: 2px 2px;
    border: solid 1px #d64937;
    background: #d64937; /* Old browsers */
    background: -moz-linear-gradient(top,  #d64937 0%, #d14836 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d64937), color-stop(100%,#d14836)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d64937 0%,#d14836 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d64937 0%,#d14836 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d64937 0%,#d14836 100%); /* IE10+ */
    background: linear-gradient(top,  #d64937 0%,#d14836 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d64937', endColorstr='#d14836',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 1;
}
 
a.turuncu:hover {
    text-shadow:none;
color:#fff;
    padding: 10px 30px;
    border: 1px solid #b0281a;
    background: #dd4b39; /* Old browsers */
    background: -moz-linear-gradient(top,  #dd4b39 0%, #c53727 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4b39), color-stop(100%,#c53727)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dd4b39 0%,#c53727 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dd4b39 0%,#c53727 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dd4b39 0%,#c53727 100%); /* IE10+ */
    background: linear-gradient(top,  #dd4b39 0%,#c53727 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#c53727',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0 1px 1px #333333;
    -moz-box-shadow: 0 1px 1px #333333;
    box-shadow: 0 1px 1px #333333;
}
 
 a.turuncu:active {
    padding: 10px 30px;
color:#fff;
    border: 1px solid #b0281a;
    -webkit-box-shadow: inset 0 0 8px 4px rgb(197, 55, 39), 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px rgb(197, 55, 39), 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px rgb(197, 55, 39), 0 1px 0 0 #eeeeee; 
}

Salı

Google+ Canlı Videoyla Sohbet Tüm Dünyada Kullanıma Başlandı

Zaman: Salı, Mayıs 08, 2012 Kategori 1 yorum
Google+ kendini sosyal ağlar karşısında karşı konulmaz bir güç haline getirmeye devam ediyor. Şimdi de canlı video sohbet hizmeti bütün Dünyada kullanıma açıldı. Peki bu özelliğini diğer canlı yayın servislerinden farkı ne?


  • Herkesin izleyebilmesi için yayın yapabilirsiniz: “Canlı Videoyla Sohbet’e izin ver”i tıklayarak Canlı Videoyla Sohbeti, Google+ akışınızdan, YouTube kanalınızdan ya da web siteniz üzerinden tüm dünyaya yayınlayabilirsiniz.
  • Kaç izleyeniniz olduğunu görebilirsiniz: Yayınınız sırasında kaç kişinin sizi canlı izlediğini görebilirsiniz.
  • Kaydedebilir, tekrar paylaşabilirsiniz: Canlı yayından çıktıktan sonra videonuz hem sizin YouTube kanalınızda, hem de Google+ akışınızda paylaşılacaktır. Böylelikle yayından sonra da videonuz hakkında fikir alışverişinde bulunabilir, gerektiğinde tekrar paylaşabilirsiniz.
Ana Sayfa