Digituck - Coretan Digit » Blogging http://www.digituck.com Belajar Information Technology Mon, 10 May 2010 10:17:08 +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

Untuk contoh postingan yang sudah ditambahkan file media mp3 bisa lihat disini Embed mp3 file pada wordpress

]]> http://www.digituck.com/menambahkan-dan-memutar-mp3-pada-postingan-wordpress.html/feed 42 You are nice Blogger, my friend ! http://www.digituck.com/you-are-nice-blogger-my-friend.html http://www.digituck.com/you-are-nice-blogger-my-friend.html#comments Thu, 29 Apr 2010 16:15:35 +0000 digituck http://www.digituck.com/?p=1120 Lagi asyik dengan hidangan segelas kopi ditengah malam yang sunyi, tiba-tiba digituck diberi kejutan sama Mr. Red, “alow digituck.. ada award dari gue yah silahkan diterima“. Ternyata blog ini jadi kategori teman terbaik buat si empunya Blog Rahasia Otak, pastinya juga blog Mr. Red adalah teman terbaik buat digituck. Ini dia Award buat digituck dari teman terbaiknya ….!!!

Be Nice Blogger …

Oh iya, … Digituck punya halaman di facebook, namanya BLOGGATHER, buat kawand yang belum bergabung di Bloggather dan mau ikutan nongkrong di sana, silahkan klik tautan ini BLOGGATHER | WALL.

& Be Nice Friend.

Salam, …

]]> http://www.digituck.com/you-are-nice-blogger-my-friend.html/feed 26 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 Ketika Blog jarang ter-update …. http://www.digituck.com/ketika-blog-jarang-ter-update.html http://www.digituck.com/ketika-blog-jarang-ter-update.html#comments Sun, 20 Dec 2009 06:44:35 +0000 digituck http://www.digituck.com/?p=610 bloggatherSaat kita memulai blog tentunya semangat untuk berlatih menjadi penulis serta semangat menuangkan kreatifitas ke dalam sebuah artikel blog seakan menjadi menggebu-gebu. Artikel di Blog pun secara konsisten semakin menarik dibaca oleh para pembaca setia Blog, begitu juga tampilan-tampilan blog yang kita hiasi dengan beribu aksesoris semakin sedap dipandang mata. Namun, ketika datang kesibukkan … yang datangnya dari berbagai hal dalam dunia nyata seperti sibuk dengan kerjaan kantornya, sibuk dengan perkuliahannya, atau sekalipun sibuk dengan kekasih barunya … ;) maka blog seakan lepas kontrol dan jadi jarang ter-update dengan postingan baru yang mengisinya, juga semakin jarang curahan uneg-uneg kreatifitas kita mengisi kembali pada tiap-tiap artikel blog milik kita. Hal yang menyebabkan kesibukan di dunia nyata tersebut adalah lumrah dan pasti terjadi pada setiap insan manusia. Namun demikian, apakah blog akan kita tinggalkan … ? Padahal banyak sekali manfaat yang akan kita dapatkan melalui sebuah blog, dari mulai berlatih menulis, menuangkan ide melalui artikel blog, bersosialisasi secara online hingga menghasilkan duit online melalui berbagai layanan yang banyak tersedia di jagat alam web logs ini.

Jawaban untuk pertanyaan, “Apakah blog akan kita tinggalkan .. ?” bisa jadi timbul jawaban yang beragam bahkan menjadi jawaban yang terurut yang pernah kita gali dalam menuai pengalaman hingga berpetualang di dunia Blogging.

      Awal langkah saat memulai Blog

    Biasanya saat awal memulai blog kita disibukkan dengan masalah-masalah teknis yang berkaitan dengan membangun atau membuat sebuah blog, dari mulai berkenalan apa seh blog itu, dilayanan weblog yang mana ya …! blog ini akan dibuat dan bagaimana seh cara buatnya hingga perlahan kita tertantang mempelajari kode-kode html, mengedit theme blog, menambah aksesoris blog, bersosialisasi didalam blog, dsb. Hal ini tidak bisa dipungkiri jika pada akhirnya kita bisa menemukan kejenuhan terutama bagi seseorang yang memang selalu ingin mencoba sesuatu yang baru, juga ingin memiliki lebih dari satu blog dengan konten yang berbeda, maka timbullah ide untuk membuat blog lagi dan mengisi artikel berbeda dengan blog awalnya tersebut. Dengan keadaan seperti itu, bisa jadi blog baru semakin ter-update dan blog lamanya perlahan ditinggalkan. Berbagai strategi pun muncul untuk disertakan di blog barunya dan mulai berfikir agar blog barunya dapat menghasilkan berbagai manfaat dari hasil kreatiifitasnya (bisa jadi blog barunya disediakan untuk berbisnis online dengan konten yang niche).

      Ide muncul kemudian lahirlah Blog baru

    Layanan Blog banyak sekali tersedia di jagat alam weblog ini, seperti misalnya blog yang dibuat dengan menggunakan blogspot, wordpress, multiply, dan masih banyak lagi yang menyediakan layanan blog lainnya. Strategi yang berkonten niche dengan bisnis online diblog barunya semakin terlihat hasil yang nyata dengan timbulnya pendapatan dari duit online yang didapatnya. Dengan kondisi seperti ini, blog semakin menjadi kebutuhan utamanya namun bisa juga ditinggalkan karna memang strategi yang dijalankan dalm berbisnis online menemui jalan buntu. Melihat hal tersebut kita tidak perlu khawatir karna semuanya adalah pengalaman yang berarti dalam hidup kita, teruslah mencoba kawan dan ingat ..! di dunia online ini (khususnya) masih banyak beribu-ribu kesempatan yang bisa kita raih.

      Blog itu gratis lho …!

    Ya, … dengan menanamkan kata kunci “Blog itu gratis lho …!” pada diri kita, maka semakin tertantang bagi mereka yang ingin mencoba lebih dan bahkan lebih untuk membuat lebih dari satu, dua, tiga, bahkan tidak jarang juga yang memiliki hingga puluhan blog. Ehm … gimana ya jika punya puluhan blog ? Pastinya punya extra dan manajemen waktu yang sangat baik.

      Akhir pilihan untuk fokus pada satu Blog

    Sobat blog semua …! waktu yang dimiliki oleh setiap orang sangat berbeda-beda yang bisa terlihat melalui aktifitasnya sehari-hari. Tidak sedikit pula para blogger yang memilih untuk fokus pada satu blog yang sangat ia idamkan. Memilih untuk fokus di satu blog bisa mengakibatkan blog yang telah ia buat sebelumnya jadi tidak ter-update bahkan ada juga yang benar-benar ditinggalkannya.

Itulah beberapa jawaban yang secara kebetulah pernah digituck alami sendiri, namun semangat buat melepas uneg-uneg di blog tetap ada hingga waktu yang lama dan yang akan datang. Semangat untuk berkreatifitas akan tetap digali dan terus mencoba belajar hingga menemui banyak pengalaman. So, …! Sobat Blog … keep it simple, slow but sure … it’s Ok lagh … ;)

]]> http://www.digituck.com/ketika-blog-jarang-ter-update.html/feed 33 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