çok hoş html kodları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
çok hoş html kodları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

28 Eylül 2014 Pazar

Css İle Güzelleştirilmiş Sitenize Sözlük Google Translate Ekleyin Kodu- HTML KOD CANAVARI

Arkadaşlar Google Translate Sözlük Çok Düz Sitenizin Güzel Havasını Bozabiliyor. Ama Css İle Düzenlenmiş Bir Google Translate Sitenizde Çok Şık Durabilir. Bu Sözlük Kodu Google Analystic e bağlanmış ve kimin hangi dilde çeviri yaptığını görebiliyorum. Öncelikle Google Analiytics iniz yok olarak var sayıyorum  Google Analytics e sitenizi ekleyin.Bu Sizin Hem Sözlük hemde Seo açısından önem taşıyan bir işlem
,
Yok Ben Yapmıyayım Dersenizde
Translate Google Anasayfasına girip Siteniz ile ilgili bölümleri doldurup,
Size Bir Kod verecek üst tarafta
<meta name="google-translate-customization" content="a882a9c6b3461876-270ec4ed7fb2a458-ga2f5aa2c95c96528-1c"></meta>
buna benzer bir kod verecek
alt tarafta ise

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'tr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-51228789-2'}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


böyle bir kod karşınızda olacak
Üstteki kodu
Blogger ınızın Özelleştir-Html yi Düzenle Sekmesinden 
Html yi düzenle olan kısmını Seçiyoruz

Sonra üstteki Bu meta etiketi kapanış </head> öğesinden önce yerleştirin.yada <head> olarak aratın hemen altına ekleyin.
Alttaki Kodu ise Blogger ınızda Görünmesini istediğiniz bir gadgete Html-Javascript Ekle den
Altta sitenize ait olan translate kodunuzu yapıştırıyorsunuz
.

Şimdi Sıra Css Translate Kodumuzu Sitemize Eklemye geldi

Yapmamız gereken Blogger Ana Panelinden Şablonlar-Özelleştir Sekmesinin En altında bulunan Css Ekleye
Size Vereceğim Kodu

/*google_translate_element*/
#google_translate_element{
  float:right;
  margin:0 0 0 10px;
}
div.goog-te-gadget-simple{background-color:#aab351;}
a.goog-te-menu-value span{color:#fff;}
a.goog-te-menu-value:hover{
  text-shadow: 0 0 10px #ffffff;
}
a.goog-te-menu-value:hover{
  text-decoration: none;
}

yani üstteki Css Translate kodunu Css Ekleye Yapıştırıp,Şablona Uygulaya basmanız.
Renk Pembe olarak verildi değiştirmek isterseniz.
Background-color olan yeri sevdiğiniz bir rengin koduyla değiştirebilirsiniz.
Sözlük Google Translate Kodu ile anlatacaklarımın sonuna geldim arkadaşlar yapamayan arkadaşlar
bana yorumlar aracılığıyla ulaşabilir elimden geldiğince yardımcı olurum.