Navbar Blogger Transparan

Salah satu yang dirasa sedikit mengganggu dari sebuah tampilan blog diblogspot adalah dengan hadirnya navbar blogger yan berada paling atas pada halaman blog, oleh karenanya banyak dari blogger yang sengaja menghilangkan navbar tersebut dengan berbagai cara, ada yang menghilangkan langsung navbar tersebut ada juga yang memakai teknik auto hide atau jika disorot barulah navbar tersebut muncul.

Menghilangkan navbar blogger hingga saat ini masih jadi wacana antara boleh atau tidak boleh hal tersebut dilakukan karena dianggap melanggar TOS yang ditetapkan blogger. Rupanya pihak pengembang blogger sedikit peduli akan hal tersebut, terbukti dari ditambahkannya koleksi navbar berbentuk transparan. Ada dua model dari navbar transparan ini yakni Transparent Light  ( transparan terang )  serta transparent dark ( transparan gelap).

 

 

Sebenarnya navbar ini tidaklah seratus persen transparan namun termasuk semi transparan. Dengan hadirnya navbar transparan ini diharapkan dapat lebih menyatu dengan desain template anda.

Bagi yang mau mencoba berikut cara menambahkan navbar transparan diblog anda :

 

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak
3. Klik tab Elemen halaman
4. Klik Edit pada elemen navbar

   

5. Pilihlah navbar transparan yang anda sukai ( transparan gelap atau terang )

   

6. Tekan tombol “ SAVE “ atau “ SIMPAN “

7. Selesai.

Yang mau mencoba navbar transparan, silahkan!

Read More

RSSDeck : RSS Feed Reader Sederhana

Agar lebih cepat dalam menerima informasi dari berbagai situs di internet banyak dari blogger menggunakan media RSS Feed Reader untuk membaca RSS feed, diantaranya adalah dengan menggunakan Google Reader dan lain sebagainya. Selain layanan RSS feed Reader secara online, banyak pula RSS feed reader untuk desktop atau langsung di install di komputer kita.

Salah satu apilkasi desktop RSS feed reader adalah RSSDeck. RSSdeck adalah RSS Feed Reader sederhana namun sangat berguna didalam memonitor adanya artikel terbaru dari sebuah RSS Feed.  RSSDeck merupakan aplikasi berbasis Adobe Air, jadi untuk menjalankan RSSDeck terlebih dahulu harus terinstall Adobe air di komputer anda.

 

 

Jika pada komputer anda sudah terinstall Adobe air, maka anda cukup menginstall RSSDeck saja.

 

[  Download Adobe Air  ]  [  Download RSSDeck ]

Read More

@font-face CSS di Blogger Template

Akhirnya dapat juga cara alternatif menggunakan '@font-face CSS' ('Font Embedding') di 'blogger template' melalui jasa gratis yang disediakan oleh kernest.com. Dengan menggunakan jasa gratis ini, tidak perlu lagi pusing menyimpan file 'Font' yang akan kita gunakan. Untuk masalah jenis font, disediakan cukup beragam (cukup pusing memilihnya) baik itu yang gratis/free maupun yang berbayar/commercial.

@font-face, tidak seperti sIFR dan Cufon yang menggunakan javascript, @font-face ini hanya berupa 'Embed Code CSS', jadi katakan selamat tinggal untuk javascript :). Anda dapat melihat demo diblog ini dan di Blogger Display pada judul blog (h1).

Selain itu kelebihan penggunaan @font-face ini, karena bukan berupa image seperti cufon, maka text font tersebut dapat di translate.

Penerapan @font-face di 'blogger template'

Untuk penerapan @font-face ini sangat mudah:

1. Registrasi,

2. Mencari font yang anda ingin gunakan (- Find More Fonts...), anda klik font tersebut,

3. Masukkan alamat blog/web anda di kolom sebelah kanan (anda bisa memasukkan beberapa alamat), setelah anda klik add, kemudian anda diminta klik alamat blog/web anda dibagian atas.



4. Selanjutnya anda akan masuk ke halaman berikut:



Pada tahapan pertama di gambar, copy 'Embed Code' tersebut kemudian paste di atas </head> pada template anda, seperti berikut:

<link href="http://kernest.com/http-bloggerdisplay-blogspot-com.css" media="screen" rel="stylesheet" type="text/css" />

</head>

Setelah itu pada tahapan kedua digambar tersebut, lihat font-family yang anda dapat, gunakan font-family tersebut, seperti contoh yang ada, sebagai contoh saya menerapakan pada bagian heading, maka perintah CSS nya adalah:

h1,h2,h3,h4 {font-family:'Days';}

Anda juga dapat menggunakan beberapa jenis font.

5. Save tamplate anda (jika anda preview, anda tidak akan melihat perubahan jenis font tersebut).

