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.

Hiç yorum yok:

Yorum Gönder