Digituck - Coretan Digit » Belajar Wordpress http://www.digituck.com Belajar Information Technology Fri, 10 Sep 2010 16:07:50 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Menambahkan dan Memutar mp3 pada postingan Wordpress http://www.digituck.com/menambahkan-dan-memutar-mp3-pada-postingan-wordpress.html http://www.digituck.com/menambahkan-dan-memutar-mp3-pada-postingan-wordpress.html#comments Fri, 07 May 2010 11:52:12 +0000 digituck http://www.digituck.com/?p=1199 mp3 pada Wordpress
mp3 pada Wordpress

Tutorial Blog berikut ini untuk menampilkan file audio yang berformat mp3 pada setiap melakukan posting di blog Wordpres Self-Hosting yang memang saat itu perlu kita tampilkan. Memutar file mp3 ini tidak diperlukan plugin, yang dibutuhkan adalah JW-Player yang didapat dari longtailvideo.com.

1. Download lebih dahulu JW-Player, klik Disini.

2. Extract kemudian Upload file folder JW tersebut ke root domain kamu. http://my-site.com/wp-content/themes/my-theme/jw/. Contoh : untuk blog ini diupload kedalam root domain http://digituck.com/wp-content/themes/digitucktheme/jw/.

3. Setelah selesai di upload, kita sedikit menambahkan kode ke dalam Appearance Editor Admin panel Wordpress. Letakkan kode dibawah ini kedalam Single Post (single.php). Diletakkan tepat dibawah <div class="PostContent"></div> kemudian simpan perubahan.

<?php $mp3s = get_children( ‘numberposts=-1&post_type=attachment&post_mime_type=audio&post_parent=’.$post->ID );

if (!empty($mp3s)) : ?>

<?php foreach($mp3s as $mp3) : ?>
<object width=’470′ height=’24′ id=’single<?php echo $mp3->ID; ?>’ name=’single<?php echo $mp3->ID; ?>’>
<param name=’movie’ value=’player.swf’>
<param name=’allowfullscreen’ value=’true’>
<param name=’allowscriptaccess’ value=’always’>
<param name=’wmode’ value=’transparent’>
<param name=’flashvars’ value=’file=<?php echo $mp3->guid;?>’>
<embed
id=’single<?php echo $mp3->ID;?>’
name=’single<?php echo $mp3->ID;?>’
src=’<?php bloginfo(‘template_url’); ?>/jw/player.swf’
width=’470′
height=’24′
bgcolor=’#ffffff’
allowscriptaccess=’always’
allowfullscreen=’true’
flashvars=’file=<?php echo $mp3->guid; ?>’
/>
</object>
<?php endforeach; ?>

<?php endif; ?>

4. Nah, sekarang kita lakukan Tes Posting, buka menu Post – Add New pada Admin Panel Wordpress seperti layaknya kita membuat postingan baru. Didalam postingan yang kita buat, kita tambahkan file mp3 yang akan kita sertakan dalam postingan tersebut melalui tombol Add Media (Tombol Upload/Insert tepat dibawah Judul, Permalink). Namun setelah memilih dan upload file mp3, jangan klik tombol Insert Into Post, karena dengan kita langsung men-save file mp3 tersebut otomatis Wordpress akan Attach file media mp3 tersebut kedalam postingan yang sedang kita buat. Perhatikan gambar berikut ini :

mp3 pada Wordpress

]]> http://www.digituck.com/menambahkan-dan-memutar-mp3-pada-postingan-wordpress.html/feed 42 Artikel Terkait berdasarkan Tags (tanpa Plugin) http://www.digituck.com/artikel-terkait-berdasarkan-tags-tanpa-plugin.html http://www.digituck.com/artikel-terkait-berdasarkan-tags-tanpa-plugin.html#comments Sun, 10 Jan 2010 05:48:18 +0000 digituck http://www.digituck.com/?p=711 Salah satu yang seringkali digunakan pada setiap halaman artikel atau posting adalah merelasikan artikel tersebut pada artikel-artikel sebelumnya sehingga para pengunjung dengan mudah dapat membaca kembali dan menemukan artikel-artikel blog kita yang masih terkait dengan topik atau tema dari postingan-postingan kita yang memang memiliki konten artikel yang sama.

Berikut ini adalah script cara membuat Related Post atau Artikel Terkait berdasarkan Tags pada wordpress. Related Post ini bukan berupa Plugin dan yang perlu dilakukan adalah menempatkan script ini pada singel.php.

<?php
//for use in the loop, list 5 post titles related to first tag on current post
$backup = $post; // backup the current object
$tags = wp_get_post_tags($post->ID);
echo "<div><h3>Related Posts</h3>";
$tagIDs = array();
if ($tags)
{
$tagcount = count($tags);
for ($i = 0; $i < $tagcount; $i++) {
$tagIDs[$i] = $tags[$i]->term_id;
}
$args=array(
‘tag__in’ => $tagIDs,
‘post__not_in’ => array($post->ID),
’showposts’=>5,
‘caller_get_posts’=>1
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() )
{
echo "<ul>";
while ($my_query->have_posts()) : $my_query->the_post(); ?>

<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
<?php endwhile;
echo "</ul>";
}
} else echo "<span>No related posts were found!</span>";
$post = $backup; // copy it back
wp_reset_query(); // to use the original query again
echo "</div>";
?>

code by blogohblog

]]> http://www.digituck.com/artikel-terkait-berdasarkan-tags-tanpa-plugin.html/feed 46 Wordpress plugins untuk komentar (bag 2 …) http://www.digituck.com/wordpress-plugins-untuk-komentar-bag-2.html http://www.digituck.com/wordpress-plugins-untuk-komentar-bag-2.html#comments Sun, 25 Oct 2009 16:09:42 +0000 digituck http://www.digituck.com/?p=564 Berikut dibawah ini beberapa plugin wordpress yang menyambung artikel dari postingan sebelumnya mengenai Wordpress Plugin Untuk Komentar (bag 1 …) :

6. Reply-to

Plugin ini dikontribusikan oleh Iyus, berfungsi untuk me-replay komentar yang ada pada area komentar blog. Ketika diklik replay maka tugas plugin ini menyisipkan link kepada pemilik komentar di area komentar blog yang hendak dibalas (reply). Plugin ini dapat didownload di http://downloads.wordpress.org/plugin/reply-to.zip.


replay-to

7. Quote-comments

Plugin ini dikontribusikan oleh Joen Asmossen berfungsi untuk menambah “quote” link pada setiap post comment blog. Tertarik memasang “quote pada setiap komentar di blog ! Silahkan download link plugin quote-comment di http://downloads.wordpress.org/plugin/quote-comments.zip.


quote-comments

8. TinyMCEComments

Plugin ini merubah kotak pengisian komentar menjadi WYSIWYG (What You See Is What You Get) Editor, namun toolbar yang disediakan tidak termasuk menambahkan gambar dan hanya tersedia untuk keperluan writer. Didistribusikan oleh MK, untuk dapat menggunakan plugin ini silahkan download disini http://downloads.wordpress.org/plugin/tinymcecomments.0.4.8.zip.


MCE

9. Subscribe-to-comments

Mungkin plugin ini sudah sering kita lihat ketika kita sedang mengunjungi salah satu blog sahabat, dibawah tombol submit comment terdapat check list box yang bertuliskan “Notify me of followup comments via e-mail”. Yaa … fungsi dari plugin yang dikontribusikan oleh mark jaquith ini memungkinkan para komentator blog untuk men-subscribe melalui layanan eMail. Download plugin disini http://downloads.wordpress.org/plugin/subscribe-to-comments.zip.


subscribe

10. Tango-smileys-extended

Plugin ini dikontribusikan oleh whesleymccabe berfungsi untuk menambah icon smiley standar wordpress hingga mencapai 202 icon smiley. Plugin Tango Smileys Extended (TSE) ini menyediakan CTI (Click to Insert) interface yang memudahkan kita memilih icon smiley dengan hanya mengklik saat hendak ditambahkan ke kolom komentar blog. Pengaturan dari plugin ini terdapat di panel admin Setting – tango-smileys-extended. Plugin bisa di download di http://downloads.wordpress.org/plugin/tango-smileys-extended.2.5.6.1.zip.


