Fanari dash Id dot Com | My Official & Commercial Blog

Pernah terpikir tidak kalau orang lain bakal menggunakan nama dan/atau email dari penulis blog untuk memposting komentar di blog penulis tersebut? Tentunya tidak masalah kalau moderasi komentar diaktifkan, tapi sangat bermasalah kalau moderasi komentar dimatikan. Tentunya kita tidak mau kan orang lain memakai nama kita untuk memberi komentar, apalagi di blog kita sendiri. Nah, untuk mencegahnya kita bisa melakukan trik simpel yang saya dapat dari Dagon Design. Oh ya sebelum baca lebih lanjut, saya ingatkan kalau cara ini khusus buat pengguna WordPress, kalau nggak ntar pengguna Blogger pada bingung dan protes kenapa cara ini nggak bisa dipake di blogspot :D. Selain itu, kalau ada masalah atau error gitu, jangan tanya macem2 sama saya ya, tanya aja langsung sama yang bikin tutorial aslinya :). Oke, yang kamu butuhkan cuma wordpress versi 2.2 sampai 2.5. :[+ Read More →]:

Ingin tampilan blogmu jadi tambah keren dan beda ama yang lain? Udah coba pasang javascript? Kalau belum, coba tambahkan bermacam-macam javascript di bawah ini (kebanyakan dibuat dengan Mootools) di tema blog kamu.

Accordion

Lihat expandable/collapsible sliding sidebar di blog ini, lihat juga postingan sebelumnya, masih butuh penjelasan??

Tool Tips

Tool tip yang stylish dan keren yang saya pake di blog ini

Sexy Sliding JavaScript Sidebar Menu

Sliding sidebar yang mulus dan sexy, kalau nggak percaya rasakan aja sendiri :[+ Read More →]:

Siapa sih yang nggak tahu javascript accordion yang sangat terkenal itu. Javascript accordion berguna untuk membuat suatu area konten supaya bisa ditampilkan atau disembunyikan menggunakan klik mouse (lihat accordion keren yang saya pakai di sidebar blog ini :)). Sangat baik digunakan untuk website yang membutuhkan space untuk bernavigasi yang cukup banyak. Saya udah mencoba beberapa, diantaranya..

Simple Javascript Accordion

Javascript accordion dari Deziner Folio ini paling simpel diantara accordion yang lain. Cukup mudah untuk menggunakannya.

Moo.Fx

Wow, ukurannya yang superlightweight, ultramungil, megakecil ini menjadi salah satu keunggulan javascript effect yang satu ini. Katanya sih, script ini sangat mudah digunakan, tapi saya belum bisa memasangnya di blog saya sendiri :). Keunggulan lainnya adalah script ini bersifat cross-browser (termasuk untuk IE), cepat dan ringan karena ukurannya yang kecil tadi.

jQuery accordion

Ini dia nih script yang saya pakai di blog ini (lihat sidebar). Accordion yang jadi favorit saya dari dulu. Memang ukurannya lebih besar daripada Moo.Fx jadi loadingnya jadi agak lama. Tapi entah kenapa saya lebih paham menggunakan script ini, dibandingkan Moo.Fx yang katanya sangat mudah itu. Animasinya cukup banyak antara lain animasi standar, animasi ease slide dengan mouseover, animasi bounceslide, juga accordion dengan wizard-style. :[+ Read More →]:

WordPress, one of the most popular CMS in the world turned 5 years old on Tuesday, May 27th 2008. Thanks to Jai Nischal Verma, the owner of Blog Oh! Blog (BOB), for holding a contest to celebrate WordPress 5th Year Anniversary. This contest is really simple - just review about the contest and you get a great chance to win a premium wordpress theme, and have your blog reviewed on BOB for free. The 5 lucky winners can choose the premium themes from BOB or anywhere on the web. The 5 winners will be selected randomly. The free review which is worth $300 is for one lucky winner.
The deadline for joining this contest in on 15 June 2008. So, what are you waiting for?? It’s simple to highlight the contest and post a comment on Blog Oh! Blog. Good Luck!

Bingung liat tulisan-tulisan di gambar? Hehe itu cuma kata-kata yg banyak muncul di statistik blog ini, yg saya ambil dari wordpress.com stats. Sekedar review aja, ternyata banyak pengunjung yang sampai ke blog ini lewat pencarian di google menggunakan keyword-keyword di gambar. Dan udah bisa ketebak, tutorial hosting wordpress gratis-lah yang terbanyak dibaca oleh pengunjung. Bahkan setiap kali membuka statistik, selalu postingan tersebut yang mendapat views terbanyak, padahal itu postingan udah lama saya posting di blogspot, sebelum saya import di blog WordPress saya ini. Waktu itu saya bikin postingan tersebut setelah berhasil untuk pertama kalinya menginstall WordPress, setelah saya kepingin punya blog WP sendiri. Seneng juga sih tutorial itu cukup banyak dibaca orang, walaupun awalnya saya tidak mengiranya. Banyak juga yang sampai konsultasi sama saya, mulai cara daftar domain gratis sampai cara install website di hosting gratisan. Ternyata banyak juga ya yang suka cari yang gratisan :).
Dan yang lumayan bikin kecewa adalah postingan-postingan yg lain yang saya andalkan supaya banyak dibaca malah nggak populer, hehe

