Sufyan Tsauri's Blog » Programming http://tsauri28.myhaley.com/blog Let's Blogging !!! Tue, 07 Feb 2012 09:31:17 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Membuat Aplikasi Android untuk Blog http://tsauri28.myhaley.com/blog/membuat-aplikasi-android-untuk-blog/ http://tsauri28.myhaley.com/blog/membuat-aplikasi-android-untuk-blog/#comments Fri, 20 May 2011 08:28:32 +0000 tsauri28 http://tsauri28.myhaley.com/blog/membuat-aplikasi-android-untuk-blog/ Gak sengaja terdampar di website http://android.gopego.com dan menemukan artikel tentang membuat aplikasi android tanpa harus mrogram sendiri (kelihatan malesnya :D ), nah.. nama tools yang dapat membantu kita itu namanya feed.nu. Dengan tool ini, kita dapat membuat aplikasi android untuk mengsubscribe artikel dari manapun asalkan ada RSS Feednya.

Nah, aplikasi saya yang sudah jadi bisa anda download di sini atau scan QR Code berikut:

download-apk-blog-tsauri

Kebetulan blog saya menggunakan platform wordpress, ternyata sudah ada pluginnya di http://wordpress.org/extend/plugins/feed-nu/, langkah-langkahnya adalah:

  1. Download dan install plugin di atas
  2. Aktivasi plugin feed.nu
  3. Registrasi ke feed.nu-nya, jangan khawatir ribet harus buka webnya, kita bisa langsung registrasi di dashboardnya
  4. Setelah daftar, cek email untuk mendapatkan password
  5. Login di dashboard
  6. Kostumasi beberapa hal seperti feed yang akan kita jadikan koten aplikasi, header image, dan Judul aplikasinya di menu Feed.nu -> Settings/Language/Colors/Images
  7. Jika sudah puas, tinggal kita ‘build’ aplikasinya di menu Feed.nu -> Apps, di sini tinggal klik tombol “Generate APK”
  8. Selesai, anda tinggal ujicoba untuk mengistall di gadget android anda :)

Secara umum, tool ini cukup keren untuk digunakan, selain gratis di aplikasinya tidak terdapat iklan-iklan yang ‘merusak mata’ :D

Ok.. selamat mencoba! 

]]> http://tsauri28.myhaley.com/blog/membuat-aplikasi-android-untuk-blog/feed/ 5 Optimasi Search Engine Bag-1 http://tsauri28.myhaley.com/blog/optimasi-search-engine-bag-1/ http://tsauri28.myhaley.com/blog/optimasi-search-engine-bag-1/#comments Thu, 12 Mar 2009 03:25:39 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=516 Beberapa teman banyak yang menanyakan tentang bagaimana menerapkan SEO (Search Engine Optimization) dalam webblog dan website mereka, karena tertarik dengan blog saya yang baru berumur beberapa bulan ini bisa nangkring di urutan teratas om google dengan kata kunci : “asep sufyan tsauri“, “asep sufyan“, “asep tsauri“, dan “tsauri28“, sehingga bisa ngikut Pak Nukman Luthfie nulis di catatan facebooknya dengan “Just googling my name. Its all about me :) ”. (bukan sombong, cuma narsis) :D

Jawaban saya sebetulnya simpel dan emang saya tidak banyak macem-macemin webblog saya ini, cuma sedikit melakukan trik saja. Mau tahu trik-trik dahsyat dan spektakuler apa saja yang saya lakukan selama ini?, berikut ulasannya.

Pertama,
Membuat url webblog saya menjadi lebih bersahabat, maksudnya kebanyakan orang masih tidak memperdulikan url-nya tidak karuan seperti http://tsauri.co.cc/index.php?p=231. Nah, kalau saya menganggap url itu penting, biar ketika orang baru melihat url-nya saja sudah bisa menebak dengan jelas. Contohnya http://tsauri28.myhaley.com/blog/facebook-connector/ , anda bisa menebak kan apa isinya url itu?.

Karena saya saat ini menggunakan WordPress sebagai engine-nya, untuk membuatnya seperti diatas sangat mudah, caranya tinggal masuk ke wp-admin -> setting -> permalinks disana di bagian common settings saya pilih custom structure dan mengisinya dengan /%postname%/, untuk mempelajari lebih lanjut tentang struktur permalinks wordpress silahkan pelajari di sini!.