tango-smileys-extended

wah … sepertinya masih banyak lagi plugin wordpress yang belum saya intip buat dituangkan di postingan Wordpress plugins untuk komentar ini. Diantaranya adalah wp-paginate (memberikan nomor halaman pada komentar), gravatar-signup (menyisipkan checkbox signup untuk gravatar ke dalam form komentar bagi komentator yang belum memiliki gravatar), gregs-threaded-comment-numbering (memberikan nomor untuk komentar secara berurut dan hirarki), atau mungkin sahabat punya saran lain untuk plugin wordpress yang masih berhubungan dengan komentar atau memiliki fungsi yang berkaitan dengan komentar ? Silahkan saling berbagi melalui komentar dibawah ini ! Terima kasih :)

]]> http://www.digituck.com/wordpress-plugins-untuk-komentar-bag-2.html/feed 36 Wordpress plugins untuk komentar (bag. 1 …) http://www.digituck.com/wordpress-plugins-untuk-komentar.html http://www.digituck.com/wordpress-plugins-untuk-komentar.html#comments Fri, 02 Oct 2009 13:30:31 +0000 digituck http://www.digituck.com/?p=527 Asyik juga belajar wordpress blog, salah satu blog yang memiliki sistem CMS (Content Management System) yang dikembangkan oleh Matthew Charles Mullenweg, pria kelahiran Houston, Texas, Amerika Serikat, yang lahir pada 11 Januari 1984. Wow … Umurnya masih muda yaa … ! dan ia berhasil menjadi pengusaha muda serta dinobatkan sebagai 16 dari 50 orang terpenting di Dunia Internet oleh PC World (Wikipedia). Ehm .. jadi bicara tentang kang Mullenweg, gak apa yaa … sekilas info sebagai acungan jempol buat kang Mullenweg atau buat sobat blog yang ingin lihat biografi dari Matthew Charles Mullenweg bisa dilihat disini http://id.wikipedia.org/wiki/Matthew_Charles_Mullenweg. Okay … kita balik ke topik semula!

Topik kali ini ingin berbagi sekitar wordpress plugins untuk komentar atau bisa disebut juga wordpress plugin yang berhubungan dengan sesi komentar pada blog. Memasang atau menginstall plugin untuk blog kita menjadi sebuah kebutuhan agar blog bisa terlihat interactive dan user friendly. *Namun kita harus bisa memilah dan memilih plugin apa yang memang harus kita tambahkan sesuai kebutuhan ke dalam blog kita, jangan sampai space hosting kita luber akibat pemasangan banyak plugin. Yah … kalo space hosting besar silahkan saja! Kemudian muncul pertanyaan lagi, apa blog kita tidak berat dengan pemasangan banyak plugin ? kalo seperti itu pertanyaannya, gak ada salahnya kita mencoba pengalaman baru melalui sebuah blog dan terus bereksplorasi didalamnya dan jika ternyata blog kita berat load aksesnya, silahkan balik ketulisan saya yang ditandai bintang (*) :)

1. Comment-Rating

Untuk memasang plugin pada wordpress hosting sudah saya singgung sebelumnya dan bisa dilihat disini http://www.digituck.com/navigasi-page-number-pada-wordpress.html. Comment-Rating plugin ini di kontribusikan oleh Bobking, berfungsi untuk voting komentar dengan mengklik sebuah image (picture) yang berlabelkan LIKE or DISLIKE. Plugin bisa di download disini http://downloads.wordpress.org/plugin/comment-rating.2.7.2.zip, untuk opsi atau pilihan pengaturannya bisa dilihat di panel admin, Setting – Comment Rating.


comment-rating

2. SI-Captcha-for-wordpress

Plugin Captcha (Completely Automated Public Turing test to tell Computers and Humans Apart) untuk wordpress ini dikontribusikan oleh Mike Challis, berfungsi untuk menampilkan kode captcha di comment form, registration form, login atau kesemuanya yang dibuat untuk membedakan antara mesin (bot) dan manusia. Plugin bisa didownload disini http://downloads.wordpress.org/plugin/si-captcha-for-wordpress.zip, untuk pengaturan konfigurasinya dapat ditemukan di panel admin Plugins – SI Captcha Options.


