June 29, 2012   Tekhnik Blogger , Tutorial Blospot.

Membuat Tampilan Dinamis & Menarik Fitur Blogspot.

Pada bulan maret yang lalu blogger telah memperkenalkan fitur baru yaitu 5 tampilan dinamis untuk blog dari blogger.com. Fitur ini memberik...

Pada bulan maret yang lalu blogger telah memperkenalkan fitur baru yaitu 5 tampilan dinamis untuk blog dari blogger.com. Fitur ini memberikan pilihan kepada pengunjung untuk memilih tampilan yang berbeda pada sebuah blog, tapi tentunya pengunjung bisa mengakses blog tersebut bila sipemilik blog berkenan memberi ijin untuk menggunakan fitur tersebut.

Berikut 5 tampilan dinamis dari blogger tersebut :

1. Flipcard

Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Flipcard :

Flipcard

Cara kerja :

• Arahkan mouse pada salah satu kartu atau gambar (bila artikel anda terdapat gambar) untuk melihat judul posting dan jumlah komentar.

• Klik kartu atau gambar tersebut untuk melihat posting di tampilan penuh.

• Anda dapat menggunakan navigasi older post (posting lama) dan newer post (posting baru) atau tombol panah.

• Klik Back to all posts untuk kembali semua posting atau ke tampilan Flipcard.

• Anda bisa pilih tab menu di kiri atas, untuk mengurutkan posting menurut Tanggal, Penulis dan Kategori.

2. Mosaic
Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Mosaic :

Mosaic

 Cara kerja :

• Arahkan mouse pada salah satu kotak atau gambar (bila artikel anda terdapat gambar) untuk melihat judul posting dan memperbesar kotak atau gambar.

• Klik kotak atau gambar tersebut untuk melihat posting di tampilan penuh.

• Klik pada halaman posting tersebut untuk kembali semua posting atau ke tampilan Mosaic.

3. Sidebar

Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Sidebar :

Sidebar

 Cara kerja :

• Dioptimalkan untuk membaca cepat dan browsing.Sidebar kiri adalah daftar posting kronologis, dengan jumlah komentar dan thumbnail untuk setiap posting.
• Anda bisa menggunakan menu navigasi melalui tulisan, dan komentar dapat ditampilkan pada halaman yang sama dengan mengklik link Tampilkan.

4. Snapshot

Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Snapshot :

Snapshot

 Cara kerja :

• Tampilan ini hanya akan menampilkan artikel / posting yang memiliki gambar.

• Mengklik melalui foto atau gambar apapun akan menampilkan halaman posting penuh, dengan link naviagtion di bagian bawah untuk posting baru dan lama

• Mousing atas foto apapun akan menampilkan potongan posting

5. Timeslide

Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Timeslide :

Timeslide

 Cara kerja :

• Tampilan ini berbentuk konten blog dalam tiga bagian yang berbeda:

• Kolom Kiri : Pembesaran gambar dengan judul posting potongan, dan snipppet ditampilkan dalam urutan kronologis

• Kolom Tengah : Menampilkan hanya judul posting dan potongan

• Kolom Kanan : Menampilkan hanya judul posting individu

• Saat mencari posting dalam tampilan ini, hasil akan disorot.

Bila anda berminat menampilkan fitur ini pada blog anda dan mengijinkan pengunjung melihat blog anda melalui 5 tampilan dinamis tersebut. Silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Pengaturan dan pilih Feed Situs.
3. Pada bagian "Izinkan Feed Blog" anda pilih Penuh / Full.

4. SIMPAN SETELAN.

Selanjutnya anda bisa coba melihat tampilan dinamis blog anda, silahkan tambahkan /view/NAMA TAMPILAN setelah ULR Blog anda. Jadinya sebagai berikut :

Untuk Flipcard    :  ULR BLOG ANDA/view/flipcard
Untuk Mosaic     :  ULR BLOG ANDA/view/mosaic
Untuk Sidebar     :  ULR BLOG ANDA/view/sidebar
Untuk Snapshot  :  ULR BLOG ANDA/view/snapshot
Untuk Timeslide :  ULR BLOG ANDA/view/timeslide

Atau anda bisa memberi pilihan menu tampilan dinamis menggunakan menu drop down seperti dibawah ini, agar pengunjung lebih mudah memilih dan melihat tampilan dinamis blog anda :

PILIH TAMPILAN BLOG INIFlipcard Mosaic Sidebar Snapshot Timeslide

Berikut kodenya :

<center><form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu-drop-down"><option /> <h3>PILIH TAMPILAN BLOG INI</h3><hr>
 
<option value="ULR BLOG ANDA/view/flipcard">Flipcard</option>
<option value="ULR BLOG ANDA/view/mosaic">Mosaic</option>
<option value="ULR BLOG ANDA/view/sidebar">Sidebar</option>
<option value="ULR BLOG ANDA/view/snapshot">Snapshot</option>
<option value="ULR BLOG ANDA/view/timeslide">Timeslide</option>
</select></form></center>

Selamat mencoba dan Semoga bermanfaat....

Sumber Referensi   : http://www.carabuatwebgratis.com/2011/05/5-tampilan-dinamis-dari-blogger.html