Modifikasi Tampilan Cookies Kafe Dengan Css

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

Apakah berbahaya mengedit tampilan CSS default cookies kafe blogger ini?

Tentu saja tidak, alasannya yaitu 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 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

Demo

Selamat mencoba.

Tweet

Subscribe to receive free email updates: