Kok Jadi Seperti Ini Sih? - Arlina Design
Seperti yang kita tahu, beberapa waktu lalu Blogger update UI atau tampilan yang ada di blogger, meskipun belum sempurna alias masih setengah jalan tapi itu cukup memberi kita gambaran seperti apa nantinya blogger di masa mendatang.

Kok Jadi Seperti Ini Sih

Beberapa tampilan seperti pada menu Statistik, menu Komentar, dan menu Tema sudah diganti dari tampilan yang sebelumnya. Contohnya seperti gambar di bawah ini.

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Tentunya ini hal positif jika melihat dari fitur dan fungsinya dengan tampilan material design yang kekinian I dunno, tapi terkadang hal itu akan menjadi sesuatu yang perlu kita adaptasi kembali jika kita terbiasa dengan tampilan dan fitur yang lama karena memang lebih simple dan gak macam-macam. Khususnya pada menu Tema yang menurut saya selaku pembuat template custom saat ini versi terbaru tersebut tidak lebih baik dari versi lama. Itu menurut saya lho.

Sebenarnya tulisan ini terinspirasi dari status facebook teman blogger Alfrangki Ibrahim yang juga admin dari situs www.bungfrangki.com menyikapi tentang Edit HTML Blogger yang Baru sebagai berikut :

Setiap kali menyimpan perubahan kode, selalu kembali ke kode paling atas. Bawaannya jadi malas ngedit template. Mudah-mudahan masalah ini segera diperbaiki developernya.

by. Alfrangki Ibrahim

Hal tersebut juga saya alami dan memang jadi agak males juga, kenapa jadi dipersulit begitu. Mungkin diantara sobat blogger juga mengalami hal yang sama. Oh, iya. Versi baru ini mungkin masih eksperimental dari tim Blogger (Back end) Google saat ini, jadi belum diterapkan di https://www.blogger.com. Hanya berjalan jika kita membuka situs blogger dengan link ini https://draft.blogger.com

Bagi sobat blogger yang saat ini sedang konsen mengedit Template mungkin akan mengalami hal serupa. Bagian di dalam template jika sedang mengedit CSS dengan versi lama dengan kode CSS yang sudah di minify akan mengalami error saat menulis CSS. Tulisan akan menjadi miss saat menghapus selector tertentu dan itu membuat saya bingung juga, kok bisa glitch seperti ini? Setelah saya membuka halaman blogger dan mengedit tema dengan CSS yang di minify di https://draft.blogger.com hal tersebut tidak terjadi.

Jadi untuk saat ini, jika di template yang sobat gunakan terdapat kode CSS yang di minify secara menyeluruh seperti pada tools ini https://www.arlinadzgn.com/p/css-minifier.html. Sobat tinggal nonaktifkan minify tersebut dan otomatis tools yang ada di halaman CSS Minifier akan mengembalikan ke CSS awal seperti ini.

Contoh CSS dengan Minify secara menyeluruh

