Inilah Modifikasi Tampilan Cookies Kafe Dengan Css - Fezarzone

Modifikasi Tampilan Cookies Bar dengan CSS - Iseng-iseng memodifikasi tampilan CSS default cookies kafe blogger pada blog demo template Vikka dan akhirnya tampilan cookies kafe tersebut dapat diadaptasi dengan cita-cita teman supaya terlihat lebih menarik.

Apakah berbahaya mengedit tampilan CSS default cookies kafe blogger ini?

Tentu saja tidak, sebab yang diedit hanya tampilan saja. Kecuali kalau teman menghilangkan atau menyembunyikan cookies kafe tersebut, mungkin itu yang akan berbahaya bagi blog sobat.

Di sini Saya akan memperlihatkan dua pilihan tema ialah background gelap dan terang. Bagi yang ingin mencobanya, silakan ikuti langkah sederhana berikut ini :

1. Login ke Blogger > Template > Edit HTML > Tambahkan arahan di bawah ini sebelum ]]></b:skin> atau </style>

/* Custom Cookies Info Dark */ .cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0)} .cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important} .cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}

/* Custom Cookies Info Light */ .cookie-choices-info{background-color:rgba(255,255,255,.99)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transform:translateZ(0)} .cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#222!important} .cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#999!important;transition:all .1s linear}

2. Simpan template dan silakan teman buka blog dengan memakai domain khusus (ccTLD) wilayah eropa, menyerupai blogspot.it, blogspot.com.es, blogspot.co.uk, blogspot.pt, dan lain sebagainya.

Contoh : http://arlinafix.blogspot.com menjadi http://arlinafix.blogspot.co.uk atau http://arlinafix.blogspot.pt

Demo

Selamat mencoba.