captcha-wordpress

3. Wp-ajax-edit-comments

Plugin dikontribusikan oleh Ajay, Ronalfy, berfungsi agar pengunjung yang memberikan komentar dapat mengedit dengan batas waktu yang ditentukan sebelum komentar tersebut masuk secara permanen. Pengunjung blog yang memberikan komentar pun tidak perlu meminta admin melakukan koreksi atas kesalahan komentar yang ia berikan karena admin memberikan batas waktu melalui pengaturan plugin tersebut untuk mengeditnya. Setelah mengaktifkan plugin maka muncullah beberapa opsi pengaturan plugin tersebut yang dapat dilihat di panel admin Setting – Ajax Edit Comments. Plugin bisa didownload di http://downloads.wordpress.org/plugin/wp-ajax-edit-comments.zip


wpAjaxEditComment

4. Akismet

Wah … ini seh dah gak asing lagi, siapa yang gak kenal dengan “Aki Ismet” Akismet salah satu plugin yang digarap oleh kang Mullenweg, dkk. Yang berfungsi untuk melindungi spam yang masuk melalui komentar blog. Plugin ini membutuhkan API key yang bisa didapatkan dengan cara mendaftarkan akun wordpress di http://wordpress.com/signup/
Plugin bisa didownload disini http://downloads.wordpress.org/plugin/akismet.zip


akismet

5. Commentluv

Plugin yang ini juga gak asing lagi, banyak para pengguna blog menggunakannya sebagai sebuah penghargaan bagi pemberi komentar dimana si komentator dapat meninggalkan sebuah link dari postingan terbarunya di sesi komentar blog yang sedang dikunjunginya. Commentluv plugin ini dapat didownload melalui situs pembuatnya di http://comluv.com atau di ……. http://downloads.wordpress.org/plugin/commentluv.2.7.62.zip, untuk konfigurasinya bisa ditemukan di admin panel Setting – Commentluv.


commentluv

bersambung ya …..

]]> http://www.digituck.com/wordpress-plugins-untuk-komentar.html/feed 18 Cara buat buku tamu tersembunyi dengan shoutmix http://www.digituck.com/shoutmix-sebagai-buku-tamu-blog.html http://www.digituck.com/shoutmix-sebagai-buku-tamu-blog.html#comments Mon, 28 Sep 2009 13:44:49 +0000 digituck http://www.digituck.com/?p=534 Beberapa hari yang lalu kawan saya sempat menanyakan, “Kenapa gak ada shoutmix di blog kamu sob ?” . Pada awalnya memang saya tidak memprioritaskan untuk shoutmix chat yang banyak difungsikan oleh kawan-kawan sebagai buku tamu di blog untuk dipasang diblog saya ini, dengan alasan yang sangat “sepele” yaitu untuk membatasi waktu loading sekaligus mengurangi akses loading yang terjadi akibat pengaksesan link dari luar (external) yang seringkali terasa lambat jika blog kita begitu banyak menggunakan aksesoris. Batasan waktu loading atau waktu pengaksesan suatu blog seringkali saya ukur dengan menggunakan akses internet melalui dial-up modem dengan batas kecepatan di angka 153Kbps, yang artinya dengan kecepatan yang hanya sebesar itu blog saya dapat dibuka atau diakses tidak terlalu lama atau terasa lambat untuk dibuka saat sedang browsing. Tadinya saya mau sediakan satu halaman (page) untuk buku tamu yang diberikan akses untuk komentarnya. ehm … tapi keren juga kalo ada shoutmix, mengingat blog ini tidak akan hidup tanpa kehadiran kawan-kawan blog diluar sana, namun tetap terus mencoba dan mencoba serta menghemat penggunaan aksesoris pada blog dengan alasan tersebut diatas. Sejak dulu aksesoris ini pun menjadi kebutuhan utama di beberapa blog saya yang menggunakan blogspot.

