Themes Redesign (2)

Thursday 2 June 2011 | Comments (2)

Masih berkutat di halaman depan. Themes redesign memanfaatkan CSS3 yang hampir didukung sebagian besar browser modern. Adapun teknik yang digunakan adalah border radius, box shadow, text shadow, dan gradient.

Border radius untuk membuat lingkaran melengkung pada box
border-radius

1
2
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

Box shadow akan menghasilkan bayangan di kotak navigasi tengah dan running text di bagian bawah
box-shadow

1
2
3
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;

Text shadow dapat dilihat pada judul blog, membuat bayangan pada teks
hed

1
text-shadow: 2px 2px 2px #000;

Gradient untuk membuat efek gradient pada latar belakang box
box-gradient

1
2
background: -webkit-gradient(linear, left top, left bottom, from(#C9DAC9), to(#4C9440));
background: -moz-linear-gradient(top, #C9DAC9, #4C9440);

Bacaan lebih lanjut bisa kunjungi tautan link berikut

Themes Redesign (1)

Sunday 29 May 2011 | Comments (4)

Themes redesign. Yap. Setelah pindah hosting ke tempat baru, dan sepertinya masih cukup reliable, akhirnya saya menyempatkan diri untuk merombak total blog saya. Akses yang lebih baik membuat saya ingin lebih meng-explore blog ber-platform WordPress ini.

Perubahan utama adalah akses pertama kali datang ketika pengunjung membuka link utchanovsky.com. Menggunakan custom page template, halaman awal akan memberikan pengantar pada pengunjung untuk menuju segmen-segmen khusus dalam blog ini. Tentunya lebih ringan karena tidak begitu banyak query ke database, selain recent post berupa newsticker di area bar bagian bawah.

front

Caranya, buat halaman baru dan simpan dengan nama apa saja di folder themes, semisal front-index.php. Tambahkan code berikut di baris paling atas. Untuk baris Template Name pada kode di atas, bisa diganti sesuai keinginan Anda.

1
2
3
<?php
/* Template Name: wide-front */
?>

page-template

Isi selanjutnya dari halaman kreasi baru Anda adalah html+CSS kreasi Anda sendiri. Anda bahkan dapat meng-hardcode isi post (text+gambar) langsung pada themes Anda, seperti bagian about blog ini. Setelah page template sudah jadi, buat halaman baru dari dashboard WordPress, dan pilih page template kreasi Anda.

Bacaan lebih lanjut di sini, atau di WordPress codex

bersambung…

Menghilangkan Admin Bar di WordPress 3.0+

Thursday 28 April 2011 | Comments (6)

WordPress rilis 3.0 ke atas kini menampilkan admin bar di atas situs kita, persis seperti layanan gratis di WordPress.com. Fasilitas ini memang membantu penggunanya langsung bernavigasi ke fitur-fitur utama dari dashboard administrator tanpa harus me-load dashboard administrator secara keseluruhan.

Di lain pihak, keberadaan panel ini akan cukup mengganggu Anda. Ketika sedang me-layout tampilan, posisi themes akan turun secara keseluruhan sejauh 30 pixel.

Cara termudah dan aman untuk menghilangkan admin bar tersebut adalah dengan mengakses profil di dashboard, kemudian pada pilihan Show Admin Bar, hilangkan semua centang yang ada.

Show Admin Bar


Blogging Platform, Why WordPress.com? Why Blogspot.com?

Sunday 2 January 2011 | Comments (19)

Blogspot vs WordPress

If somebody asks me about, “what is the best platform for blogging between WordPress.com and Blogspot”, I‘ll said that it would be relative to person who use it. Relative? Like what? OK, I will classifying a blogger kinda type. ( More … )

Memasang Google Maps di WordPress

Thursday 28 October 2010 | Comments (6)

google-maps-logoHampir tiap orang yang berkecimpung di dunia internet mengenal layanan peta bumi gratis dari Google, yakni Google Maps. Untuk menggunakan layanan berbasis browser ini, dapat langsung mengunjungi situs http://maps.google.com/. Berbasis browser berarti layanan Google Maps dapat diakses dari PC dengan sistem operasi apapun selama ia memiliki web browser yang mendukung, seperti Mozilla Firefox, Opera, Safari, Flock, dan browser dari Google sendiri, Chrome.
( More … )