Sip demikian tahapan penggunaan @font-face CSS tersebut di Blogger Template. Sedikit tambahan bahwa penggunaan @font-face CSS masih belum didukung untuk 'browser Google Chrome'.

---
Lebih lengkap mengenai penyedia jasa gratis 'Font Embedding':
Web Typography: Font Embedding Services

Read More

Google Page Rank Update Oktober

Kabar dari teman-teman blogger bahwa kemarin malam Google melakukan update Page Rank dan ternyata memang benar, beberapa blog kang Rohman mengalami perubahan page rank. Update kali ini dirasa rentang waktunya lebih lama dari biasanya yaitu memakan waktu 4 bulan lebih dihitung dari update terakhir juni 2009.

Ditengah-tengah kabar yang merebak bahwa Google kini tidak fokus lagi terhdap page rank, ini terlihat dari dihilangkannya distribusi page rank pada google webmaster serta pernyataan dari salah seorang pegawai google Susan Moskwa namun ternyata akhirnya Google page rank kembali di update.

Bagi anda yang tidak berkecimpung di bisnis Paid to Review, sepertinya Page Rank tidaklah terlalu penting namun bagi mereka yang bermain dibisnis tersebut, page rank merupakan modal utama untuk mendulang keping-keping dollars di internet.

Bagaimana dengan page rank blog anda, naik atau turun?

Read More

Opera Rilis Opera 10.01

Sama halnya dengan Firefox yang melkukan update terhadap browser mereka, opera pun pada tanggal 28 oktober kemarin melakukan update terhadap browser andalan mereka. Opera telah merilis Opera 10.01. Dikabarkan bahwa opera telah melakukan 3 perbaikan celah keamanan penting terhadap opera versi 10.

Buat anda pengguna opera 10, mungkin sebaiknya melakukan update agar browser kecintaan anda relatif lebih aman dan stabil.

 

Yang belum pernah merasakan kehandalan opera, mungkin anda ingin merasakannya?

Download opera

Read More

Mozilla Rilis firefox 3.0.15 dan Firefox 3.5.4

Pihak mozilla selaku developer browser Firefox mengabarkan bahwa mereka kini telah merilis Firefox 3.0.15 dan Firefox 3.5.4. Versi ini sekaligus merupakan update Firefox versi 3.0.x dan 3.5.x, oleh karena itu bagi anda yang sebelumnya telah terinstall firefox versi tersebut bisa langsung melakukan update melalui browser firefox masing-masing.

Tercatat bahwa bahwa dalam update kali ini pihak developer mozilla telah memperbaiki (paches) sebanyak 10 celah keamanan untuk firefox 3.0. dan 16 celah kemanan untuk firefox 3.5. Untuk lebih detailnya anda dapat membacanya langsung pada situs resmi mereka.

Bagi anda para pecinta browser Firefox yang memakai firefox versi 3.0 dan 3.5 alangkah sebaiknya untuk melakukan update, ini dimaksudkan untuk alasa keamanan serta stabilitas dari firefox itu sendiri. Untuk yang baru mau mencoba kehandalan firefox, anda dapat download kedua versi diatas.

Download Firefox 3.0.15 | Download Firefox 3.5.4

Read More

Free Blogger Template - Ulet Bulu Ijo

Demo Download

'Free Blogger Template' ini, walau terlihat sederhana, tapi template ini saya konsep terlebih dahulu desainnya secara matang keseluruhannya di photoshop, karena saya ingin bermain dengan image dan warna hijau. Setelah saya merasa secara desain telah memenuhi selera, baru kemudian saya potong-potong perbagian (slice) dari image tersebut untuk terapkan di template.

Di beberapa bagian image template ini saya menggunakan teknik 'Sprites CSS', dan javascript yang digunakan 'jQuery' hanya untuk fungsi 'Back to Top'.

Untuk tampilan di IE 6, template ini sudah saya perbaiki, sehingga disemua browser template ini terlihat cukup baik. Sip semoga anda tertarik dengan 'Free Blogger Template Ulet Bulu Ijo' ini.

Read More

Download Dokumen di google docs Sebagai File Zip

Jika sebelumnya Google manambahkan fitur Shared Folder ( folder dibagi) pada layanan Google docs, maka ada fitur lain yang tidak kalah menarik dan bermanfaat yaitu fitur Export sebagai file zip ( file yang telah di kompres menjadi file zip ). Ada kalanya file yang telah dibuat di Google docs ingin di download ke komputer kita agar suatu saat dapat di buka dikomputer secara offline.

Untuk melakukan export menjadi file zip caranya sangat mudah, berikut sekilah langkah-langkahnya :

 

• Silahkan buka folder milik anda di Google docs yang mau di dowload ke komputer anda, kemudian tandai file mana saja yang ingin di download, kemudian klik menu “ More Action “, pilih Export.

  

• Klik tombol “ Continue “

  

• File anda akan segera di kompres menjadi file  zip, jika proses kompresi selesai maka file anda siap download.

Selamat mencoba!

Read More

Jadikan Google Site Sebagai file hosting

Sebelum Google pages atau Google page creator resmi ditutup oleh google dan digantikan dengan layanan baru yang disebut Google site, Google pages merupakan file hosting pavorit kang Rohman. Seringkali kang Rohman menyimpan berbagai file disana seperti file gambar, file css, file javascript dan lain lain. Yang paling sering dilakukan adalah menjadikan google pages sebagai sumber script atau hot link file untuk javascript atau CSS.

Kabar yang kurang sedap dari Google site sebagai pengganti google pages adalah kita tidak dapat menjadikan sumber script atau hotlink file seperti javascript, css ataupun gambar untuk dipakai di blog atau website kita.

Walaupun demikian, jika anda berkeinginan untuk menjadikan Google Site sebagai file hosting anda, ada banyak trik untuk mewujudkannya. Pada posting ini kang Rohman akan menerangkan salah satu trik agar javascript atau css anda bisa di host di Google site.

 

Caranya sebagai berikut :

 

1. Silahkan anda login terlebih  ke http://sites.google.com dengan account gmail anda ( alamat email anda di gmail serta passwordnya)
2. Jika anda belum pernah membuat Google site sebelumnya, silahkan klik tombol Create Site

   

3. Silahkan isi form isian sesuai dengan keinginan anda. Setelah selesai akhiri dengan klik tombol “Create Site”

   

4. Setelah halaman web anda terbentuk, klik tombol “ Create Page “ yang anda disebelah kanan atas monitor.

   

5. Isilah opsi yang diberikan dengan pilihan sebagai berikut :

   
   
   • Select a Template Use  →  Pilih File Cabinet
   • Name  →  isi dengan keinginan, misal Javascript
   • Pilih tombol radio untuk Put page at the top level
   • Akhiri  dengan klik tombol “ Create Page “

   

6. Klik tombol Add File

   

7.  

   Silahkan anda pilih, mau upload file dari komputer atau dari file yang telah di upload ke server lain. Untuk upload dari komputer anda, silahkan klik tombol Browse, lalu pilih file yang ingin anda upload, misalkan kang Rohman mengupload sebuah file javascript. lanjutkan dengan klik tombol “Upload”

   

8. Setelah file anda ter upload, silahkan klik kanan pada link download file anda, lalu pilih opsi “ Copy Link Location “ ( contoh ini pake browser firefox)

   

9. Paste link tadi pada program notepad atau program lainnya. Contoh kode link yang kang Rohman dapat adalah seperti ini :

   http://sites.google.com/site/kangrohman/javascript/FancyZoom.js?attredirects=0&d=1

Dari hasil diatas dapat diketahui bahwa link yang didapat adalah seperti ini :

 

http://sites.google.com/site/kangrohman/javascript/FancyZoom.js?attredirects=0&d=1

Agar link tersebut bisa dijadikan sebagai sumber script untuk dipakai di blog atau di website kita, maka kode yang di cetak merah harus di buang, sehingga kode linknya akan seperti ini :

 

http://sites.google.com/site/kangrohman/javascript/FancyZoom.js

Jika kodenya sudah seperti itu, maka link tersebut bisa dijadikan sebagai sumber script untuk dipasang di blog kita, misal seperti ini :

 

<script type=’text/javascript’ src=’http://sites.google.com/site/kangrohman/javascript/FancyZoom.js’ />

 

Cara diatas tidak hanya berlaku untuk javascript saja, namun bisa juga untuk file lainnya seperti CSS ataupun gambar. Misalkan kang Rohman telah mengupload file CSS dan mendapatkan kode seperti ini :

 

http://sites.google.com/site/kangrohman/javascript/kolom.css?attredirects=0&d=1

Maka tentu saja linknya menjadi seperti ini :

 

http://sites.google.com/site/kangrohman/javascript/kolom.css

 

Untuk memakai link tersebut sebagai sumber script, maka kodenya jadi seperti ini :

 

<link rel='StyleSheet' href='http://sites.google.com/site/kangrohman/javascript/kolom.css' type='text/css' />

 

Contoh lain untuk file gambar, kang Rohman telah mengupload gambar dan mendapatkan kode link seperti ini :

 

http://sites.google.com/site/kangrohman/javascript/lamp.jpg?attredirects=0&d=1

Maka linknya jadi seperti  ini :

 

http://sites.google.com/site/kangrohman/javascript/lamp.jpg

 

Untuk menjadikannya sebagai sumber gambar, maka kode yang dipasang adalah seperti ini :

