Blogger İE6 Uyarı Eklentisi

Ne zamandır “Blogger İpuçları” kategorisi altında yazı yayınlamıyordum. Bugün güzel bir uyarı eklentisi ile karşınızdayım. Özellikle tanıtım yazılarından bunalan okurlar için bu yazı belki de ilaç gibi olacaktır.Neyse lafı fazla uzatmadan eklentimize geçelim. Bugün kü eklentimiz artık miladı gerçekten dolan İnternet Explorer 6 tarayıcısından kurtulmak için hazırlandı. Yukarıdaki resimden de anlaşılacağı üzere eklenti,  sitenize İE6 ile uğrayan ziyaretçilerinize alternatif tarayıcılar sunuyor. Hazırsak nasıl yapılacağını anlatmak istiyorum hemen:

Öncelikle bu eklentiyi yapmak için Blogger hesabımıza giriş yapıp “HTML’yi Düzenle” kısmına girmeliyiz. ve “Widget Şablonlarını Genişlet” tikini aktif hale getirmeliyiz. Daha sonra CTRL+F tuş kombinasyonu ile <head> kodunu bulalım ve hemen altına şu kodları yapıştıralım:

<!--[if lt IE 7]> <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href="#" mce_href="#" onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src="http://i50.tinypic.com/qwwqoz.jpg" mce_src="http://i50.tinypic.com/qwwqoz.jpg" style="border: none;" mce_style="border: none;" alt='Uyarıyı Kapat' /></a></div> <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 60px; float: left;'><img src="http://i47.tinypic.com/4jrztv.jpg" mce_src="http://i47.tinypic.com/4jrztv.jpg" alt='Uyarı!' /></div> <div style='width: 320px; float: left; font-family: Arial, sans-serif;'> <div style="font-size: 14px; font-weight: bold; margin-top: 12px;" mce_style="font-size: 14px; font-weight: bold; margin-top: 12px;">Çok dandik bir tarayıcı kullanıyorsunuz!</div> <div style="font-size: 12px; margin-top: 6px; line-height: 12px;" mce_style="font-size: 12px; margin-top: 6px; line-height: 12px;">Oops! Malesef miladı dolmuş olan bir tarayıcı kullanıyorsunuz.Daha iyi bir deneyim için lütfen web tarayıcınızı güncel bir sürüme yükseltiniz.</div> </div> <div style='width: 65px; float: left;'><a rel="nofollow" href="http://download.microsoft.com/download/C/B/7/CB7C2809-EB9C-4640-90CE-8E98E641BA64/IE8-WindowsXP-x86-TRK.exe" mce_href="http://download.microsoft.com/download/C/B/7/CB7C2809-EB9C-4640-90CE-8E98E641BA64/IE8-WindowsXP-x86-TRK.exe" target='_blank'><img src="http://i49.tinypic.com/1zlag47.jpg" mce_src="http://i49.tinypic.com/1zlag47.jpg" style="border: none;" mce_style="border: none;" alt="Internet Explorer 8 Yükleyin" /></a></div> <div style='width: 65px; float: left;'><a rel="nofollow" href="http://www.mozilla-europe.org/tr/firefox/" mce_href="http://www.mozilla-europe.org/tr/firefox/" target='_blank'><img src="http://i48.tinypic.com/2hicabr.png" mce_src="http://i48.tinypic.com/2hicabr.png" style="border: none;" mce_style="border: none;" alt='Firefox 3.6 Yükleyin' /></a></div> <div style="float: left;" mce_style="float: left;"><a rel="nofollow" href="http://www.google.com/chrome" mce_href="http://www.google.com/chrome" target='_blank'><img src="http://i46.tinypic.com/208ff61.jpg" mce_src="http://i46.tinypic.com/208ff61.jpg" style="border: none;" mce_style="border: none;" alt='Google Chrome Yükleyin' /></a></div> </div> </div> <![endif]-->

Ve Şablonu Kaydet diyip artık çıkabiliriz kontrol panelinden. Evet hepsi bu kadar ! Artık sitenize İE6 tarayıcısından girenler bu uyarıyı daima görecekler. Bu uyarıdan çok sıkıldıklarında onlar için düşünülmüş bir çarpı butonu da var oradan kapatabilirler 🙂 Sormak istediğiniz bir şey varsa çekinmeyin..

Bu yazıdan önce yazmış olduğum "Mootools ile Değişik Bir Atraksiyon Yapımı" başlıklı yazımı da okumanızı tavsiye ederim.

Herkese Merhabalar, ben Enes İLHAN. Gaziantep'te doğdum, Adana'da Büro Yönetimi ve Yönetici Asistanlığı bölümünü okudum ve 2012'de mezun oldum. Askerliğimi uzun dönem olarak, { acemiliği Ankara/Mamak'ta , usta birliğini ise Hatay/İskenderun'da } yapıp bitirmiş bulunmaktayım. Şimdi ise hayata atılmanın çabası içerisine girmiş bulunmakta olup iş bulma derdindeyim.

14 yorum

  1. aTOMKARINCa   •  

    Kendi blogumda kullandığım bir eklenti. Analytics verilerime göre ie6 kullanan epeyce azaldı hatta ayda 1-2 kişi giriyor. 😀
    {Hocam sen msn adresini mi değiştirdin.}

  2. Enes İLHAN   •  

    Evet kardeşim epey azaldı fakat kökten bitmedi şu illet tarayıcıyı kullananlar. Bilgisayarı ilk öğrenen bir kişinin ilk tarayıcısı malesef İE6 oluyor o yüzden bu yazıyı yazma ihtiyacı duydum. {Msn adresim aynı değiştirmedim fakat senin hesabını silip şimdi tekrar ekledim haberin olsun}

  3. metude   •  

    Opera'yı da ekleseniz tam süper olacaktı… Neyse onu da ben ekleyeyim…

  4. Mert   •  

    Çok işe yarar bir eklenti.. WordPress blogum için kullanmaktan geri kalmadım. Ne illet bir tarayıcıdır bu ie6!

  5. CraLBilogcu   •  

    bayadır kullanıyorum bunu anti ie6cıların yapmış olduğu bir çalışma 🙂 Bende daha resmi birşey yazıyor =)

  6. Mücahit   •  

    Teşekkürler Enes abi hemen ekliyorum !

  7. Mücahit   •  

    Üstelik bu eklentiyi "Blogcu" servisini kullanan Arkadaşlarımızda kullanabilirler

  8. Kelimeler Benim   •  

    İf IE kodlarını blogum içinde sıkça kullanıyorum. Bir farkla: Uyarı vermektense gelen onlarca ziyaretçi için siteyi IE uyumlu hale getirmeye çalışıyorum. Ama bıktık artık bu IE'den değil mi? Bu arada Yorumdan alıntı fikri çok iyi olmuş Enes 😉

  9. Enes İLHAN   •  

    @Kelimeler Benim
    Evet kardeşim aslında dediğin doğru ama tüm tarayıcılarda çok güzel görüntülenen blogum İE6 'da saçma sapan bir şekilde gözüküyor. Bu arada yorumdan alıntı kısmını beğendiğine sevindim, yakın bir zamanda o eklentiyi de anlatacağım inşallah.

  10. Erman Haskan   •  

    Benim bloguma (ermanhaskan.com) IE6 değil, herhangi bir Internet Explorer sürümüyle girenler böyle bir uyarıyla karşılaşıyorlar 😉

  11. Enes İLHAN   •  

    @Erman Haskan
    Senin sitendeki de güzelmiş Erman beğendim 😉

  12. NOkta   •  

    teşekkürler enes

  13. metude   •  

    Buradaki mce_style tagleri ne işe yarıyor…

  14. Enes İLHAN   •  

    @metude
    İnanın hiçbir bilgim yok o kodla ilgili. İnternette biraz araştırdım ama pek bir şey bulamadım, bulduklarımda zaten hep yabancıydı. İsterseniz Google'a "mce kodu nedir" diye aratın. Az da olsa mantığını anlayabilirsiniz belki.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Güvenlik Sorusu ? * Time limit is exhausted. Please reload the CAPTCHA.