Postingan ini menyambung postingan sebelumnya tentang cara saya bikin highlight author comments tanpa plugin, dan kali ini saya akan berikan trik bikin sorotan komentar penulis apabila kamu memakai plugin WordPress Thread Comment, karena trik yang saya posting sebelumnya tidak berfungsi pada komentar-komentar nested.

1. Pertama-tama install plugin wordpress thread comment apabila belum menggunakannya.
2. Setelah diaktifkan, buka tab Options atau Settings pada dashboard dan klik tab WP Thread Comment
3. Pada box Edit Comment HTML, masukkan kode dibawah ini menggantikan kode-kode defaultnya:<div class="comment-childs<?php if ($comment->comment_author_email == "email@domain.com") { ?><?php echo $deep ? ' highlight' : ''; ?>" id="comment-[ID]"><?php } else { ?><?php echo $deep%2 ? ' chalt' : ''; ?>" id="comment-[ID]"><?php } ?><?php if(function_exists("get_avatar")) echo get_avatar( $comment, 32 ); ?><p>[author] <em>reply on [date] [time]</em>:</p>[content]</div>

   
   Jangan lupa untuk mengganti email@domain.com dengan e-mail kamu.

4. Pada box Edit Comment CSS, masukkan style dibawah ini menggantikan style yg sudah ada:.editComment, .editableComment, .textComment{ display: inline;}.comment-childs{border: 1px solid #999;margin: 5px 2px 2px 4px;padding: 4px 2px 2px 4px;background-color: white;} .chalt {background-color: #FFFFFF;} .highlight {background-color: #00CCFF;}#newcomment{border:1px dashed #777;width:90%;} #newcommentsubmit{color:red;} .adminreplycomment{border:1px dashed #777;width:99%;margin:4px;padding:4px;background-color:#C8FF9F;} .mvccls{color: #999;}

   Background-color pada atribut class .chalt berfungsi untuk memberi warna background pada komentar orang lain, sedangkan background-color pada class highlight berfungsi untuk memberi warna background komentar penulis/admin. Ganti sesukamu. Silakan dicoba!

Sebenarnya highlight komentar penulis bisa dibikin dengan memakai plugin highlight author comment, tetapi kekurangannya adalah plugin ini hanya menyoroti teks komentar, sedangkan backgroundnya sendiri tidak. Nah, postingan kali ini saya akan bagi trik simpel hasil coba-coba saya yaitu cara bikin highlight teks dan background komentar penulis tanpa memakai plugin, tetapi dengan sedikit mengubah stylesheet dari tema yang kita pakai (seperti yang saya lakukan di blog ini). Saya asumsikan kamu memakai tema default wp:

1. Buka stylesheet atau style.css tema yang akan diedit menggunakan text editor, kemudian tambahkan kode class di bawah ini pada bagian comment di stylesheet:

   .highlighted {padding:5px; margin-bottom:4px; background-color:#00CCFF;}

   Pada kode diatas saya menggunaan warna #00CCFF yang tentunya bisa kamu ubah sendiri sesuka kamu ;). Simpan style.css yg udah diubah..

2. Buka file comments.php kemudian cari bagian dibawah ini:

   <li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">

   kemudian ganti kode diatas dengan kode dibawah ini:

   <?php if ($comment->comment_author_email == "email@domain.com") { ?>
<li class="highlighted">
<?php } else { ?>
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
<?php } ?>

   Jangan lupa ganti email@domain.com diatas dengan alamat e-mail kamu (author). Simpan comments.php tersebut

3. Refresh browser..selesai. Silakan dicoba!

Cari tema wordpress gratisan?? coba aja yang satu ini. 3 Column “Blue State” Wordpress Theme bikinan saya, terinspirasi oleh tema-tema bikinan Jai. Kompatibel dengan WP 2.5.x gallery, ada ads box nya, image logo, widget ready, breadcrumb navigation, dan tabber yg keren di sidebarnya. Tema ini mirip ama tema blog saya yg dulu, cuma belum ada javascriptnya aja sih. Sudah teruji di firefox dan IE, dan keliatannya gak ada masalah secara visual. Saya juga menyertakan file logo.psd untuk diedit pake photoshop buat ganti logonya. Download aja, gratis kok, terserah mau dipake apa nggak :D. Modifikasi juga boleh asal menyertakan link balik di bagian footer. Jangan lupa install juga plugin yg udah disertakan. Mau liat demo?? klik aja di sini atau mau langsung download?? Oh ya hampir lupa..makasih buat mas jauhari dan mas isnaini atas bantuannya bikin demonya.

PREVIEW (BELOW) | TEST RUN | DOWNLOAD :[+ Read More →]:

Habis upgrade wp ke versi 2.5.1, saya punya tips sebelum upgrade wordpress ke versi terbaru:

1. Disable semua plugin
   
   kenapa harus dilakukan?? karena nggak semua plugin dari wordpress versi lama kompatibel dengan wp versi terbaru. kecuali kalau pake plugin2 keluaran terbaru. ya tapi buat jaga2 aja, supaya nggak terjadi fatal error atau hal2 yg nggak kita inginkan lainnya.
2. Gunakan default theme sebelum upgrade
   
   kenapa penting??karena kemungkinan yang pertama tema yg sedang dipakai tidak kompatibel dengan wordpress terbaru. Mungkin kalau itu saja tidak terlalu jadi masalah. Masalah yg sering saya alami karena tema kebanyakan sudah dimodifikasi sedemikian rupa, apalagi kalau ditambahi macam2 skrip atau fungsi. nah kalo begini bisa aja muncul pesan error karena tema yg udah dimodifikasi tidak kompatibel dengan wordpress terbaru
3. Backup 3X
   
   meskipun fantastico udah nyediain fasilitas backup, nggak ada salahnya kan kalau kita backup database-nya lagi secara manual? bila perlu export kontennya sekalian
4. Berdoa dan pertimbangkan baik2 sebelum mengupgrade wordpress

semoga berhasil!

Hehe..postingan ini sebenernya buat narik referral aja kok, terutama buat temen-temenku di friendster yang lagi penasaran setelah saya nulis komen soal Yuwie. Ini cuma mau ngebuktiin apakah yuwie (yg katanya) benar2 membayar membernya, atau cuma SCAM! Oh ya sebelumnya makasih buat temenku yang baru belajar ngeblog atas infonya. Nah langsung aja ya…

Pernah kebayang nggak kalau kita dibayar dolar hanya dengan menggunakan layanan situs jaringan sosial semacam friendster?? Nah, kalau belum tahu ada sebuah situs jaringan sosial baru namanya Yuwie. Nah buat kamu-kamu yang haus dolar (seperti saya  ) tapi nggak doyan ngeblog dan nggak mau susah payah pake adsense, mungkin Yuwie bisa jadi alternatif yang (mungkin) menarik untuk dicoba. Nah, pastinya banyak yg udah kenal ama yang namanya jaringan sosial seperti friendster, dan pastinya udah tau apa aja yang dilakuin sehari-hari dengan friendster. Ya, mulai dari narsisin diri sendiri dengan pajangin foto banyak2, nulis komen/testimonial yang basi dan nggak penting banget, curhat, dan kegiatan yang sangat tidak produktif lainnya dan banyak ngabisin bandwidth (hoho..makanya ngeblog!  ). Nah, bayangin aja kalau semua yang kalian lakukan di friendster bisa bikin dolar (bayangin aja terus :ngayal:). Penasaran?? Ok, let me begin to explain… :[+ Read More →]:

Akhirnya..tema blog dengan desain CSS sendiri jadi juga . Dengan tema Statement yang didisain oleh Jai Nischal Verma (thanks Jai!), saya ubah CSS-nya supaya mirip dengan tampilan tema blog yang dulu dan yang paling saya sukai: Soloss by Elegant WP Themes. Yang saya kerjakan ini karena tema soloss punya banyak bug: plugin smilies themer toolbar yang nggak bisa jalan, plugin All in One SEO yang nggak bisa jalan juga, dan plugin cFormsII yang nggak bisa kelihatan bagus di halaman. Memang sih nggak mirip betul sama aslinya, tapi setidaknya udah bagus dan nggak ada masalah. Ada beberapa fungsi yang musti dihilangkan, karena saya nggak mau ambil pusing soal PHP. Namanya juga baru belajar. Tapi jujur, awalnya saya belum pernah sekalipun utak-atik tema standar. Dan karena tema soloss banyak masalah, saya berpikir kenapa nggak ambil tema lain yang bagus kemudian diubah tampilannya mirip ama soloss. Dan saya ambil tema statement gratis yang sangat bagus, keren, dan kompatibel dengan wp 2.5 bikinan Jai. Pekerjaan yang saya lakukan kemudian adalah membuka stylesheet-nya dan menambahkan beberapa division dari soloss, mengganti background body dan headernya, ganti font-nya, masukin social bookmark bar, masukin ad box, about-me, search-box, dan tag, utak-atik sidebar dan footernya, dan yang terakhir tambahin fungsi most commented, recent comments, dan social bookmark. Sebenernya ada yang kurang dari sini, yaitu font buat judul postingan yang nggak bisa saya bikin persis seperti di soloss, dan nggak ada layer expandable di sidebar seperti di soloss. Tapi nggak papa lah, soalnya udah saya gantiin ama tabber bawaan dari statement. Soal nama, saya kasih nama buat tema ini: elegant stateloss, gabungan dari soloss dan statement *hehe maksain banget :D*. Dan yang paling penting, saya ngerasa puas banget dengan hasil editan saya, soalnya baru kali ini saya mainan CSS, dan sebelumnya saya belum pernah sekalipun belajar CSS. Kayaknya habis ini saya akan mulai latihan deh, soalnya ternyata asik juga belajar yang beginian. :[+ Read More →]: