Fanari dash Id dot Com | My Official & Commercial Blog

Dasar Memasang JavaScript Dengan Framework (2)

Artikel ini merupakan bagian kedua dari Dasar Memasang JavaScript Dengan Framework (Bagian 1)

Setelah kita memiliki file JavaScript library dan plugin yang akan digunakan, maka langkah selanjutnya adalah mengupload file-file tersebut. Kita bisa memanfaatkan layanan hosting file gratis seperti Google Pages untuk menyimpan filenya, tetapi lebih baik memakai hostingan yang sama dengan blog.

Langkah selanjutnya adalah melihat kode sumber dari file demonya langsung. File demo biasanya berupa file HTML statis, buka dengan Firefox dan lihat kode sumbernya atau bisa memakai text editor. Read More …

Dasar Memasang JavaScript Dengan Framework (1)

Walaupun saya sering memposting artikel tutorial bukan berarti saya bermaksud menjadikan blog ini menjadi blog tutorial lo. Menurut saya postingan jenis tutorial memang masih banyak dicari pengunjung. Tidak hanya itu, saya juga sering diminta temen2 buat memposting tutorial di blog ini. Ok, kalau mas thegands banyak posting tentang tutorial pemrograman dan database, maka saya akan berikan tutorial yang gampang aja (dan newbie banget): dasar memasang JavaScript dengan framework, karena dari kemaren banyak yang nanya bagaimana saya memasang JavaScript yang bikin lambat blog ini . Yang akan saya jelaskan kali ini bukanlah detil cara memasang plugin javascript di blog ini seperti slideshow diatas, ataupun tooltip, tetapi dasar cara memakai plugin-plugin tersebut karena ini mungkin bermanfaat jika kita ingin menambahkan sendiri plugin apa saja yang kita inginkan.

Read More …

accordion sederhana dengan jQuery UI accordion

Ya, sesuai judulnya, artikel ini bergenre tutorial. Tutorial yang akan saya berikan ini soal bagaimana cara membuat accordion seperti sidebar blog ini dengan memakai javascript paling populer sedunia (hehe ) atau lebih tepatnya jQuery, dan lebih tepatnya lagi jQuery UI Accordion. Artikel ini saya buat atas pertanyaan dari mas widik tentang gimana cara membuat accordion pake jQuery. Karena pertanyaan itu juga saya menganggap mas widik lagi bercanda. Kenapa?? Ya karena beliau (wah..) adalah seorang web designer. Pasti bercanda kan kalo web designer nanya sama saya yang masih newbie ini, hehe . Maap juga deh, karena saya bukan programmer dan gak ngerti istilah-istilah pemrograman jadi saya pake istilah sesuka saya aja . Oh ya, cara yang saya berikan di bawah buat blog WordPress, jadi kalo mau pasang di web silakan disesuaikan aja.
Untuk membuat jQuery yang dibutuhkan adalah file jQuery itu sendiri dan plugin accordionnya. Download jQuery terbaru di jQuery.com (saya sarankan yang versi kompresi+Gzip). Jangan lupa backup dulu template yang akan dimodifikasi.. Read More …

cara melindungi nama dan email penulis pada form komentar

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 …

bikin highlight author comment pada komentar thread

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!

belajar css yuk: membuat highlight komentar

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!

install wordpress dengan domain dan hosting gratis!

heh..akhirnya berhasil juga saya nginstal wp pake hosting gratis dan domain gratis pula, setelah lama nyari2 cara instal wp dan coba2. saya memahami perasaan blogger2 yg maunya ama yg serba gratisan makanya saya bikin tutorial ini :). bagi anda problogger yg tdk suka ato kurang percaya ama yg serba gratisan lebih baik bacanya sampe sini aja ;). Oh ya, saya sarankan supaya blog yg dihosting di 000webhost jangan dijadikan blog utama karena banyaknya omelan soal hosting gratisan, lebih baik dipake buat belajar wordpress aja yah Oke? Blog ini juga nggak pake hosting gratis kok :D. Ikuti tutorial dibawah ini supaya berhasil. Read More …