Friday, April 1, 2011

5 Pratinjau Dinamis Baru dari Blogger

Posted by dav On 3:01 AM
Hebat!!! Itulah komentar yang terucap spontan saat melihat 5 tampilan dinamis yang dipersembahkan oleh Blogger. Tepat tanggal 31 Maret 2011 Blogger memperkenalkan prantinjau baru untuk template Blogger yang sedang direncanakan, dengan harapan para pengguna Blogger akan terbiasa dengan tampilan yang masih dalam pengembangan tersebut. 5 pratinjau tampilan Blogger ini menggunakan teknologi web terbaru termasuk didalamnya Ajax, HTML 5, dan CSS 3.
Sekarang Blogger mengejutkan penggunanya dengan pratinjau dan fasilitas baru diantaranya:
  • Infinite scrolling; fasilitas ini memberikan kemudahan kepada para pemilik blog dan para pengunjung dengan tampilan satu halaman yang tersusun rapi disertai efek yang lembut, sehingga kita tidak perlu memanggil (load) halaman baru ketika ingin membaca suatu artikel. Cukup klik halaman yang akan dibaca maka slide halaman akan segera muncul dengan cepat tanpa reload.
  • Layout baru; penampilan yang sangat menarik dan berbeda dari sebelumnya, lebih terkesan futuristik dan canggih sehingga cocok untuk berbagai tipe blog.
  • Kecepatan; menampilkan gambar hanya ketika kita melihatnya, tanpa ditampilkan semua dihalaman muka. Teknik jitu mengakali bandwitdh yang rendah, sehingga bagi blogger yang memiliki koneksi internet lambat hal ini sangat menguntungkan. Gambar tidak semuanya didownload dari server pada saat awal membuka halaman dan gambar ditampilkan hanya ketika browser diarahkan ke gambar tersebut. Brilian!!!
  • Interakitivitas; banyak cara sekarang untuk bisa merasakan dan melibatkan konten blog. Lebih mudah, lebih cepat, lebih menarik, lebih canggih dan semua kemudahan ini didapatkan dengan gratis.
  • Keyboard Shortcut; ini memudahkan para pengunjung dalam memperlakukan halaman yang sedang dibaca. Kombinasi tombol yang digunakan adalah; J untuk posting lama, K untuk posting baru, dan Escape untuk kembali ke halaman utama.
Video Blogger Dynamics View

Silahkan klik pada salah satu link ini untuk menikmati pratinjau baru dan rasakan kecanggihannya baik dari sisi kecepatan, tampilan dan efek-efek yang dihasilkan dari penampilan blogger baru. Inilah hasil dari pratinjau dinamis baru Blogger :

Pratinjau Dinamis Blogger Jenis Flipcard
Cara memperlakukan halaman flipcard:
  • Arahkan mouse salah satu kartu untuk melihat judul posting dan jumlah komentar. Ketika kita menggulung layar kebawah, posting tambahan akan terus di-load.
  • Klik kartu untuk melihat posting di tampilan penuh. Anda dapat menggunakan navigasi pada halaman posting menggunakan J (posting lama) dan K (posting baru) atau tombol panah. Tombol Escape atau klik Back to all posts untuk kembali ke halaman utama Flipcard.
  • Pada kiri atas, klik untuk mengurutkannya menurut Tanggal, Penulis dan Kategori.

Pratinjau Dinamis Blogger Jenis Mosaic
Cara memperlakukan halaman mosaic:
  • Klik pada salah satu ubin maka halaman akan ditampulkan penuh, dan klik halaman posting maka halaman akan kembali ke posisi semula.
  • Posisi ubin ditentukan secara acak setiap kali halaman blog dipanggil, tetapi tampilan akan muncul secara kronologis dari kiri atas ke kanan bawah.
  • Setelah posting ditampilan secara penuh, kita dapat berpindah halaman dengan menggunakan tombol panah kiri dan kanan serta J dan K.
  • Tampilan ini dioptimalkan untuk tampilan tablet, dan mendukung rotasi layar.

Pratinjau Dinamis Blogger Jenis Sidebar
Cara memperlakukan halaman sidebar:
  • Ini merupakan tampilan halaman yang dioptimalkan untuk penelusuran dan membaca cepat.
  • Sidebar kiri adalah daftar posting yang disusun secara kronologis, dengan jumlah komentar dan tampilan thumbnail untuk setiap posting.
  • Tombol J dan tombol K atau panah digunakan sebagai menavigasi perpindahan halaman, dan komentar dapat ditampilkan pada halaman yang sama dengan mengklik link Tampilkan/Show.

Pratinjau Dinamis Blogger Jenis Snapshot
Cara memperlakukan halaman snapshot:
  • Tampilan ini hanya akan menampilkan tulisan yang memiliki gambar.
  • Mengklik salah satu foto yang mana saja akan menampilkan halaman posting secara penuh, dengan link navigasi digunakan untuk berpindah posting baru dan lama
  • Ketika mengarahkan mouse diatas foto apapun maka akan ditampilkan potongan posting

Pratinjau Dinamis Blogger Jenis Timeslide
Cara memperlakukan halaman timeslide:
  • Pandangan ini membagi konten blog ke dalam tiga wilayah yang berbeda:
  • Kolom Kiri : Pembesaran gambar dengan potongan artikel, judul, dan snipppet ditampilkan dalam urutan kronologis
  • Kolom Tengah: Hanya menampilkan judul posting dan sedikit potongan artikel
  • Kolom Kanan : Hanya menampilkan judul posting
  • Saat mencari posting pada tampilan timeslide ini, kata kunci yang terkandung dalam artikel hasilnya akan disorot (highlight).

Untuk menikmati prantinjau dinamis pada blog anda sendiri cukup dengan menambahkan "/view" pada akhir url blog anda[1], misal http://tutsadobe.blogspot.com/view. Menurut informasi dari Blogger Help[2] bahwa pratinjau dinamis ini dapat bekerja sempurna dengan mengikuti beberapa hal seperti dibawah ini:
  • Blog anda tersedia sebagai blog public bukan blog private. Siapapun pengunjungnya dapat melihat blog anda tanpa harus sign in.
  • Fasilitas feed diaktifkan secara keseluruhan pada blog anda. Silahkan periksa pada Pengaturan - Feed Situs dan pastikan terpilih Penuh pada opsi Umpan Entri Blog, sedangkan tampilan penuh pad artikel atau terpenggal (Jump Break) tidak berpengaruh (diperbolehkan).
  • Fasilitas Tampilan Dinamis diaktifkan. Silahkan periksa pada Pengaturan - Format dan terpilih Ya pada opsi Aktifkan Tampilan Dinamis.
Jika hal diatas tidak dipenuhi maka tampilan pratinjau dinamis baru tidak akan berjalan dan justru akan diteruskan (redirect) pada tampilan asli blog anda dalam beberapa detik.

Jika anda memiliki saran, kritik atau masukan tentang Pratinjau Dinamis Baru Blogger (Dynamic Views in Blogger) silahkan berkontribusi pada pooling yang disediakan Blogger disini.

Referensi:
[1] All about Dynamic Views for Readers
[2] All about Dynamic Views for Authors
[3] Blogger Buzz: Fresh new perspectives for your blog