<img src='http://sites.google.com/site/kangrohman/javascript/lamp.jpg' alt='lamp' />

 

Maka hasilnya akan seperti ini  (sumber gambar langsung dari google site) :

 

 

Bagaimana, tertarik memakai google site menjadi free file hosting anda?

 

Mudah-mudahan google tidak ngambek

Read More

Back to Top jQuery

Demo

Back to Top dengan jQuery ini adalah versi lain dari 'Back to Top dengan Smoothscroll'. Versi Back to Top dengan jQuery ini hanya berfungsi untuk naik keatas secara 'smooth' dan ketika mencapai keatas kecepatannya akan berkurang, ini yang membedakan. Selain itu, versi ini berjalan mulus di semua browser/perambah.

Tahapan Penerapan Back to Top jQuery di Blogger Template

1. Javascript

a. Masukan script jQuery berikut diatas </body>
(jika telah ada script ini tidak perlu diperlukan lagi)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

b. Masukan pula script 'back to top' ini dibawah script jQuery diatas:

<script src='http://choenblogspot.googlecode.com/files/backtotop.js' type='text/javascript'/>

2. HTML

Kode HTML ini untuk mengaktifkan script 'back to top' tersebut:

<a href='#' onclick='MGJS.goTop();return false;'>Top</a>

catatan: tempatkan kode HTML tersebut dibagian footer, dan benahi posisinya dengan CSS sesuai keinginan anda.

Demikian tahapan penerapan Back to Top tersebut, semoga berhasil.

---
*saya tidak menyantumkan sumber tutorial ini :) mohon maaf, soalnya nyontek script template lain, dan ngak tau sumbernya.

Model 'scoll to top' lainnya:
Create a Hovering Scroll to Top Button With JQuery

Read More

Goodbye yahoo! Geocities

Seperti dikabarkan oleh pihak yahoo! bahwa yahoo! Geocities resmi akan ditutup pada tanggal 26 Oktober 2009, dan tanggal 26 oktober 2009 itu adalah sekarang. Salah satu layanan  dari yahoo tersebut akan down hanya dalam hitungan jam lagi. Ironis memang, sebuah layanan populer di internet ini akhirnya harus mati dilindas oleh persaingan yang ada.

 

Kang Rohman hanya bisa berkata : Goodbye Yahoo! Geocities, terima kasih telah memberikan layanan gratis selama ini.

Read More

Sederhana tapi Kuat Secara Desain

Belakangan ini mulai tertarik template yang simpel atau sederhana, tapi memiliki desain atau typography yang kuat. Ada dua template yang memiliki kriteria tersebut, yang bisa menjadi inspirasi, yang sering saya buka karena terpesona. :)

1. SNOOK.CA



Blog ini sebelumnya memiliki desain yang sangat unik, kemudian secara drastis menjadi sangat sederhana (minimal). Konsep pembuatan templatenya pun dibuat dengan sangat matang dengan mempertimbangkan ukuran size tiap file yang gunakan, baik itu image, file css dan javascript, bahkan pertimbangan menggunakan HMTM 5 karena doctypenya yang simpel.

Hal lain yang membuat saya terpesona adalah penggunaan typonya @font-face (font embeddind) yang benar-benar sempurna di semua browser.

2. Mark Boulton



Langsung terkesan dengan typography nya ketika masuk ke blog yang satu ini. Hanya dengan memainkan ukuran font-family: Georgia, "Times New Roman", Times, serif; blog ini terlihat menawan, ditambah penggunaan huruf berupa image pada awal paragraf yaitu Drop Caps.

Read More

Deploying Windows 7 : Ebook Gratis dari Microsoft

Tanggal 22 Oktober 2009 kemaren microsoft telah resmi merilis Windows 7. Agar para pemakai bisa lebih mengenal Windows 7, microsoft telah membuat ebook panduan wnodows 7 yang bisa kita download secara gratis. Ebook tersebut berjudul “Deploying Windows® 7 Essential Guidance from the Windows 7 Resource Kit and TechNet Magazine”. Sepertinya ebook ini sangat penting bagi anda yang ingin lebih mengenal Windows® 7 secara lebih dalam.

 

 

Ebook “Deploying Windows® 7 Essential Guidance from the Windows 7 Resource Kit and TechNet Magazine” bisa anda download secara gratis pada situs resmi microsoft.

 

Download ebook  Deploying Windows® 7

Read More

Selamat Atas Peluncuran BloggerBekasi.com

Dengan postingan ini kang Rohman mengucapkan Selamat Atas Peluncuran BloggerBekasi.com.

Atas hadirnya bloggerbekasi.com sebagai komunitas blogger kota bekasi semoga menjadi salah satu sinyalemen atas kemajuan dunia blogging di Indonesia.

