Membuat Widget Melayang di Wordpress.com

Widget melayang (Floating Widget) mungkin dapat Sobat gunakan untuk mempercantik tampilan blog, cara memasangnya mudah saja, namun tidak semua widget dapat di pasang menggunakan trik ini.

Langsung saja Sob, berikut caranya :

• Login ke Wordpess Anda, Klik Appearance > Widgets.
  
• Pilih Widget Text, Drag ke Sidebar
  
• Lalu letakkan kode berikut ;
  <div style='display:scroll;position:fixed;top:5px;right:5px;'>

  Kode Widget

  </div>
  Sebagai contoh saya gunakan kode pagerank
  <div style='display:scroll;position:fixed;top:5px;right:5px;'>

  <a href="http://www.getrank.org" target="_blank"><img title="Pagerank" src="http://www.getrank.org/prbutton/pagerank-display.php?s=17" alt="PageRank Checker" border="0px" /></a>

  </div>
  Keterangan :
  top:5px;right:5px; : kode yang berwarna merah merupakan posisi widget yang akan Anda pasang, seperti contoh diatas. top right menunjukkan posisinya di atas bagian kanan dengan jarak 5 pixel dari pinggir layar monitor Anda. Bila ingin merubah posisinya di atas kiri, maka codenya menjadi ; top:5px;left:5px  posisi bawah kiri : bottom:5px;left:5px dan posisi dibawah kanan ganti codenya dengan bottom:5px;right:5px
• Terakhir klik Save.
  

Selamat mencoba dan semoga berhasil...

Read More

Memberi Tag dan Kategori Postingan di Wordpress

Memberi Tag dan Kategori Postingan di Wordpress

Tutorial kali ini tentang memasang / memberi Tag dan Kategori pada postingan di wordpress. Berikut caranya :

• Login ke WordPress anda.
• Pada Dashboard klik menu Post > Add New.
  
• Lalu Check List kategorinya sesuai dengan isi postingan anda.
  
• Tulis Tag yang ingin Anda berikan pada kolom tag, dan klik Add.
  
• Setelah selesai membuat postingan klik Publish.

Read More

Memasang Jam di Wordpress

Untuk memasang widget jam di wordpress.com caranya sama dengan Memasang Jam di Blogspot, namun ada kode yang harus Sobat rubah, Berikut tutorialnya :