Nah, dengan langkah diatas (katanya) akan mempermudah search engine seperti google untuk dapat me-crawl website kita adalah dengan menjadikannya relevan dengan suatu topik atau tema tertentu. Tulisan saya tentang google crawling ada di sini!.

Kedua,
meta
Membuat dan menjadikan Title dan Description webblog saya dengan senarsis mungkin :D . Ya, itulah yang saya lakukan. Titlenya

“Asep Sufyan Tsauri | Founder Myhaley.com, Moslem Technopreneur, Web designer, Freelancer”

terus descriptionnya

“Tulisan-tulisan Asep Sufyan Tsauri tentang teknologi, technopreneurship, ambisi, dan Cita-cita. Penulis sering menggunakan id dengan nama tsauri28, untuk dapat menghubunginya silahkan hubungi melalui email tsauri28@myhaley.com”.

Coba, gak narsis gimana? hehe.. pokoknya yakinkan search engine bahwa webnya Asep Sufyan Tsauri itu ya webblog ini (gitu loh). Nah, bagi yang belum tahu bagaimana memanipulasi title dan description beginilah caranya :

Coba buka file web anda, disana ada tag-tag html bukan?, nah coba sisipkan atau ubah (bagi yang belum ada) dibagian <head></head> dengan <title> title yang anda inginkan </title>, kemudian tambahkan juga <meta name=”description” content=”description yang anda inginkan” />. Juga bisa ditambahkan <meta name=”keyword” content=”<keyword apa saja yang anda inginkan” />.  Catatan : untuk keyword dipisahkan dengan tanda koma (,) Contohnya <meta name="keyword" content="freelancer, webdesign, dll, dst" />.

Nah buat pengguna wordpress ada plugin yang sangat membantu kita dalam memanipulasi title dan meta-meta lainnya namanya “All in One SEO” monggo lihat review-nya di sini!.

Demikian tulisan bagian pertamanya, mudah-mudahan bermanfaat!.

Tambahan :
Tulisan saya tentang google crawling ada di sini!.

Sumber gambar “Meta”  : http://gembong.web.id/images/2008/03/meta-tag.jpg

Hormat Saya,signature

]]> http://tsauri28.myhaley.com/blog/optimasi-search-engine-bag-1/feed/ 8 Membuat Theme WordPress Bag-3 http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-3/ http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-3/#comments Sun, 01 Mar 2009 14:37:58 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=476 Di minggu ke-tiga ini, seri tutorial membuat theme wordpress akan membahas tentang comments, sidebar dan footer. Comments yang saya maksud disini adalah bagian theme wordpress yang (biasanya) berada di bawah posting dan berfungsi untuk me-list komentar tentang posting tersebut dan menampilkan form untuk membuat komentar baru (begitulah kira-kira -red).
Kemudian sidebar yang saya maksud adalah bagian theme wordpress yang biasa ditempatkan di bagian kiri kanan posting, biasanya sidebar dihubungkan dengan file function.php agar bisa membaca widget-widget yang dikonfigurasi dari wp-admin (Appearance -> Widgets). Terakhir footer yang saya maksud di sini adalah bagian theme wordpress yang berada di paling bawah (foot) dari theme kita.

Step 6
Dalam file comments.php ada 2 langkah yang dilakukan, yaitu melakukan looping komentar dan menambahkan form.

Untuk melakukan looping komentar lakukan perintah seperti berikut ini :

1
2
3
4
5
6
7
8
9
10

<?php if ($comments) : ?>
<?php /* Berfungsi untuk Menahan komentar yang harus dimoderasi*/
if ( $comment->comment_approved == '0' ) { ?>
<p class="alert">Thanks for your comment. It is currently in the moderation cue and will be visible for everyone to read as soon as I have verified it</p>
<?php } ?>
    <?php foreach ($comments as $comment) : ?>
       //lakukan looping di sini
    <?php endforeach; /* end for each comment */ ?>
    <?php endif; ?>
<?php endif; ?>

Nah, kemudian untuk menampilkan form agar tampil di bawah looping di atas, tuliskan kode berikut ini :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
  <?php if ( $user_ID ) : ?>
  <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Logout &raquo;</a></p>
  <?php else : ?>
  <p>
    <input type="text" name="author" id="user-name" value="<?php echo $comment_author; ?>" />
  </p>
  <p>
    <input type="text" name="email" id="user-email" value="<?php echo $comment_author_email; ?>" />
  </p>
  <p>
    <input type="text" name="url" id="user-url" value="<?php echo $comment_author_url; ?>" />
  </p>
  <?php endif; ?>
  <p>
    <textarea name="comment" id="user-comment"></textarea>
  </p>
  <p>
    <input name="submit" type="submit" id="submit" class="button" value="Leave a Comment" />
    <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
  </p>
  <?php do_action('comment_form', $post->ID); ?>
</form>

Step 7

Hormat Saya,signature

]]> http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-3/feed/ 10 Membuat Theme WordPress Bag-2 http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-2/ http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-2/#comments Sun, 22 Feb 2009 16:22:32 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=436 Melanjutkan posting tutorial minggu lalu tentang bagaimana membuat theme wordpress. Minggu lalu sudah dibahas tentang hirarki dan arsitektur wordpress serta beberapa setting awal yang harus dilakukan untuk memulai membuat theme wordpress from the scratch! :D

Di bagian kedua ini, saya akan membahas tentang beberapa fungsi yang dapat digunakan khususnya fungsi looping yang terdapat di file index.php, single.php, page.php dan archive.php. Ayoo!!

Step 3
File index.php biasanya dibuat untuk menampilkan index posting yang ada pada blog, untuk melakukan hal tersebut gunakan perintah seperti di bawah ini :

1
2
3
4
5

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
             //lakukan looping disini
        <?php endwhile; ?>
<?php endif; ?>

Kode di atas merupakan operasi looping dasar dalam wordpress. Di dalam "//lakukan looping disini" dapat disimpan beberapa variabel yang berhubungan, seperti menampilkan judul, permalink, isi posting, dsb. Adapun beberapa variabel yang sering ditampilkan di dalam looping ini adalah :

  1. <?php the_ID(); ?> untuk menampilkan id post
  2. <?php the_permalink() ?> untuk menampilkan permalink
  3. <?php the_title(); ?> untuk menampilkan judul
  4. <?php comments_popup_link('0', '1', '%'); ?> untuk menampilkan jumlah komentar
  5. <?php the_category(', ') ?> untuk menampilkan kategori posting
  6. <?php the_tag(', ') ?> untuk menampilkan tag posting
  7. <?php the_content(',');  ?> untuk menampilkan content posting

Terakhir kita tinggal memasukkan variabel-variabel diatas ke html yang telah dibuat sebelumnya. Contohnya untuk judul diberi tag <h1> menjadi <h1><?php the_title(); ?></h1>.

1
2
3
4
5
6
7

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
            <h1><?php the_title(); ?></h1>
            <small><?php comments_popup_link('0', '1', '%'); ?></small><br />
            <?php the_content(',');  ?>
        <?php endwhile; ?>
<?php endif; ?>

Step 4
Biasanya ketika link (menggunakan variabel <?php the_permalink(); ?>) yang terdapat di halaman depan (index.php) di-klik, maka akan menuju pada detail posting yang dimaksud. Nah, halaman tersebut diatur di single.php (untuk post) dan page.php (untuk page).

Dalam file singe.php ataupun page.php biasanya ditampilkan detail posting/page serta komentarnya. Nah, untuk menampilkan looping sama seperti di file index.php, yaitu :

1
2
3
4
5

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
             //lakukan looping disini
        <?php endwhile; ?>
<?php endif; ?>

Kemudian lakukan customizing seperti di step 3.

Setelah menampilkan posting lengkap, kita akan menampilkan komentar posting ybs serta form untuk menambahkan komentar baru. Untuk melakukannya kita tinggal meng-include-kan file comments.php diantara looping diatas (sebelum endwhile), yaitu dengan kode . Adapun pembahasan pembuatan file comments.php akan dibahas nanti (sabar ya.. :D ).