.input{width:60px;height:60px;background:none;border-radius:50%;border:4px solid #fff;box-sizing:border-box;outline:none;transition:width 0.4s ease-in-out,border-radius 0.8s ease-in-out,padding 0.2s;transition-delay:0.4s;color:white;font-size:20px;text-transform:uppercase}.inclicked{width:360px;border-radius:0;padding:0 15px;padding-right:40px}.btn{position:absolute;width:60px;height:60px;top:0;right:0;box-sizing:border-box;background:none;border:none;outline:none;cursor:pointer}

Contoh CSS Setelah di Minify tanpa ada error ketika mengedit pada blogger versi lama

.input{width:60px;height:60px;background:none;border-radius:50%;border:4px solid #fff;box-sizing:border-box;outline:none;transition:width 0.4s ease-in-out,border-radius 0.8s ease-in-out,padding 0.2s;transition-delay:0.4s;color:white;font-size:20px;text-transform:uppercase}
.inclicked{width:360px;border-radius:0;padding:0 15px;padding-right:40px}
.btn{position:absolute;width:60px;height:60px;top:0;right:0;box-sizing:border-box;background:none;border:none;outline:none;cursor:pointer}

Oh iya, itu saya ambil dari CSS konsep pencarian dengan animasi. Bisa sobat kunjungi link ini


Jadi jika sobat akan mengedit CSS dengan minify yang secara menyeluruh sebaiknya gunakan atau edit template di halaman blogger ini https://draft.blogger.com

Mungkin itu hanya sedikit unek-unek dari saya belakangan ini, ya anggap saja curhat untuk blogger yang saya tekuni saat ini. Harapan saya semoga kedepannya blogger akan berkembang dengan lebih baik lagi, sehingga bisa bersaing dengan platform lainnya. Cukup sekian dan wassalam.

Kok Jadi Seperti Ini Sih?

Seperti yang kita tahu, beberapa waktu lalu Blogger update UI atau tampilan yang ada di blogger, meskipun belum sempurna alias masih setengah jalan tapi itu cukup memberi kita gambaran seperti apa nantinya blogger di masa mendatang.

Kok Jadi Seperti Ini Sih

Beberapa tampilan seperti pada menu Statistik, menu Komentar, dan menu Tema sudah diganti dari tampilan yang sebelumnya. Contohnya seperti gambar di bawah ini.

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Kok Jadi Seperti Ini Sih

Tentunya ini hal positif jika melihat dari fitur dan fungsinya dengan tampilan material design yang kekinian I dunno, tapi terkadang hal itu akan menjadi sesuatu yang perlu kita adaptasi kembali jika kita terbiasa dengan tampilan dan fitur yang lama karena memang lebih simple dan gak macam-macam. Khususnya pada menu Tema yang menurut saya selaku pembuat template custom saat ini versi terbaru tersebut tidak lebih baik dari versi lama. Itu menurut saya lho.

Sebenarnya tulisan ini terinspirasi dari status facebook teman blogger Alfrangki Ibrahim yang juga admin dari situs www.bungfrangki.com menyikapi tentang Edit HTML Blogger yang Baru sebagai berikut :

Setiap kali menyimpan perubahan kode, selalu kembali ke kode paling atas. Bawaannya jadi malas ngedit template. Mudah-mudahan masalah ini segera diperbaiki developernya.

by. Alfrangki Ibrahim

Hal tersebut juga saya alami dan memang jadi agak males juga, kenapa jadi dipersulit begitu. Mungkin diantara sobat blogger juga mengalami hal yang sama. Oh, iya. Versi baru ini mungkin masih eksperimental dari tim Blogger (Back end) Google saat ini, jadi belum diterapkan di https://www.blogger.com. Hanya berjalan jika kita membuka situs blogger dengan link ini https://draft.blogger.com

Bagi sobat blogger yang saat ini sedang konsen mengedit Template mungkin akan mengalami hal serupa. Bagian di dalam template jika sedang mengedit CSS dengan versi lama dengan kode CSS yang sudah di minify akan mengalami error saat menulis CSS. Tulisan akan menjadi miss saat menghapus selector tertentu dan itu membuat saya bingung juga, kok bisa glitch seperti ini? Setelah saya membuka halaman blogger dan mengedit tema dengan CSS yang di minify di https://draft.blogger.com hal tersebut tidak terjadi.

Jadi untuk saat ini, jika di template yang sobat gunakan terdapat kode CSS yang di minify secara menyeluruh seperti pada tools ini https://www.arlinadzgn.com/p/css-minifier.html. Sobat tinggal nonaktifkan minify tersebut dan otomatis tools yang ada di halaman CSS Minifier akan mengembalikan ke CSS awal seperti ini.

Contoh CSS dengan Minify secara menyeluruh

.input{width:60px;height:60px;background:none;border-radius:50%;border:4px solid #fff;box-sizing:border-box;outline:none;transition:width 0.4s ease-in-out,border-radius 0.8s ease-in-out,padding 0.2s;transition-delay:0.4s;color:white;font-size:20px;text-transform:uppercase}.inclicked{width:360px;border-radius:0;padding:0 15px;padding-right:40px}.btn{position:absolute;width:60px;height:60px;top:0;right:0;box-sizing:border-box;background:none;border:none;outline:none;cursor:pointer}

Contoh CSS Setelah di Minify tanpa ada error ketika mengedit pada blogger versi lama

.input{width:60px;height:60px;background:none;border-radius:50%;border:4px solid #fff;box-sizing:border-box;outline:none;transition:width 0.4s ease-in-out,border-radius 0.8s ease-in-out,padding 0.2s;transition-delay:0.4s;color:white;font-size:20px;text-transform:uppercase}
.inclicked{width:360px;border-radius:0;padding:0 15px;padding-right:40px}
.btn{position:absolute;width:60px;height:60px;top:0;right:0;box-sizing:border-box;background:none;border:none;outline:none;cursor:pointer}

Oh iya, itu saya ambil dari CSS konsep pencarian dengan animasi. Bisa sobat kunjungi link ini


Jadi jika sobat akan mengedit CSS dengan minify yang secara menyeluruh sebaiknya gunakan atau edit template di halaman blogger ini https://draft.blogger.com

Mungkin itu hanya sedikit unek-unek dari saya belakangan ini, ya anggap saja curhat untuk blogger yang saya tekuni saat ini. Harapan saya semoga kedepannya blogger akan berkembang dengan lebih baik lagi, sehingga bisa bersaing dengan platform lainnya. Cukup sekian dan wassalam.

Related Post

Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo