Modifikasi Tampilan Cookies Bar dengan CSS - Iseng-iseng memodifikasi tampilan CSS default cookies kafetaria blogger pada blog demo template Vikka dan akhirnya tampilan cookies kafetaria tersebut dapat diubahsuaikan dengan harapan teman semoga terlihat lebih menarik.
Apakah berbahaya mengedit tampilan CSS default cookies kafetaria blogger ini?
Tentu saja tidak, alasannya yaitu yang diedit hanya tampilan saja. Kecuali jikalau teman menghilangkan atau menyembunyikan cookies kafetaria tersebut, mungkin itu yang akan berbahaya bagi blog sobat.
Di sini Saya akan memperlihatkan dua pilihan tema yaitu 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
Selamat mencoba.