Step 5
Untuk melihat kelompok posting dalam kategori / tag / tanggal tertentu, biasanya diatur melalui file archive.php. Pada dasarnya hampir sama seperti pembahasan di atas (step 3, tentang index.php), namun untuk archive.php biasanya tidak menggunakan variabel <?php the_content(',');?> tetapi menggunakan <?php the_excerpt(); ?>. Contoh :

1
2
3
4
5
6
7

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
            <h1><?php the_title(); ?></h1>
            <small><?php comments_popup_link('0', '1', '%'); ?></small><br />
            <?php the_excpert(',');  ?>
        <?php endwhile; ?>
<?php endif; ?>

Nah segitu dulu untuk tutorial bagian keduanya. Untuk bagian ketiga akan kita bahas beberapa hal menarik untuk membuat theme yang kita buat lain dari yang lain. :D

See u..

Hormat Saya,signature

 
]]> http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-2/feed/ 7 Membuat Theme WordPress – Bag 1 http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-1/ http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-1/#comments Sat, 14 Feb 2009 22:43:55 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=386 Sudah lama ingin membuat tutorial ini, selalu bentrok dengan malas dan keterbatasan inspirasi :) , namun sekarang lah saatnya, kita mulai dari yang paling dasar, semangat!!.

Asumsi awal, kita telah mempunyai 1 (satu) halaman template (.html) yang siap dikonversi menjadi theme wordpress. Nah, sebelum ke teknis bagaimana membuat theme tersebut sebaiknya kita bahas terlebih dahulu tentang struktur direktori dari theme wordpress itu sendiri.

WordPress memiliki struktur direktori theme yang cukup mudah dimengerti, wordpress menyimpan semua file-file theme kedalam satu direktori yang ditempatkan di bagian wp-content -> themes. Jadi jika kita akan membuat satu theme buat satu direktori (contoh : 2133), kemudian simpan di direktori themes.

struktur-theme-wp

Sedangkan di dalam direktori theme itu sendiri setidaknya memiliki file-file berikut ini :

struk-wp

  1. style.css
    Ini untuk menyimpan style untuk theme kita. Tetapi ada hal yang penting disini, nama file harus tetap style karena engine wordpress hanya membaca nama file tersebut, kemudian di dalam file ini harus disimpan juga informasi tentang theme (akan dibahas selanjutnya).
  2. screenshot.png
    Adalah file gambar yang akan dibaca oleh engine WP.
  3. index.php
    File yang pertama kali akan di-render, biasanya untuk halaman utama blog.
  4. functions.php
    File yang berisi fungsi-fungsi yang ada pada theme kita, seperti fungsi untuk pengaturan widget, panel dan sebagainya.
  5. header.php
    File ini menyimpan header theme kita. Yang saya maksud header disini adalah bagian yang sering digunakan kembali dibagian lain (index, single, page, dsb).
  6. sidebar.php
    File ini akan ditempatkan sebagai sidebar blog kita. Pengaturan agar terhubung dengan widget terletak di file functions.php, file ini pun adalah bagian yang sering digunakan kembali.
  7. footer.php
    File untuk footer blog.
  8. single.php
    Adalah file untuk halaman detail sebuah posting.
  9. page.php
    Adalah file untuk halaman detail sebuah page.
  10. comments.php
    File untuk menyimpan list komentar dan form komentar.

Untuk lebih lengkapnya (tentang struktur theme wp) bisa dibaca di wordpress codex, site architecture dan template hierarchy. Selanjutnya kita langsung lakukan langkah-langkah berikutnya :

Step 1
Buat folder theme yang akan kita buat, salin file html (dan kelengkapannya) ke folder tersebut. Kemudian buat 10 (sepuluh) file yang disebutkan diatas (file kosong pun tidak masalah).

Step 2
File css yang telah dibuat, sesuaikan dengan ketentuan WordPress -rename menjadi style.css. Kemudian di baris paling atas tambahkan komentar berupa informasi theme yang akan dibuat. Contoh :

1
2
3
4
5
6
7
8

/*
Theme Name: t-simple
Description: 2 Column, CSS, xHTML, JQuery.
Version: 0.1
Author: Asep Sufyan Tsauri
Author URI: http://www.tsauri28.myhaley.com/
*/
/* css-nya dilanjut disini */

Komentar ini akan dibaca oleh engine sebagai informasi utama theme.

Step 3

(sementara bersambung dulu ya.. )

Hormat Saya,signature

]]> http://tsauri28.myhaley.com/blog/membuat-theme-wordpress-bag-1/feed/ 34 Facebook Connector http://tsauri28.myhaley.com/blog/facebook-connector/ http://tsauri28.myhaley.com/blog/facebook-connector/#comments Sun, 08 Feb 2009 07:46:22 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=363 Beberapa minggu lalu kebiasaan surfing membawa saya ke sebuah portal berbahasa Indonesia, namanya twentea. Hmm.., awalnya hanya lihat desainnya yang cukup elegan (niatnya mau niru! :D ), tapi setelah dilihat lebih dalam, ternyata ada satu fasilitas yang (bagi saya) baru. Yaitu adanya fasilitas Facebook Connect, yaitu fasilitas untuk komunitas dalam portal tersebut yang langsung berhubungan dengan account Facebook -social networking terpopuler saat ini!. Jadi, jika kita sudah memiliki akun Facebook dan ingin bergabung ke dalam komunitasnya (kontribusi tulisan atau hanya berkomentar), kita bisa langsung menghubungkannya, hanya dengan satu tombol “connect”!.

Jadi penasaran, akhirnya saya cari-cari tutorial tentang itu, dan bertemulah dengan tutorial ini. Menurut tulisan itu, facebook memungkinkan menghubungkan account lintas website, sehingga user tidak perlu melakukan daftar 2 kali atau lebih ke beberapa situs yang ingin diikuti user tersebut. Caranya kita perlu membuat sebuah aplikasi yang menggunakan API Facebook tersebut. Namun, sampai saat ini saya belum bisa membuat aplikasi yang dimaksud :( , tapi, alhamdulillah ternyata untuk WordPress sudah ada pluginnya, salah satunya bernama Sociable.

Nah, itung-itung melengkapi tulisan saya tentang plugin-plugin wordpress lainnya :D . Untuk bisa memasang plugin ini dengan benar, langkah-langkahnya sebagai berikut :

  1. Download dulu pluginnya di http://www.e-aula.com/download/fbconnect_1_0.zip
  2. Upload plugin (direktori fbconnect) ke plugin direktori WordPress anda
  3. Aktifasi plugin
  4. Lakukan setting plugin (di menu setting), yaitu dengan melakukan ini dulu :
  • Log in ke Facebook Developer application: http://www.facebook.com/developers/
  • Buat aplikasi baru, informasinya ada di : http://developers.facebook.com/get_started.php
  • Nah, sekarang gunakan beberapa informasi yang didapat dari pembuatan aplikasi baru diatas ke menu setting, yaitu API Key, dsb.
  • Buat template comment

Nah, terakhir tinggal setting di widgets untuk memasukkannya di sidebar blog anda.

Tapi sayang, mungkin plugin ini masih ada bug, karena tombol connect-nya kok tidak tampil di blog saya ini?, mm.. ada yang tahu masalahnya?, kasih komentar ya! :D

Update Senin, 09/02/09

Ooh, ternyata bukan bug di plugin-nya.. setelah dibaca kembali dokumentasi pluginnya ternyata ada satu langkah yang terlewat, yaitu menambahkan <?php wp_footer() ?> di file footer.php theme saya!, cuma itu saja. Naah, sekarang sudah berjalan dengan baik. hehe..

Hormat Saya,signature

]]> http://tsauri28.myhaley.com/blog/facebook-connector/feed/ 13 Firefox Add-Ons Development Pack Versi Saya http://tsauri28.myhaley.com/blog/firefox-add-ons-development-pack-versi-saya/ http://tsauri28.myhaley.com/blog/firefox-add-ons-development-pack-versi-saya/#comments Sun, 01 Feb 2009 04:48:19 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=342 Dalam membuat sebuah aplikasi berbasis web, terkadang saya direpotkan untuk membuka tutup aplikasi yang sebenarnya fungsinya hanya sedikit, padahal spesifikasi komputer saya cukup terbatas jika harus membuka banyak aplikasi dalam satu waktu (multi task) :) . Ingat pengalaman lucu sekaligus konyol yang sering saya lakukan dulu, hanya untuk tahu kode warna dari web web orang lain (nyontek), sampai harus buka Photoshop, print screenshoot -> paste -> color picker, repot banget kan? :D

Nah, kemudian setelah mencoba eksplorasi beberapa Add-ons di Firefox, saya simpulkan ada beberapa Add-ons yang mendukung web development yang biasa saya lakukan. diantaranya :

  • Firebug
    Add-ons ini berguna untuk dapat melakukan debugging dari halaman web yang dibuat, dari mulai debugging html sampai javascript. Selain itu addon ini dapat memonitor source code halaman web yang kita lihat secara langsung (live).
  • FireFTP
    FireFTP adalah addon untuk melakukan transfer file antara komputer kita dengan server, tidak perlu lagi install dan buka aplikasi khusus lagi untuk melakukan upload file :)
  • Web Developer
    Addon ini dapat melakukan beberapa fungsi, seperti me-validasi kode html dan CSS sesuai dengan standar W3C, memilah-milah komponen, dan sebagainya.
  • Scrapbook
    Firefox add-ons ini berfungsi untuk menyimpan semua halaman situs yang kita inginkan hingga 3 link ke dalam. Semua file dapat disimpan disini seperti foto, zip, dan lainnya. Add-ons ini sangat berguna bagi semua orang karena kita jadi bisa mengakses situs secara menyeluruh berikut semua link yang ada pada saat kita tidak ada akses internet. Selain itu situs yang sudah tersimpan di Scrapbook dapat disunting, ditandai (dengan tanda yang mirip dengan stabilo) apabila ada yang penting.
  • ColorZilla
    Nah, ini adalah solusi dari masalah saya diatas :) . Addon ini dapat digunakan untuk mengetahui kode warna dari halaman yang kita tuju, sehingga kita tidak perlu repot membuka aplikasi pengolah gambar jika hanya ingin mengetahui kode suatu warna.
  • IE tab
    IE Tab adalah addon yang dapat membuka suatu halaman web dalam satu tab, namun menggunakan standar Internet Explorer. Ini akan sangat membantu dalam melihat kompatibilitas halaman web di browser IE.
  • Delicious Bookmarks
    Delicious bookmarks adalah Firefox add-ons yang terintegrasi dengan del.icio.us. Kita dapat mem-bookmarks browser dan memberikan tags pada situs yang Kita anggap menarik agar di kemudian hari dapat dengan mudah menemukan situs itu lagi.

Nah, itu hanya versi saya, versi kamu ?? :) .

Namun perlu diingat bahwa Add-ons juga dapat mempengaruhi performa Firefox, sehingga lebih baik hanya me-install Add-ons yang kita benar-benar butuhkan saja.

Sumber Gambar-gambar :
https://addons.mozilla.org

Hormat Saya,signature

 

]]> http://tsauri28.myhaley.com/blog/firefox-add-ons-development-pack-versi-saya/feed/ 5 Tutorial : WordPress Custom Fields http://tsauri28.myhaley.com/blog/tutorial-wordpress-custom-fields/ http://tsauri28.myhaley.com/blog/tutorial-wordpress-custom-fields/#comments Mon, 10 Nov 2008 06:34:03 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=309 “WordPress memang powerfull !!”, mungkin demikian yang saya ungkapkan setelah bekerja keras mencoba mengimplementasikan Custom Fields dalam blog saya ini :-D .

Custom Fields, merupakan salah satu atribut dari post dalam WordPress (atribut lainnya seperti “Title”, “Post”, “Tags”, “Categories”, dst), berfungsi untuk memberikan keleluasaan kepada pengguna wordpress supaya bisa menambahkan field atau atribut dalam setiap post-nya. Ilustrasinya bisa digambarkan seperti ini :

Selain menampilkan artikel-artikel yang ditulisnya, sang blogger juga ingin menyertakan file agar bisa didownload oleh pembacanya, karena blog yang dia miliki adalah blog jurnal yang banyak dibutuhkan orang. Awalnya, setiap akan menyisipkan file yang siap didownload sang blogger membuatnya secara manual yaitu dengan cara membuat link ke file yang dimaksud dengan menuliskan "<a href="filenya.pdf">Download!</a>".
, awalnya sih ok, tapi selanjutnya itu membuat pekerjaan bertambah ribet, ditambah lagi posisi dan style-nya jadi tidak standar. Maka sang blogger menambahkan satu field dalam setiap postnya yang berisi alamat file yang siap didownload.

Pusing dengan ilustrasinya?, kita praktekkan saja langsung.. :-D

Hormat Saya,signature

 

]]> http://tsauri28.myhaley.com/blog/tutorial-wordpress-custom-fields/feed/ 6 WP-Codebox : Bikin Kode Enak Dibaca http://tsauri28.myhaley.com/blog/wp-codebox-bikin-kode-enak-dibaca/ http://tsauri28.myhaley.com/blog/wp-codebox-bikin-kode-enak-dibaca/#comments Sat, 08 Nov 2008 22:37:32 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=292 WP-Codebox, merupakan salah satu plugin yang di-develop oleh ericbess.com. Plugin ini diperuntukkan bagi para blogger yang biasa menuliskan tutorial, dsb yang menyisipkan source code. Nah, agar tampilan dari kode yang disisipkan tersebut mudah dibaca dan terlihat menarik seperti pada tampilan di text-editor seperti Notepad++, Dreamweaver, dll.

Instalasi

  1. Download plugin WP-Codeboxnya
  2. Ekstrak sehingga menjadi folder bernama WP-CodeBox
  3. Upload ke direktori plugin wordpressnya, yaitu wp-content/plugins/WP-CodeBox/
  4. Aktifkan plugin WP-Codebox di bagian menu ‘Plugins‘
  5. Atur/setting plugin di Option->Wp-CodeBox ‘set default setting’
  6. Siap dipakai ! (penggunaan lihat di bawah ini)

Penggunaan

Dasar penggunaanya adalah : `<pre lang="LANGUAGE" line="1" file="download.txt" colla="+">` and `</pre>`.

  • ‘lang’, dapat diisi dengan bahasa pemrograman apa yang akan kita tampilkan. contoh lang="java".
  • ‘line’, maksudnya kode yang kita tulis dimulai dari baris ke-berapa, contoh kalau kita ingin menampilkan kode kita dimulai dari baris ke-15, maka tulis line="15"
  • ‘file’, digunakan jika kita akan membagi kode kita agar bisa didownload oleh pembaca
  • 'colla=+/-', adalah pilihan apakan code akan di-collapse atau tidak
  • ‘and’, adalah kode yang akan kita tampilkan

Contoh Penggunaan

1
2
3
4
5

    public class Hello {
      public static void main(String[] args) {
        System.out.println("Hello World!");
      }
    }

Hormat Saya,signature

 
]]> http://tsauri28.myhaley.com/blog/wp-codebox-bikin-kode-enak-dibaca/feed/ 9 Iseng : Implementasi CrossSlide JQuery Plugin http://tsauri28.myhaley.com/blog/iseng-implementasi-crossslide-jquery-plugin/ http://tsauri28.myhaley.com/blog/iseng-implementasi-crossslide-jquery-plugin/#comments Sat, 25 Oct 2008 23:59:33 +0000 tsauri28 http://tsauri28.myhaley.com/blog/?p=134

Loading…

Code yang digunakan untuk membuat Slide diatas adalah :

18
19
20
21
22
23
24
25
26
27
28
29
30
31

<script type="text/javascript" id="source-test2">//<![CDATA[
$(function() {
$('#test2').crossSlide({
  sleep: 2, //in sec
  fade: 1   //in sec
}, [
  { src: 'http://farm4.static.flickr.com/3249/2963827210_aa678f2510.jpg' },
  { src: 'http://farm4.static.flickr.com/3059/2962980953_5aabb4803a.jpg'   },
  { src: 'http://farm4.static.flickr.com/3005/2925504209_45b6acf931.jpg' },
  { src: 'http://farm4.static.flickr.com/3005/2925504209_45b6acf931.jpg' },
  { src: 'http://farm4.static.flickr.com/3108/2926352662_063c315b82.jpg' }
]);
});
//]]></script>

Sumber : http://www.gruppo4.com

]]> http://tsauri28.myhaley.com/blog/iseng-implementasi-crossslide-jquery-plugin/feed/ 0