Bagi para blogger yang merasa berkaitan dengan kota bekasi, alangkah baiknya jika anda tergabung dalam komunitas bloggerbekasi.com.

Seonggok nasi akan tetap dianggap sebagai remeh apabila tidak berada dalam suatu wadah, namun sesuap nasi akan tetap dikatakan sebagai nasi jika berada dalam suatu wadah

Semoga waktu kedepan bermunculanl komunitas-komunitas blogger untuk kota lainnya di Indonesia.

Read More

Curhat ah!

Setelah satu minggu tidak pernah melakukan update, sepertinya posting ini merupakan postingan curhat.  Dua minggu terakhir ini kang Rohman mengalami rentetan pengalaman yang sedikit membuat tidak nyaman dan sedikit melelahkan.

Selama ini yaitu sekitar satu tahun, untuk urusan koneksi internet kang Rohman memakai layanan dari telkomsel yaitu telkomsel flash. Dalam rentang waktu tersebut kang Rohman merasa cukup puas dengan layanan mereka karena harga yang ditawarkan cukup murah dan kecepatannya cukup lumayan baik. Namun, dua bulan terakhir layanan telkomsel flash dirasa sangat turun drastis sehingga kang Rohman pun merasa kurang nyaman dan berniat untuk beralih ke layanan yang lain. Akhirnya sekitar tanggal 6 oktober kemarin kang Rohman mencoba untuk beralih ke Telkom Speedy karena sebelumnya telah mencoba layanan IM2 dari Indosat dan ternyata sepertinya tidak menemui kecocokan.

Koneksi Telkom Speedy pun telah terpasang dan kecepatan dalam berinternetan sangat mengesankan jika di bandingkan dengan koneksi sebelumnya. Hasil beberapa kali pengetesan dengan memakai Speed Test ternyata kecepatan yang dicapai speedy bisa mencapai 500 kb sampai 1 Mb, alhasil aktivitas berinternetan menjadi lancar tanpa harus mengalami hambatan.

Kepuasaan yang baru dirasakan sepertinya harus sedikit ternoda. Ternyata koneksi yang baru dipakai ini sering tidak bisa koneksi ke internet apabila malam hari, namun waktunya tidak sama setiap harinya. Dalam catatan kang Rohman, diskoneksi ini ada yang terjadi dari jam 6 sore (maghrib) dan baru nyala kembali sekitar jam 8 pagi esok harinya, ada dari jam 12 malam sampai jam 5 shubuh, dari jam 2 malam sampai jam 6 pagi, dan lain lain-lain. Terkadang ada juga yang mulus semalaman tidak terjadi diskoneksi.

Pengalaman tidak nyaman ini tentu saja dilaporkan ke pihak telkom speedy, tepatnya kepada teknisi yang sebelumya memasang jaringan telkom speedy ditempat kang Rohman. Dari beberapa kali pengecekan, teknisi tersebut tidak menemui masalah karena memang apabila siang hari koneksi sedang bagus. Walhasil, sepertinya kejadian ini harus diterima dengan lapang dada karena terjadinya diskoneksi atau tidak dapat terkoneksinya sering terjadi tengah malam dan tentunya tidak mungkin memanggil teksini tersebut. Kejadian ini masih berlangsung sampai tulisan ini dibuat.

Setelah beberapa hari, ternyata baru diketahui bahwa saluran telepon yang dipakai berbarengan dengan saluran speedy terputus total. Masalah sebelumnya saja belum selesai, eh masalah yang baru malah muncul… hikssss apes tenan rek. Anehnya saluran internet tetap jalan jika siang hari, namun saluran telepon 100% putus padahal saluran yang dipakai adalah satu saluran. Entah berapa kali teknisi bolak-balik ke rumah kang Rohman, namun sepertinya belum menuaikan hasil.

Kejadian lainnya yang membuat hati ini dongkol adalah hard disk komputer yang dipakai kang Rohman tiba-tiba rusak, entah apa yang menyebabkan hard disk ini rusak, yang jelas kejadiannya sangat tiba-tiba. Sebelum mengalami kerusakan fatal, gejala yang timbul adalah kecepatan komputer sedikit melambat dan setelah melakukan restart ternyata hard disk tersebut sudah tidak terdeteksi di BIOS, walhasil komputer kang Rohman tidak bisa lagi digunakan. Yang menjadi pikiran adalah takut file-file yang ada di dalamnya tidak bisa di recovery walaupun banyak software ataupun jasa recovery data yang bisa menyelamatkan isi dari hard disk yang rusak.