Script Shoutmix yang saya pasang disini saya dapat saat blogwalking (didapat kira-kira beberapa bulan yang lalu namun maaf …. sumber dari script ini sendiri saya sampai tidak tahu dan belum sempat tuk cari tahu karna ada tutorial di beberapa blog yang saya kunjungi tidak memberi link ke sumbernya, mungkin sobat bisa beri tahu dengan memberi komentar untuk postingan ini !).

Berikut ini kode atau script cara buat buku tamu tersembunyi atau float (mengapung, melayang) dengan shoutmix yang saya taruh di blog Wordpress ini pada bagian header.php setelah tag <body>.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(“DISINI LETAK URL SUMBER GAMBAR YANG DIGUNAKAN“) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!– DISINI LETAK KODE ATAU SCRIPT SHOUTMIX !–>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>

</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

top:50px; — disini adalah jarak batas dari atas (top) sebesar 50px (silahkan sesuaikan!).

background:url(“DISINI LETAK URL SUMBER GAMBAR YANG DIGUNAKAN“) —- Silahkan buat gambar sendiri dengan ukuran height:100px width:30px menggunakan photoshop atau software lainnya dan taruh atau upload gambar tersebut hingga mengandung URL dan letakkan disini.

<!– DISINI LETAK KODE ATAU SCRIPT SHOUTMIX !–> —- Hapus bagian ini dan gantikan atau letakkan shoutmix kode disini, silahkan registrasi lebih dahulu untuk memperoleh kodenya di shoutmix.com

kode atau script ini bisa juga diletakkan di Appearance – Widgets – Text pada admin panel wordpress, namun untuk yang berhosting di wordpress.com tidak bisa menggunakan cara ini, cara yang bisa digunakan adalah dengan memposting kode tersebut sebagai postingan baru dan atur tanggal postingannya dengan meletakkan di belakang (mundurkan tanggal posting) agar tidak masuk ke dalam postingan halaman utama (homepage).

Untuk penggunaan blog di blogspot kode diletakkan pada HTML Widget di Setting – Layout

]]> http://www.digituck.com/shoutmix-sebagai-buku-tamu-blog.html/feed 13 Cara Manual installasi wordpress (self host on 000webhost.com) http://www.digituck.com/tutorial-instal-wordpress-dengan-cara-manual.html http://www.digituck.com/tutorial-instal-wordpress-dengan-cara-manual.html#comments Fri, 21 Aug 2009 05:00:13 +0000 digituck http://www.digituck.com/?p=769 Selain cara otomatis dengan menggunakan Fantastico untuk menginstal blog yang menggunakan wordpress, dapat juga dilakukan dengan menggunakan cara manual. Berikut ini adalah langkah-langkahnya :

1. Download file wordpress.

Agar dapat menggunakan wordpress pastinya kita membutuhkan file-file wordpress yang dapat di download di http://wordpress.org/latest.zip dengan versi terakhir yang disediakannya.

2. Buat Database MySQL pada CPanel 000webhost.com

Buatlah sebuah database pada domain yang sebelumnya kita buat pada layanan domain gratis di co.cc. Lihat artikel sebelumnya di http://www.digituck.com/cara-buat-blog-wordpress-dengan-hosting-dan-domain-gratis.html.

nameserver

Pilih picture icon MySQL pada CPanel. Kemudian tentukan Nama Database dan User serta password (lihat contoh dibawah ini!).

Setelah kita membuat Database pada MySQL di CPanel yang disediakan oleh Hosting gratis 000webhost maka kita akan mendapatkan informasi MySQL database yang kita buat. Perhatikan gambar berikut :

3. Ubah file wp-config.php

Extract file-file wordpress yang baru saja kita download pada langkah pertama. File wordpress terletak dalam 1 (satu) folder dengan nama wordpress. Carilah file wp-config-sample.php didalam folder wordpress tersebut kemudian copy paste file wp-config-sample.php (didalam folder wordpress itu juga). Kemudian rename atau ubah nama file tersebut menjadi wp-config.php.

Buka file tersebut dengan menggunakan Notepad++ (bisa didownload disini!) kemudian edit pada bagian :

Menjadi

4. Upload File Wordpress ke hosting.

File wordpress siap untuk di Upload ke dalam hosting. Upload bisa menggunakan fitur File Manager di CPanel yang tersedia di 000webhost dan bisa juga menggunakan software filezilla (download disini!)atau yang sejenisnya.

Untuk informasi mengenai File Upload Detail (FTP host name, FTP user name, FTP password) dapat dilihat pada CPanel View Account Detail.

Selesai … blog wordpress dengan hosting di 000webhost siap dikonfigurasi untuk pertama kalinya. Isilah title blog, email, dsb … dan selamat ber-blogging ria :D

]]> http://www.digituck.com/tutorial-instal-wordpress-dengan-cara-manual.html/feed 1 Hosting gratis di 000webhost dan domain gratis di co.cc http://www.digituck.com/cara-buat-blog-wordpress-dengan-hosting-dan-domain-gratis.html http://www.digituck.com/cara-buat-blog-wordpress-dengan-hosting-dan-domain-gratis.html#comments Tue, 18 Aug 2009 05:18:45 +0000 digituck http://www.digituck.com/?p=753 Tutorial kali ini kita akan membuat blog wordpress dengan menggunakan layanan hosting gratis di 000webhost berikut domain gratis di co.cc. Langkah pertama yang harus dilakukan adalah mendaftarkan domain di co.cc dan tentukanlah sebuah penamaan domain yang nanti akan kita gunakan untuk blog (misal: www.nahinidia.co.cc). Cara mendaftarkannya bisa dilihat di postingan sebelumnya klik disini cara mendaftar di co.cc. Namun perhatikan langkah terakhir pada postingan tersebut, saat mulai men-setup Manage Domain, jangan pilih no.2 Zone Records, pilihlah no.1 Name Server untuk nanti kita gunakan sebagai redirect pada hosting yang akan kita buat di 000webhost.

nameserver

Kemudian ketikkan pada Name Server 1 : ns01.000webhost.com dan Name Server 2 : ns02.000webhost.com.

nameserver

Nah … sampai sini kita sudah berhasil membuat sebuah nama yang disiapkan dalam domain co.cc , sekarang saatnya mendaftar di layanan hosting gratis 000webhost.com (klik disini).

nameserver

I want to host my own domain Pilih dan ketikkan nama domain yang baru saja kita buat di domain co.cc. Isikan Nama dan Email serta password kemudian pilih Create My Account.

Berikut ini adalah gambar CPanel yang tersedia di hosting gratis 000webhost, klik gambar untuk memperbesar!.

nameserver

Langkah selanjutnya untuk mulai menginstall blog wordpress ke dalam layanan hosting gratis 000webhost bisa dilihat disini http://www.digituck.com/tutorial-instal-wordpress-dengan-cara-manual.html
.

]]> http://www.digituck.com/cara-buat-blog-wordpress-dengan-hosting-dan-domain-gratis.html/feed 3 Navigasi Page Number pada wordpress http://www.digituck.com/navigasi-page-number-pada-wordpress.html http://www.digituck.com/navigasi-page-number-pada-wordpress.html#comments Wed, 12 Aug 2009 01:05:11 +0000 digituck http://www.digituck.com/?p=152 Membuat page number untuk sebuah navigasi seolah menjadi keharusan bagi pemilik website. Page number adalah navigator yang sangat familiar dikalangan web log, kegunaannya sangatlah penting bagi mereka yang ingin membuat para pembaca betah berlama-lama di halaman situsnya. Pemetaan yang dilakukan oleh page number ditampilkan dibawah postingan artikel situs berupa nomor yang berurut berdasarkan postingan artikel yang ada hingga mengindexnya lebih rapih dan menjadikan halaman lebih nyaman untuk dikunjungi.

Untuk membuat page number seperti diatas dapat dilakukan dengan menambahkan plugin wp-page-numbers yang dapat didownload di http://downloads.wordpress.org/plugin/wp-page-numbers.0.5.zip, kemudian seperti biasa upload-lah plugin tersebut kedalam wordpress folder anda. …./wp-content/plugin. Aktifkan plugin tersebut kemudian lakukan sedikit perubahan pada index.php yang terdapat pada theme file wordpress anda. Carilah kode berikut ini :

<?php next_posts_link(‘&laquo; Previous Entries’) ?>
<?php previous_posts_link(‘Next Entries &raquo;’) ?>

replace kode tersebut dengan …

<?php if(function_exists(‘wp_page_numbers’)) { wp_page_numbers(); } ?>

Page number telah berhasil menjadi bagian dari navigasi situs anda. Kemudian jika ingin mengganti style dari plugin tersebut, atur dan pilihlah dari menu Settings – Page Numbers sesuai yang diinginkan dari berbagai macam style yang telah tersedia.

]]> http://www.digituck.com/navigasi-page-number-pada-wordpress.html/feed 33 Membuat Artikel terkait berdasarkan Kategori http://www.digituck.com/membuat-artikel-terkait-berdasarkan-kategori.html http://www.digituck.com/membuat-artikel-terkait-berdasarkan-kategori.html#comments Mon, 10 Aug 2009 01:53:46 +0000 digituck http://www.digituck.com/?p=145 Menampilkan artikel terkait pada setiap postingan adalah suatu keharusan agar blog milik kita menjadi lebih friendly dan memudahkan para pembacanya. Artikel terkait sangatlah penting agar pembaca bisa “berlama-lama ria” nongkrong di website kita. Dalam tutorial kali ini mengenai pembelajaran menggunakan wordpress saya ingin berbagi pengalaman dalam hal membuat artikel terkait di Wordpress.

Pertama yang harus dilakukan adalah mengunduh plugin di http://downloads.wordpress.org/plugin/related-posts-by-category.zip, kemudian upload plugin tersebut (related-posts-by-category) ke dalam wordpress folder anda ../wp-content/plugins/. Setelah Plugin selesai diupload kemudian aktifkan plugin tersebut dan masuk ke menu editor dalam dashboard admin wordpress Appearance – Editor, lalu pilihlah single.php untuk melakukan penambahan kode program.

Copy Paste kode program berikut ini, gunakanlah<div> agar ter-blok dengan rapih.

<?php
related_posts_by_category(
array(
'orderby' => 'post_date',
'order' => 'DESC',
'limit' => 5,
'echo' => true,
'before' => '<li>',
'inside' => '&raquo; ',
'outside' => '',
'after' => '</li>',
'rel' => 'nofollow',
'type' => 'post',
'message' => 'no matches'
)
);
?>
]]> http://www.digituck.com/membuat-artikel-terkait-berdasarkan-kategori.html/feed 20 Memaksimalkan SEO melalui struktur permalink http://www.digituck.com/memaksimalkan-seo-melalui-struktur-permalink.html http://www.digituck.com/memaksimalkan-seo-melalui-struktur-permalink.html#comments Fri, 07 Aug 2009 14:31:45 +0000 digituck http://www.digituck.com/?p=127 Seperti apakah struktur permalink yang bagus untuk digunakan pada web anda ? Dari sekian banyak yang saya jelajahi melalui pencarian cara penggunaan struktur permalink yang baik, akhirnya saya dapat menyimpulkan bahwa struktur permalink yang baik adalah seperti terlihat dibawah ini :

http://www.websiteku.com/contoh.html

Struktur permalink diatas sangatlah familiar hingga memudahkan mesin pencari untuk mengindeksnya dan direkomendasikan oleh banyak blog master. Saran dari penggunaan struktur permalink seperti itu kebanyakan berasal dari web yang lumayan memiliki traffic tinggi yang dalam beberapa tutorial SEO-nya mereka sangat menyarankan penggunaan permalink tersebut.

Bagaimanakah cara mengubah struktur tersebut jika web anda menggunakan wordpress ? Berikut ini adalah tutorial untuk mengubah struktur permalink pada wordpress.

  • Login terlebih dahulu ke dalam Dashboard admin wordpress.
  • Kemudian pilih Setting.
  • Pilih Permalink.
  • Didalamnya terdapat Common Settings sebagai pilihan untuk menentukan struktur permalink, dalam hal ini pilihlah Custom Structure.
  • Ubahlah kotak teks isian dari Custom Structure menjadi
    %postname%.html

Perhatikan gambar berikut ini :

Selamat mencoba! :-)

]]> http://www.digituck.com/memaksimalkan-seo-melalui-struktur-permalink.html/feed 17