Free Banner Psd

Banner iklan ini saya buat ketika merenovasi blog sebelah. Desainnya sendiri terinspirasi atau ngaku saja boogle nyontek dari banner iklan yang di buat oleh para profesional grafis yang telah tersedia di berbagai situs. Namun ada beberapa desain saat pengerjaan-nya boogle modifikasi atau kembangkan sesuai dengan kebutuhan. Ukuran banner-nya 200 x 125 px. – ukurannya bisa ente edit menggunakan tag css, atau lebih baik di edit via program shotoshop.

 

via free banner iklan : download pub_banner.psd.

Banner berupa file PSD ini boogle khusus-kan terutama bagi yang baru paham program photoshop sekitar 10%, karena kalau yang sudah mengerti di atas 20% atau yang sudah hampir khotam photoshop pastinya bikin banner sendiri kale.

Optimasi Speed Blog Untuk Peringkat di Google

Sudah bukan rahasiah lagi, jika kecepatan loding blog merupakan salah satu kunci untuk mengundang dan kenyamanan bagi pengunjung. semakin cepat di akses akan semakin memudahkan pengunjung untuk terus menikmati isi blog.

Namun kemarin ini, gosip-nya kecepatan loding halaman situs akan di masukan juga menjadi salah satu acuan faktor peringkat dari kurang lebih 200 peringkat faktor-faktor algoritma sistem Om google. Dan masih menurut gosip juga, acuan ini akan di berlakukan pada tahun 2010 nanti. jika di hitung dari hari ini, mungkin sekitar dua bulan lagi.

Oleh karena itu, keputusan yang bijaksana terutama bagi teman-teman yang lebih fokus dan mengkhususkan blog-nya dalam peringkat di indek google agar mulai berbenah memperbaiki seluruh komponen blog, seperti : gambar, stylesheet, script atau flash. dan mempertimbangkan pengaya ( pernak-pernik ), mana yang bermangfaat dan mana yang hanya sekedar gaya saja ?. mana yang perlu di pertahankan dan apa saja yang perlu di hilangkan.

Dan saran boogle untuk optimasi speed blog jangan lupa gunakan Yslow performance - addons firefox dari Yahoo atau Page speed – addons firefox dari Google. karena selain untuk menganalisa seberapa cepat waktu tunggu sebuah situs, keduanya merupakan tool yang sangat bagus untuk optimasi speed web/blog.

….

Heheheh.. yup ah boogle juga lagi berbenah neh :D

Display Time Script

Yup ! lanjut pada pertayaan seorang kawan tengtang real time atau display time script yang ada pada template boogle ini.

mau nanya kalo bikin update DATE template boogle itu yg pake english piye carane?,,ga lucu kan kalo yg lain inggrisan smua masa tglnya sabtu 31 oktober,,hhehee

Kalau belum jelas mungkin pertanyaan di atas seperti screenshot berikut ini.

 

Ingin di ganti menjadi berikut ini.

Untuk mengganti display time dari indonesia ke inggris, ganti saja javascript yang ada pada free template boogle yakni;

<script src='http://rizqi.moehamed.googlepages.com/tampil_tanggal-min.js' 
type='text/javascript'></script>

Dengan javascript yang telah saya edit berikut ini

<script src='http://santi23.fileave.com/datatime.js' type='text/javascript'></script>

Display Time Script Non Boogle Template

Sedangkan bagi yang non boogle template, untuk menambah display time ke dalam blognya ikutilah langkah-langkah berikut ini.

Pertama:

Simpan display time script ini

note : untuk format indonesia

<script src='http://rizqi.moehamed.googlepages.com/tampil_tanggal-min.js' 
type='text/javascript'></script>

note : untuk format inggris

<script src='http://santi23.fileave.com/datatime.js' type='text/javascript'></script>

Sebelum tag berikut ini.

<head/>

Setelah itu Simpan Template ( save template )

Kedua :

Buka dan pilih tab >> Page Elements >> Add a Gadget >> Html/Javascript

Kemudian simpan script berikut ini.

<strong><script>tampiltanggal();</script></strong>

 

Navbar Transparent ? So what gitu lho

Sebenarnya boogle sudah tahu new navbar yang mendukung transparent ini tiga hari sebelum ada pengumuman dari blogger buzz. Tapi saya memaklumi-nya jika blogger buzz sebagai corong atau situs humas –nya blogger untuk menunggu pengumuman update tentang navbar transparent ini sebelum lolos dari hasil pengujian dan kelayakan, sama persis seperti kita-kita yang suka menulis tentang tutorial blog untuk mengguji dulu trik, tip , javascript dan lain-lain sebelum kita publis untuk di sharing.

Dengan navbar yang mendukung transparent, dan sebelumnya menambahkan beberapa tool untuk kemudahan share atau follow, nampaknya pihak blogger sangat serius agar new navbar ini dapat di gunakan oleh para pengguna-nya bukan di hilangkan atau di sembunyikan, walaupun masih dalam batas demokratis alias tidak memaksakan dan pilihan tergantung kepada kita sebagai pengguna.

Yang menarik dengan adanya transparent ini, kita dapat menganti-ganti tema warna navbar sesuai dengan pilihan warna yang kita inginkan ,- menjadi warna campuran antara warna navbar dan warna background template . misalkan warna merah menyala dengan background template hitam akan menjadi merah maroon, warna kuning akan menjadi kuning ke hijau hijauan dan seterus-nya.

Caranya ente edit dulu navbar –nya dan pilih transparent dark atau transparent white, setelah itu tambahkan script css berikut ini.

#navbar-iframe {
  background:red;
}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

* ganti red dengan warna yang ente inginkan.

Beberapa Tehnik Jadul Seputar Navbar

Heheheh.. mumpung nulis tentang navbar, boogle akan tambahkan beberapa teknik jadul seputar navbar

Pertama : Teknik untuk menghilangkan navbar pada template.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

* Simpan kode di atas pada halaman Css, - atau simpan sebelum tag  ]]></b:skin>

Kedua : Teknik auto hide – atau teknik menampilkan dan menyembuyikan navbar memangfaatkan kursor mouse

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

Ketiga : Teknik untuk mengatur lebar navbar. – ini jika diperlukan untuk menyesuaikan dengan lebar template

#navbar-iframe {
width:900px;margin:0 auto;
}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

* width:900px dapat ente ganti sesuai dengan lebar yang ingin digunakan

* dapat di kombinasikn dengan teknik auto hide.

So What

Dengan penambahan transparent ini dan penambahan fungsi lainnya, menurut penilaian subyektif saya tetap masih kurang bagus jika di bandingkan dengan navbar yang di miliki facebook misalnya. Seharusnya pihak blogger dengan dukungan penuh dari google menurut saya lebih baik memikirkan dan membuat sesuatu yang lebih besar dari sekedar update navbar. contohnya membuat … ???? :D