Esoknya kang Rohman memutuskan untuk membeli sebuah hard disk baru dan sebuah memory 1GB disebuah toko pusat perbelanjaan peralatan komputer. Tidak ingin menunda waktu, sesampainya dirumah kang Rohman langsung menginstall komputer dengan hard disk yang baru. Beberapa saat kemudian diketahui bahwa ada suara berisik yang sangat mengganggu, dan setelah diselidiki ternyata suara tersebut bersumber dari hard disk yang baru di pasang. Untuk kejadian ini kang Rohman langsung menukarkan hard disk tersebut karena tidak ingin menemui masalah dikemudian hari. Cukup lumayan melelahkan, karena jarak antara toko hard disk tersebut dengan rumah kang Rohman cukup lumayan jauh, waktu yang ditempuh bisa setengah jam lebih memakai kendaraan roda dua.

Sehari setelah itu, kang Rohman mencoba memasang memory baru. Memory tambahan ini dimaksudkan untuk menambah kapasitas memory agar kinerja komputer semakin lebih cepat. Hasilnya, kinerja komputer cukup mengalami peningkatan. Namun, lagi-lagi kejadian kurang nyaman kembali terjadi. Setelah 3 jam kemudian Komputer kang Rohman tiba-tiba mengalami crash. windows error dan selalu melakukan restart. Setelah diteliti ternyata memory yang baru dipasang adalah pemyebab kerusakan tersebut.

Kejadian-kejadian yang lainpun kerap terjadi pada dua minggu terakhir, sehingga kang Rohman tidak bisa melakukan update untuk blog ini. Beruntung masih ada komputer yang dipakai oleh adik kang Rohman, sehingga sebagian bisnis online kang Rohman masih bisa di jalankan.

 

Semoga curhat ini tidak menyinggung pihak-pihak yang di sebutkan oleh kang Rohman, ini hanya sekedar curhat seorang blogger yang sedang memikirkan apa gerangan yang menyebabkan semua rentetan kejadian ini. Mungkin kang Rohman terlalu banyak dosa, oleh karena itu jika terdapat kesalahan kang Rohman memohon maaf kepada semua pihak.

Read More

Video Tutorial -2: Edit Template Minima Blogger

Video tutorial ke dua ini masih seputar 'edit template minima blogger', dan video yang berdurasi 11:57 menit ini untuk melengkapi "Main Simpel - Free Blogger Template", yaitu: bagaimana membuat tampilan pada 'index' atau 'fontpage' hanya sekedar menampilkan judul, post footer dan tanggal, serta penggunaan float: left dan float:right.

lihat juga: video tutorial-1: edit template minima blogger

Read More

Main Simpel: Free Blogger Template

Demo Download

Main Simpel, 'Free Blogger Template', ini dibuat karena mulai tertarik dengan template yang simpel. Template ini tidak menggunakan bagian 'sidebar' lagi, jadi sepenuhnya elemen lain tersimpan dibagian bawah dalam beberapa kolom. Pada halaman 'index' atau 'fontpage', hanya menampilkan judul, tanggal dan 'post footer' (berupa 'author', 'comment' dan 'label'), sisi simpel 'free template' ini lebih kesana.

Template ini sebenarnya lebih mudah menggunakan 'grid system' seperti pada Blogger Template dengan Grid System, tapi tidak jadi, karena ingin memberikan trik lain diluar penggunaan grid pada video tutorial-2 edit template minima.

Sip terima kasih, semoga template ini berkenan di hati :).

Read More

Bedakan antara Media Screen dan Print - CSS

Dalam penggunaan kode CSS idealnya kita mesti membedakan antara @media screen dengan @media print (dan juga handheld*), atau dengan kata lain, kita mesti membedakan antara tampilan weblog kita di layar monitor dengan hasil cetak ('print out').

Coba anda lakukan 'print preview' pada file di browser. Kalau blog ini sebelumnya tampilannya berantakan. Tapi bukan sekedar berantakan yang perlu diperhatikan tapi hasil cetakannya yang mesti 'friendly'.

Cetakan pada media @print mestinya lebih sederhana, lebih mengutamakan konten, jadi beberapa hal yang berbau pernak pernik seperti 'slide show', 'adsense', dll semestinya tidak perlu ditampilkan ketika di print. Secara garis besar tampilan hasil printnya adalah:

Background: putih,
text: hitam,
link: biru dan garis bawah.

body {color : #000000; background : #ffffff; font-family : "Times New Roman", Times, serif; font-size : 12pt;} 

a {text-decoration : underline; color : #0000ff;}

lebih lengkapnya lihat: CSS Media Types Create Print-Friendly Pages

Pada kasus blog ini, saya menggunakan media print seperti ini:

@media print{

body {color : #000000; background : #ffffff; font-family : "Times New Roman", Times, serif; font-size: 12pt} 
  a { text-decoration : underline; color : #0000ff}
  h1 {font-size:32pt}
  h2 {font-size:18pt}
  .post-title {font-size:14pt; font-weight:bold}
  .post-footer, .comment-timestamp {font-size:10pt; padding:5px 0 10px;}
nav, aside, #goingtop, .comment-form {visibility: hidden}

}

Cukup sederhana, jadi saya mengurangi ukuran font pada judul dan menghilangkan navigasi, sidebar dan lainya yang tidak perlu.

Selanjutnya saya menambahkan media screen pada elemen lainnya supaya bisa dibedakan mana yang print dan screen, seperti contoh berikut:

@media screen{

body {background-color:#333333; color:#FFF; text-shadow: 0 1px 2px #000; font-family: Verdana, "Bitstream Vera Sans", sans-serif;   font-size: 62.5%}
a:link, a:visited  {color:#FFF;  text-decoration:none;}
a:hover {color:#C3C3C3; text-decoration:none}
a:active {color:#999}
a img { border-width:0}

} 

Gambar dibawah ini adalah hasil dari media print blog ini, jika kita lihat di browser dengan file > print priview.



---
* Nah untuk masalah media 'handheld' ini yang saya belum pasang karena ngak ada alat ngeceknya, mungkin bisa ada yang share, dan mudah2 Dani bisa memberi penjelasan lebih jauh penggunaan media@handheld :).

Read More

Perbaiki Internet Explorer dengan Fix IE Utylity

Internet Explorer walaupun banyak di cemooh namun menurut data statistik memperlihatkan bahwa Internet Explorer atau lebih akrab disebut IE masih tetap mendominasi pemakaian browser internet di dunia, bagaimana dengan anda? jika anda adalah pengguna Internet Explorer maka ada kabar gembira untuk anda.

Ketika mengunjungi berbagai situs di internet, terkadang ada situs yang mengandung Virus, malware ataupun spyware dan dapat membuat Internet explorer anda menjadi error atau crash sehingga kinerja IE menjadi tidak maksimal atau tidak jalan sama sekali. Untuk urusan ini, para pecinta produk Windows yang tergabung dalam thewindowsclub telah membuat sebuah utility yang diberi nama Fix IE Utility V1.0. Fx IE Utility akan me re-register ( register ulang ) sekitar  89 file dll & ocx, Yang dibutuhkan untuk kelancaran Internet Explorer.

Fix IE Utility V 1.0 adalah merupakan sebuah freeware yang bisa anda download secara gratis, fix IE ini telah di uji coba pada internet Explorer 7 dan 9 pada operasi window vista dan Window 7.

 

Yang berminat silahkan saja langsung download.

Download Fix IE Utility V 1.0 ( 405,83 KB)

Read More

Download Anti Virus AVG 9 Free

Para Pengguna Anti Virus AVG sepertinya boleh bersenang hati, pihak AVG kini telah meliris AVG versi 9.0. Tidak hanya AVG 9 berbayar, namun mereka sekarang telah merilis edisi AVG 9 Free atau dapat anda download secara gratis.

Pada AVG 9.0 ini tentunya banyak fitur baru yang di tambahkan untuk melengkapi kehandalan anti virus ini. Untuk para penggemar Anti Virus AVG, AVG 9.0 free sepertinya layak untuk anda uji coba kehandalannya dalam memerangi berbagai virus.

 

AVG 9.0 kompatibel untuk 3 system operasi windows terbaru yakni  Windows XP, Windows Vista and Windows 7.  Untuk mendownload AVG 9, silahkan anda download langsung pada situs penyedianya :

 

Download Free AVG 9

Read More

Buat 3DScreensavers dan koleksi wallpaper dengan Photojoy

Biasanya untuk urusan wallpaper atau screensaver yang terbayang pastilah download di Internet, bagaimana apabila sekarang kita buat berbeda? Bagaimana apabila wallpaper atau screensaver 3 dimensi adalah dari photo-photo koleksi kita sendiri, apakah itu koleksi photo waktu liburan, pesta atau bersama keluarga. Untuk membuat berbagai wallpaper cantik ataupun 3 dimensi screensaver janganlah berandai-andai karena anda dapat mewujudkannya dengan sebuah freeware atau software gratis yang sangat powerful, software tersebut adalah Photojoy.

Dengan Photojoy anda dapat menciptakan berbagai wallpaper serta screensaver 3 dimensi dari koleksi photo atau gambar yang ada pada komputer anda.

Video Demo :

 

 

Download Photojoy

Read More

Dotted Border Ketika Link Focus

Ada diskusi menarik mengenai trik menghilangkan 'dotted border' ketika 'link focus' dengan menggunakan jQuery, memang sangat simpel, tapi lebih simpel lagi dengan menggunakan kode CSS seperti berikut:

* {outline:none;}

Tapi bukan trik menghilangkan 'dotted border' yang menarik, melainkan diskusi dikomentar. Disana saya baru paham dibalik fungsi dari 'dotted border', yang sebelumnya saya hapus, adalah untuk memudahkan para pengguna komputer yang hanya menggunakan keyboard, yaitu dengan fungsi TAB.

Dengan sekedar menekan TAB di keyboard, akan mengarahkan kita ketiap link, dan jika ingin masuk ke link tersebut tinggal menekan ENTER. Nah jika kita menghapus border link tersebut, akan mempersulit pengguna keyboard untuk menentukan posisinya berada ketika melakukan TAB, sebab 'dotted border' sebagai penandanya.

Read More

Google Docs Kini dengan Shared Folder serta Multiple File Upload

Google sepertinya sedang gencar membuat berbagai fitur baru pada layanan milik mereka. Kini giliran Google Docs yang mendapat tambahan fitur baru berupa Shared Folder ( folder yang bisa dibagi ) serta Multiple File Upload ( upload banyak file sekaligus ).

 

Shared Folder

Fitur Shared Folder di Google Docs layaknya folder pada sebuah jaringan komputer, isi folder tersebut bisa di buka atau di edit oleh komputer yang berada dalam jaringan tersebut. Fitur ini sangat berguna bagi mereka yang bekerja sebagai tim ataupun grup.

Untuk berbagi folder, anda tinggal memilih folder mana yang akan di shared atau dibagi,  beri tanda pada filenya lalu buka menu Shared dan silahkan anda undang siapa yang ingin anda bagi dengan cara memasukkan alamat emailnya.

Multiple Upload

Jika anda mempunyai file lebih dari satu dan ingin di upload secara bersamaan, maka sekarang Google docs sudah support untuk ini. Caranya yaitu klik "Select files to upload", tekan lalu tahan tombol "Shift" atau "Ctrl" pada keyboard komputer anda lalu pilih file file yang di upload dengan di klik oleh mouse anda ( Ctrl + click ). Lalu tekan tombol "Start upload".

 

Semoga semakin hari semakin banyak fitur yang ditambahkan

Read More

Pertamina Blog Contest 2009

Ada kabar gembira bagi anda para master SEO atau bagi mereka yang mau uji coba mengasah kemampuan Search Engine Optimization (SEO), Pertamina mengadakan Blog Contest 2009. Hadiahnya cukup lumayan menggiurkan.

Bagi pemenang Juara I akan mendapatkan 1 (satu) unit sepeda motor + Souvenir dan Piagam Perhargaan, sedangkan Juara II mendapatkan 1 (satu) unit Notebook  + Souvenir Pertamina dan Piagam Penghargaan, dan untuk Juara III akan mendapatkan 1 (satu) unit Blackberry + Souvenir Pertamina dan Piagam Penghargaan.

Keterangan lengkap tentang kontes ini bisa anda baca di :

 

http://www.pertamina.com

http://www.pertaminablogcontest.com

 

Yang berminat silahkan ambil bagian dalam kontes ini, selain mengasah kemampuan anda dalam bidang SEO, ajang ini tentunya sebagai pembuktian bahwa anda adalah master SEO sejati

Read More

Blogger Display: Dokumentasi Tutorial Blogger

Tutorial Blogger begitu cepat berkembang dengan berbagai terobosan baru, sehingga platform Blogger ini semakin mendekati engine lainnya yang berbasis hostingan seperti Wordpress. Untuk itu 'Blogger Display' coba dihadirkan dengan tujuan mendokumentasi berbagai hal mengenai 'tutorial blogger', baik itu hasil 'hack', 'trick', 'widget' dan sebagainya, agar dapat mudah ditemukan.

Saat ini blog ini dikelola oleh Adit, seorang anak SMA, yang seperti mempunyai semangat tinggi untuk belajar mengenai dunia weblog, dan besar harapan partisipasi banyak pihak untuk memberikan informasi atau artikel yang berkaitan dengan tutorial blogger, dengan mengisi form submit didalam blog tersebut. Tapi karena blog tersebut untuk tujuan lebih luas, maka bahasa yang digunakan adalah Bahasa Inggris, untuk itu mohon maaf, tapi jika ada tutorial yang menarik diluar bahasa inggris semoga ada yang re-post dengan Bahasa Inggris. Sip terimakasih... semoga Blogger dapat jaya dan blog tersebut dapat berjalan dengan baik.

Read More

Free Blank T-Shirt: Bahan Dasar Desain Kaos

Gambar kaos oblong (Blank T-Shirt) sering dibutuhkan sebagai bahan dasar untuk memulai desain sebuah kaos, yang kemudian dicetak di kaos sesungguhnya, atau untuk background 'main content' template blog/web, atau apapun. Untuk itu saya merasa 'Free Blank T-Shirt' ini perlu di dokumentasi di blog ini.

Lebih lengkap lihat:

19 Free Blank Template T Shirt Designs

Read More