Blogger'ın Google Çerezleri ( cookies ) bildirimini nasıl siteme uydururum?

Kiminiz biliyor veya bilmiyor, ancak AB yasaları nedeniyle Google blogger'da bulunan sitenize tasarımı çok kütü olan bir bildirim ekledi ve AB ülkelerinden sitenize giren herkes blog sayfanıza girince bu bildirimi görüyor. Gri bir şerit halinde sitenizde bulunan bu bildirim kendi sitenizin tasarımı ile pek de uyumlu değil.



Ancak bu bildirimi sitenizin tasarımı ile uyumlu hale getirmeniz de mümkün.

"This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies." şeklinde bir bildirim içeren bu bildirimi Türkçeleştirebilirsiniz ve tasarımını ayarlayabilirsiniz.

Yapmanız gerekenler ( - Blogger için örnek HTML kodu içerir - ):

1. Blogger'a giriş yapın.
2. Düzenlemek istediğini blogun paneline girin ( birden fazla blog sahibiyseniz )
3. Şablon sayfasına gidin
4. Html'yi düzenle sayfasına gidin.
5. Aşağıdaki kodu </b:skin> yazan yerin altına ekleyin

<!-- Custom EU Cookies  --> <script type='text/javascript'> cookieOptions = { msg: "Sitemizde size en iyi deneyimi sunmak için Google çerezleri kullanmaktayız. Bu bilgi Avrupa Birliği'nin internet sitelerine getirdiği koşullar gereğince gösterilmektedir.", link: "https://www.blogger.com/go/blogspot-cookies", close: "Anladım", learn: "Bilgi al" }; </script> <style> .cookie-choices-info { position: fixed!important; width: 75%!important; left: 50%!important; margin-left: -37.5%!important; top: 60px!important; background-color: #666!important; z-index:999999!important; background-color:#ffffff!important; border-bottom: 1px solid #EC2D2A; box-shadow: 1px 1px 1px #000!important; padding:0 auto!important; } .cookie-choices-info .cookie-choices-text{ font-size:15px !important; color:#8A8A8A!important; line-height: 105%!important;} .cookie-choices-info { z-index: 999999!important; background-color: #ffffff!important; border: 1px solid #E0E0E0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0)!important; } .cookie-choices-button { font-size:15px !important; background-color: #EC2D2A!important; border-radius: 1px!important; box-shadow: 1px 1px 1px #000!important; padding:2px!important; text-transform:none!important; } </style> <!-- Custom EU Cookies  -->


HTML'den CSS'den veya renk kodlarından anlıyorsanız bunun üzerinde biraz oynama yaparak site tasarımınıza tamamen uymasını sağlayabilirsiniz.

Ayrıca kodların içindeki ".cookie-choices-info {position: fixed;" yazan yeri ".cookie-choices-info {position: inherit!important;" ile değiştirirseniz, bildiri mesajı sayfanın tepesinden sayfanın altına iner.

Bu son kod ile biraz oynayarak mesajı sayfada istediğiniz yerde gösterebilirsiniz.