• Kunjungi www.clocklink.com
• Lalu klik pada menu Gallery (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh pilih kategori Digital.
• Kemudian klik View HTML Tag.
• Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih Accept.
• Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog. Kemudian Copy kode HTML yang di bagian bawah.
  
  Contoh Kode:
  
  <embed src="http://www.clocklink.com/clocks/5005-blue.swf?TimeZone=JOG&"  width="240" height="80" wmode="transparent" type="application/x-shockwave-flash">
• Hapus bagian "<embed" dan penutup ">" dan ganti dengan "[gigya" dan "]". Agar widget menjadi rata tengah tambahkan "center" sehingga kodenya akan menjadi seperti ini:
  
  <div style="text-align:center;">[gigya src="http://www.clocklink.com/clocks/5005-blue.swf?TimeZone=JOG&"  width="240" height="80" wmode="transparent" type="application/x-shockwave-flash"]</div>
• Kemudian pasang pada widget "Teks" blog Sobat, Jika belum bisa cara memasang widget di wordpress.com silakan baca Memasang Widget di Wordpress.com, Selesai...

Sekian tutorial tentang Memasang Jam di Wordpress.

Read More

Membuat Daftar Isi di Wordpress

Untuk memudahkan pengunjung melihat semua isi Blog Anda, ada baiknya Anda membuat halaman yang berisi Daftar Isi. Pada postingan ini saya akan berbagi cara membuat Daftar isi pada Blog berplatform Wordpress.

Berikut Cara membuat halaman daftar isi:

1. Masuk / Login ke dashboard admin wordpress Anda
   
2. Lihat menu disebelah kiri, pilih menu Pages lalu klik Add New.
   
3. Beri judul misal: Daftar Isi, Daftar Artikel, Isi Blog, dll.
   
4. Copy code berikut, pilih HTML lalu paste di form pages Anda.
   Catatan : gunakan salah satu saja.
   
   Menampilkan arsip 12 judul terakhir dengan menampilkan jumlah arsip:
   [archives limit=12 showcount=true]
   Menampilkan arsip 18 judul terakhir:
   [archives limit=18]
   Menampilkan arsip 32 posting terakhir:
   [archives limit=32]
   Menampilkan arsip 12 bulan terakhir dalam bentuk menudropdown disertai tampilan jumlah arsip:
   [archives format=option limit=12 showcount=true]
   Menampilkan arsip 17 minggu disertai tampilan sebelum dan sesudah text:
   [archives limit=17 before=' lama ' after=' baru ']
   
   
5. Selesai! sekarang klik Draft untuk menyimpannya atau klik Preview untuk melihat hasil sementaranya atau langsung klik Publish untuk menerbitkannya di blog Anda.
   
   ok..selamat mencoba...

Read More

Membuat Blog di Wordpress.com

Kemaren saya posting tentang Membuat Blog berplatform Blogspot, jadi untuk kali ini tentang Membuat blog di Wordpress.com.
Karena saya masih baru didunia blog, jadi tulisan ini hanyalah cara membuat blog seperti yang saya tahu, bila ada yang kurang, tolong kasih masukan.

Berikut Langkah-langkahnya :

• Pertama masuk ke layanan blog gratis wordpress dengan alamat http://wordpress.com, Anda akan di bawa ke halaman seperti ini
  
• Tampilan defaultnya dalam bahasa inggris, untuk memudahkan dalam mendaftar dan mengatur blog pada wordpress kita bisa merubah bahasanya ke dalam bahasa indonesia, caranya cari tulisan Language : kemudian pilih bahasa Indonesia
  
  Jika sudah dalam bahasa indonesia, sekarang klik menu Daftar Sekarang.
  
• Pada halaman formulir isi sesuai dengan keinginan Anda, data di halaman formulir ini nanti berguna untuk mengakses blog wordpress Anda.
  Masukan nama pengguna, yang mudah Anda ingat, begitu juga dengan kata kunci, buatlah yang mudah diingat dan tidak mudah ditebak oleh orang lain demi keamanan blog, lalu masukan alamat email, dan klik Sign Up.
  contoh untuk pengisian seperti di bawah ini:
  
• jika muncul seperti gambar seperti ini,
  
  Berarti untuk nama domain “example” dan nama pengguna “andi” telah dipakai orang, maka langkah selanjutnya ganti kedua nama tersebut dengan nama yang lain, sebagai contoh nama domain saya ganti dengan “examplebloger ” dan nama pengguna “andiya”.
  
  Perhatikan kolom pertama yaitu alamat blog, pada tingkat ini masih bisa dirubah, tapi setelah proses Signup nanti sudah tidak bisa di rubah lagi, jika ingin merubah rubahlah sekarang, karena nanti sudah tidak bisa di rubah lagi. kecuali jika Anda mau registrasi lagi dari awal, baru bisa membuat alamat yang berbeda. untuk judul blog masih di bisa dirubah nanti pada menu setting,untuk bahasa biarkan saja, karena kita memang memilih bahasa indonesia, kemudian klik menu Signup,
  
  Selanjutnya Anda akan menjumpai halaman seperti ini
  
  Disitu telah dituliskan bahwa sebuah email dikirim ke "just4fun@yahoo.com" untuk mengaktifkan akun Anda. Email ini akan sampai paling lambat 30 menit. Jika Anda tidak mengaktifkan account Anda dalam 2 hari, maka Anda harus mendaftar lagi.
• Silakan Anda isi identitas yang diminta pada kolom yang tersedia.
  sebagai contoh isinya seperti ini:
  
  Kemudian klik menu save profile.
• Sekarang coba cek email Anda, buka kotak masuk dan klik link yang disediakan oleh wordpress.com di pesan tersebut., Anda akan di bawa ke halaman seperti di bawah ini.
  
  Halaman di atas menunjukkan bahwa account Anda telah aktif, dan dibawahnya terdapat username dan pasword yang dapat Anda gunakan untuk mengakses account Wordpress Anda.
  Sekarang Anda telah selesai membuat blog, tinggal mengisi artikel saja.
• Untuk melihat tampilan blog Anda, klik menu view your site.
  

Selesai 'N Happy Blogging !!!

Read More

Memasang Foto Slide Pada Blog

Kemarin menone sempat berkunjung ke blog temen dan ta liatin koq ada yang beda tampilan pada sidebarnya yaitu sebuah tampilan foto slide, setelah ta amati menarik juga perlu dicari tahu nich gmn bikinnya……naaahhh setelah utak-atik yang lumayan ruwet, maklum sich menone kan masih bodho alias goblok gitu hehehehehe………. AKhirnya tahu juga caranya
naaaahhhh biar temen-temen ga ngalami hal kayak menone, maka dengan ini saya sajikan hidangan tutorial ini sebagai petunjuk, sumonggo:
1. Masuk ke http://www.rockyou.com ato bisa langsung klik disini aja
2.Daftar ato registrasi dulu ( ikuti semua persyaratan )
3. Uppload foto kamu bisa lewat file computer, facebook,friendster…..dll
4. Tampilan slide bisa kamu atur sesuai selera…oke
5. Setelah selesai membuat slide show dan udah mantap dengan tampilannya sekarang kamu tekan SAVE maka akan muncul halaman kayak gambar dibawah ini:

6. Ada dua cara untuk menampilkan hasil kreasimu tadi;

• Pertama adalah Automatically Post To Your Profil yaitu kamu masukan saja alamat Blog serta Passwordnya ( blog kamu) -> klik Post maka hasilnya nanti secara otomatis akan dimasukan ke postingan kamu (catatan: setelah proses pengiriman gambar selesai/succes lihat Blog kamu maka akan muncul slide foto buatanmu tadi)
• Kedua adalah kamu tinggal copy kode html diatas tampak pada tulisan yang diwilayah warna kuning -> login ke blog kamu (misal: wordpress) -> klik add new ato edit pada dasbor post atau page -> paste kan code html yang tadi kamu copy ->klik publish ato update -> klik visit site buat melihat hasilnya…….

7. Udah bozz selesai………..selamat mencoba onggkee

Read More

cara membuat background warna pada postingan

Doooooooooorrrrrrrrrr……………………..aaaaaaaahhhhhhh….. nah ketemu lagi ma menone langsung ditembak udah lama ga nulis tutorial seputar wordpress kali ini menone nyoba bikin tutorial gimana sich buat warna background pada teks postingan biar terlihat lebih berfariasi jadinya enak dilihat ga monoton gitu-gitu aza, ya ga sob? mungkin buat master-master yang terbiasa belajar kode HTML udah ga asing lagi bikin background ini, tapi tolong sabar ya soalnya tutorial ini buat temen-temen kita yang belum ngerti, ternyata emang banyak sohib-sohib kita yang masih bingung gimana cara bikinnya, ya udah langsung aza kita mulai belajarnya…..
1. Pertama LOGIN dulu ke blog kamu
2. Copas alias copy paste az kode dibawah ini:
<div style=”background: #FF00FF; padding: 5px 8px;”>TEKS KAMU </div>
keterangan:

• bagian huruf tebal adalah posisi teks kamu
• bagian yang dicoret ganti dengan kode warna sesuai dengan selera kamu, contoh:

Darkgray (#A9A9A9)
Darkgreen (#006400)
Darkkhaki (#606766)
Darkmagenta (#860086)
Darkolivegreen (#55662F)
Darkorange (#FF8C00)
Darkorchid (#9932CC)
Darkred (#860000)
Darksalmon (#E9967A)
Darkslateblue (#483086)
Darkslategray (#2F4F4F)
Darkturquoise (#00CED1)
Darkviolet (#940003)
Deeppink (#FF1493)
Deepskyblue (#00BFFF)
Dimgray (#696969)
Dodgerblue (#1E90FF)
Firebrick (#622222)
ingat saat copy paste posisi jangan visual tapi html……….. okey selamat mencoba,semoga bermanfaat

Read More

efek salju pada blog

Kali ini kita akan mempercantik blog kita dengan efek salju dalam artian tiap kali mouse digerakkan akan muncul efek salju, menone juga telah nyiapain beberapa pilihan warna sesuai dengan selera ente-ente hehehehehehe……….
ikuti langkah-langkah berikut ini:
1. Login ke blogger klik Layout/ tata letak———> edit HTML
2. Cari kode <Body> naah kalau udah ketemu copy paste kode/script efek salju dibawahnya………
Dibawah ini adalah beberapa pilihan warna efek salju, ingat copy paste salah satu aja ya jangan semua malah ga bisa bro…….

Merah

<script src='http://agungosx.googlepages.com/saljumerah.js' type='text/javascript'></script>

Kuning

<script src='http://agungosx.googlepages.com/saljukuning.js' type='text/javascript'></script>

Hijau Muda

<script src=’http://agungosx.googlepages.com/greensalju.js&#8217; type=’text/javascript’></script>

Hijau Tua

<script src=’http://agungosx.googlepages.com/saljuijotua.js&#8217; type=’text/javascript’></script>

Merah Muda/Pink

<script src=’http://agungosx.googlepages.com/pinksalju.js&#8217; type=’text/javascript’></script>

Ungu

<script src=’http://agungosx.googlepages.com/saljuungu.js&#8217; type=’text/javascript’></script>

Biru Muda

<script src=’http://agungosx.googlepages.com/saljubirumuda.js&#8217; type=’text/javascript’></script>

Biru Tua

<script src=’http://agungosx.googlepages.com/saljubiru.js&#8217; type=’text/javascript’></script>

Coklat

<script src=’http://agungosx.googlepages.com/saljucoklat.js&#8217; type=’text/javascript’></script>

Orange

<script src=’http://agungosx.googlepages.com/saljuorange.js&#8217; type=’text/javascript’></script>

Hitam

<script src=’http://agungosx.googlepages.com/saljuhitam.js&#8217; type=’text/javascript’></script>

Absolutely Putih

<script src=’http://agungosx.googlepages.com/saljuputih.js&#8217; type=’text/javascript’></script>

3. jangan lupa klik simpan dan monggo dilihat hasilnya………cayooo

Read More

mengatur tata letak gambar dan tulisan

Okey kali ini kita akan membahas gimana sich cara mengatur tata letak gambar dengan teks tulisan biar bisa sejajar dalam arti kalau kita memasang gambar biasanya sebelah gambar yang kosong tidak bisa kita isi teks jadi keliatan bolong momplong ya ga ………hehehehehehe
disini menone punya sedikit jurus yang lumayan jitu dan juga caranya ga ribet-ribet bangat koq……
1. Langkah awal kita uppload gambar dulu
2. Lalu pindah dari visual ke html
3. maka akan tampak format html dari gambar tersebut, salah satu contoh gamabr dan format html-nya adalah sebagai berikut:

• gambar

• format HTMLnya

<a href=”http://menone.files.wordpress.com/2010/07/waow.jpg”><img class=”alignnone size-medium wp-image-889″ title=”WAOW” src=”http://menone.files.wordpress.com/2010/07/waow.jpg?w=300&#8243; alt=”” width=”300″ height=”225″ /></a>
4. pada bagian teks HTML yang tebal ganti saja dengan:

• alignleft : gambar akan disebelah kiri dan teks akan ada disebelah kanan gambar
  

• alignright : gambar akan disebelah kanan dan teks akan ada disebelah kiri gambar

Kalau kurang jelas menone akan kasih contoh gambar dan teks yang sejajar monggo diperhatikan :

• ini contoh yang diganti dengan Alignleft

sekarang kamu bisa lihat kan gimana gambar dan teks bisa sejajar sehingga ga ada lagi ruang kosong sehingga postingan kita akan tampak rapet madep mantep kayak mau nyari jodoh hahahahaha……..
.
.
Gimana udah jelas kan………..Kalau belom silakan hubungi Dokter terdekat

Read More

menghilangkan snap shot

Doooooooooorrrrrrrrrrrrrr…………kaget kan
Menone tahu napa u klik link ini pasti lagi jengkel ya ma pacar upsss,,,,,,, maksud q ma snap shot preview yang kayaknya selalu mengganggu perjalanan mouse kita hehehehehehehehehe………. ternyata setelah diulet-ulet menone tahu cara ngatasinnya………mau tahu juga???????….ongke siap-siap sob:
1.Login dulu ya
2. pilih dasborku
3. tampilan-> klik ekstra
4. hilangkan tanda centang pada Enable mShots site previews on this blog
5. udah sob selesai daahhhhh……oh ya coba liat hasilnya gmn? top cerrr nkan

Read More

yahoo messenger

Well…, buat teman-teman yang belum tahu pasang YM di sidebar WordPress gruatisan keq punyamenone nich  saya punya scriptnya dibawah dan anda tinggal kopi paste aja dan taruh di sidebar. Ups… ganti dulu nyang diwarna dengan punya anda yah… Keterangannyah :
nyang menone ganti: id yahoo anda
nyang angka ganti: tampilan YM-nyah
<a href=”http://edit.yahoo.com/config/send_webmesg?.target=menone&amp;.src=pg”><img border=”0″ src=”http://opi.yahoo.com/online?u=menone&amp;m=g&amp;t=3&amp;l=us”></a>
Kopi kode diatas dan taruh di sidebar blog anda, ntar hasilnya keq dibawah ini…
1 = 
2 = 
3 = 
4 = 
5 = 
6 = 
7 = 
8 = 
9 = 
10 = 
Selamat mencoblos ups mencobaaahhh…

Read More