Showing posts with label tutorial wordpress. Show all posts
Showing posts with label tutorial wordpress. Show all posts

Wednesday, July 27, 2011

Membuat Huruf berkedip-kedip di Wordpress

Disini Saya akan berbagi seputar trick WordPress.com terbaru. Dan trick tersebut adalah membuat efek huruf blink.

Sebelumnya Saya ingin berucap salam kepada pembaca setia . Semoga Anda tidak bosan-bosannya berkunjung dan menyebarkan artikel kepada sesama rekan yang membutuhkannya. Untuk para rekan-rekan yang telah berkomentar dan belum terbalas oleh Saya, mohon maaf yang sebesar-besarnya. Saya akan berusaha untuk membalas dengan kemampuan Saya yang terbatas :lol: .

Kembali ke benang merah :mrgreen: , mungkin banyak rekan-rekan beranggapan kalau trick ini mustahil diterapkan di WordPress.com dan hanya berlaku di Blogspot. Namun sepertinya dengan sedikit usaha pasti ada solusinya. Dan ternyata benar efek ini bisa untuk pengguna WordPress.com tercinta. Sebagai bukti lihat contoh dibawah:

Selamat Datang

Gimana? Cukup menarik bukan? Ikuti caranya sebagai berikut:

  1. Login ke Admin WordPress anda.
  2. Pada sisi kiri halaman klik menu [Post] > [Add New].
  3. Dan akan tampil halaman ‘Add New Post’.
  4. Copy dan paste kode dibawah ini pada mode [HTML].
<a style="color: #FF0000; font-size: 22px; text-decoration: blink;">Tulisan Anda…</a>

Parameter:
color: ganti dengan kode warna lain.
font-size: rubah nilai ukuran huruf.

5. Setelah selesai, klik tombol [Save Draft] bila anda ingin menyimpannya dulu atau klik tombol [Publish] bila anda ingin menampilkannya pada halaman blog anda.

6. Andapun bisa memasang trick ini di sidebar atau widget text.. Selamat mencoba!

Sunday, April 10, 2011

Mengedit Gambar Yang Telah Disimpan di Blog Wordpress

Semua gambar yang telah di upload ke WordPress dapat kita edit sesuai keinginan anda. Semisal bila anda ingin mengganti judul gambar dan diskripsi gambar yang telah anda upload dahulu, dikarenakan ada kesalahan atau kekurangan dalam proses upload dahulu.

Berikut langkah mengedit suatu gambar yang telah di upload:

  1. Login ke Admin WordPress anda.
  2. Pada sisi kiri halaman klik menu [Media] > [Library].
  3. Pada halaman ‘Media Library’ pilih link [Edit].
  4. Kemudian muncul halaman ‘Edit Media’, lakukan pengeditan sesuai keinginan anda.
  5. Bila anda sudah melakukan pengeditan pada gambar, klik [Update Media] untuk menyimpan perubahan.
  6. Semoga bermanfaat untuk sobat wordpress...ditunggu komentarnya.

Membuat Halaman Baru (Page) di wordpress

Pembuatan halaman baru pada blog umumnya digunakan untuk manampilkan informasi-informasi singkat seperti profil penulis, about, buku tamu dan informasi lain yang ingin ditampilkan dalam waktu yang lama dan bersifat permanen. Untuk membuat halaman pada WordPress berikut langkah-langkahnya:

  1. Login ke Admin WordPress anda.
  2. Pada sisi kiri halaman klik menu [Pages] > [Add New].

  3. Dan akan tampil halaman ‘Add New Page’.
  4. Silahkan mulai menulis pada mode [Visual].
  5. Beri judul halaman anda.
  6. Dan silahkan menulis di kolom yang sudah disediakan dibawahnya.
  7. Setelah selesai, klik tombol [Save Draft] bila anda ingin menyimpannya dulu atau klik tombol [Publish] bila anda ingin menampilkannya pada halaman blog anda.
  8. Mudah-mudahan bermanfaat untuk sobat wordpress

Wednesday, April 6, 2011

Cara Membuat Halaman Blog Tanpa Sidebar Di WordPress

OK kali ini kita akan bahas bagaimana Cara Membuat Halaman (Pages) tanpa sidebar berguna untuk menginformasikan secara khusus dan terpoin pada satu topik tanpa ada gangguan materi yang tampil disidebar (semisal:widget dan aksesoris). Sehingga pembaca hanya fokus tentang isi materi di halaman itu. Fungsi lainnya bisa digunakan hanya untuk membuat blog tampil beda saja atau sebagai pemanis agar blog tidak monoton serta lebih bervariasi.

Tampilan halaman tanpa sidebar dapat Anda lihat disini. Silahakn Anda lihat terlebih dahulu sebelum berminat untuk mencoba membuatnya. Jika berminat, silahkan baca caranya dibawah:

  1. Login ke Admin WordPress anda.
  2. Pada sisi kiri halaman klik menu [Pages] > [Add New].

  3. Dan akan tampil halaman ‘Add New Page’.
  4. Silahkan mulai menulis pada mode [Visual].
  5. Beri judul halaman anda.
  6. Dan silahkan menulis di kolom yang sudah disediakan dibawahnya.
  7. Selanjutnya pada kolom Page Attributes, pilihlah [Full-width, no sidebar].
  8. Setelah selesai, klik tombol [Save Draft] bila anda ingin menyimpannya dulu atau klik tombol [Publish] bila anda ingin menampilkannya pada halaman blog anda.
Mudah-mudahan bermanfaat untuk sobat wordpress...jangan lupa commen ya...

Tuesday, April 5, 2011

Merubah tampilan jenis huruf di WordPress

Merubah tampilan jenis huruf di WordPress.com pernah saya bahas dalam artikel sebelumnya dengan menggunakan pihak ke tiga (TypeKit Fonts). Dan Saya yakin setelah Anda mencobanya dengan cara mulai dari mendaftar hingga sampai memasukan Typekit ID pasti banyak yang mengalami kegagalan. Dimana tampilan huruf setelah Anda setting tetap tidak mau berubah. Wajar saja hal itu sering gagal karena mengingat Typekit Fonts masih dalam versi beta alias uji coba.


Sekarang ada cara praktis dan mudah untuk merubah tampilan huruf di blog anda menjadi gaul dan keren habis. Cara merubah style font ini hanya berlaku pada area posting dan sidebar (widgets text).

Caranya sebagai berikut:

  1. Login ke admin WordPress.com Anda.
  2. Silahkan buat tulisan baru atau halaman baru.
  3. Kemudian pada area penulisan klik mode [HTML].
  4. Masukkan atau copy kode dibawah ini dan pastekan pada mode [HTML].

    <span >Tulisan Anda... </span>

  5. Silahkan pilih kode huruf pada tabel dibawah sesuai berdasarkan style fonts pilihan Anda.
    contoh:

    Jika Anda suka jenis huruf Algerian, maka kodenya akan seperti dibawah.
    <span >Tulisan Anda...</span>

  6. Setelah selesai, klik tombol [Save Draft] bila anda ingin menyimpannya dulu atau klik tombol [Publish] bila anda ingin menampilkannya pada halaman blog anda.
Jenis Huruf
Kode Huruf
Agency FB Agency FB
Algerian Algerian
Arial Arial
Baskerville Old Face Baskerville Old Face
Bauhaus 93 Bauhaus 93
Bernard MT Condensed Bernard MT Condensed
Blackadder ITC Blackadder ITC
Book Antiqua Book Antiqua
Bradly Hand ITC Bradley Hand ITC
Broadway Broadway
Castellar Castellar
Chiller Chiller
Comic Sans MS Comic Sans MS
Copperplate Gothic Copperplate Gothic Bold
Curlz MT Curlz MT
Edwardian Script ITC Edwardian Script ITC
Franch Script MT French Script MT
Harlow Solid Italic Harlow Solid Italic
Lucida Handwriting Lucida Handwriting
Magneto Magneto
Jockerman Jokerman
Old English Text MT Old English Text MT
Onyx Onyx

Sebagai catatan, menggunakan trik ini efek huruf akan terlihat jika di komputer Anda juga telah tersedia atau terinstall jenis huruf seperti yang tertera diatas. Atau setidaknya di komputer Anda telah terinstall Microsoft Office 2007 keatas.

Jika belum, maka tampilan huruf akan tetap seperti bawaan tema.

Wallpaper Dari WordPress Untuk Anda

Tumben-tumbennya WordPress memberikan hadiah cuma-cuma berupa 1 (satu) buah wallpaper bagi siapa saja yang ingin memilikinya. Siapa sih yang tidak mau hadiah gratis? Walaupun cuma selembar wallpaper tapi tidak apalah, sekedar mempercantik layar monitor ataupun smartphone sembari pura-pura kita senang atas hadiah itu

Wallpaper yang diberikan WordPress lumayan cantik dan berbau seni. Lihat gambar dibawah:












Bagi yang berminat langsung saja ambil gambarnya:
  1. Large (2560×1440) ;
  2. Small (1280×720) ;
  3. For Smartphones (640×960) ; Dan
  4. For Tablets (1024×1024).

Sunday, April 3, 2011

Pasang Musik MP3 Sebagai Backsound Blog Di WordPress.com

Cara memasang musik MP3 atau memberikan backsound musik di blog WordPress.com semudah memakai Blogspot. Dengan memakai jasa Videokeman judul musik MP3 apa saja dapat Kita pasang di blog WordPress walaupun filenya berformat “.swf“. Di Videokeman sendiri menyediakan ratusan jenis judul lagu mulai dari lagu Barat sampai dengan lagu Indonesia. Dengan kapasitas file yang relatif kecil, Videokeman tidak terlalu memberatkan blog saat di akses. Dan loading juga relatif cepat, sehingga musik tidak putus-putus saat diputar.

Sebelum Anda memasang di blog, ada beberapa syarat yang wajib Anda miliki:

  1. Speaker dan soundcard laptop atau komputer Anda masih berfungsi dengan baik.
  2. Besarkan volume speaker di laptop atau komputer sehingga bisa terdengar di telinga Anda.

Setelah syarat diatas sudah Anda penuhi, kini saatnya proses cara memasang di blog WordPress.com Anda:

  1. Silahkan login ke akun WordPress.com Anda.
  2. Kemudian pergi ke http://videokeman.com/
  3. Pada halaman utama Videokeman, cari lagu yang ingin Anda pasang di blog.

    Pasang Musik MP3 Di WordPress.com 1

    Sebagai contoh, Saya memilih lugu “Fucking Perfect – Pink“.

  4. Kemudian pada kolom [Rock ‘n Share!], klik icon WordPress.

    Pasang Musik MP3 Di WordPress.com 2

  5. Dan akan tampil Post to WordPress, silahkan isi username dan password WordPress Anda.

    Pasang Musik MP3 Di WordPress.com 3

  6. Jika proses berhasil, akan ada peringatan Item posted, Thank You.

    Pasang Musik MP3 Di WordPress.com 4

  7. Dan langkah selanjutnya adalah pergi ke dashboard WordPress Anda kemudian klik [Posts].
  8. Pada posting yang berjudul Videokeman, klik [Edit].

    Pasang Musik MP3 Di WordPress.com 5

  9. Kemudian copy kode yang tampil di area Visual sesuai contoh dibawah.

    Videokeman (6)

    Contoh :

    [g1gya width="300" height="44" src="http://videokeman.com/music/videokemanplay.swf" quality="high" flashvars="playerID=1&bg=0xffffff&leftbg=0xCA4536&lefticon=0xffffff&rightbg=0xCA4536&rightbghover=0x999999&righticon=0xffffff&righticonhover=0xffffff&text=0xCA4536&slider=0x303030&track=0xFFFFFF&border=0x666666&loader=0xC52C24&autostart=yes&loop=yes&soundFile=http://videokeman.com/dload/nm2/02220511/Pink_-_Fucking_Perfect.vkm" wmode="transparent" ]

    Keterangan :
    autostart: ganti “no” jika tidak ingin lagu berputar secara otomatis saat blog diakses.
    loop: ganti “no” jika tidak ingin lagu memutar kembali jika habis.

  10. Kemudian pastekan pada widget Text.
  11. Dan klik tombol Save.

Sedikit trick dari Saya, biasanya setelah kita pasang di sidebar tombol playlist akan terlihat. Dan ini bagi Saya sangat mengurangi ketidaknyamanan pembaca. Nah… agar tombol playlist tidak terlihat maka kita atur sedikit lebar dan tinggi dari playlist tersebut.

Kode asli:

[g1gya width="300" height="44" src="http://videokeman.com/music/videokemanplay.swf" quality="high" flashvars="playerID=1&bg=0xffffff&leftbg=0xCA4536&lefticon=0xffffff&rightbg=0xCA4536&rightbghover=0x999999&righticon=0xffffff&righticonhover=0xffffff&text=0xCA4536&slider=0x303030&track=0xFFFFFF&border=0x666666&loader=0xC52C24&autostart=yes&loop=yes&soundFile=http://videokeman.com/dload/nm2/020222511/Pink_-_Fucking_Perfect.vkm" wmode="transparent" ]

Rubah angka yang dicetak merah menjadi angka 1 semua.

Dengan begini pembaca akan bertanya-tanya dimanakah sumber suara berasal… kok tidak ada tombolnya tapi ada suaranya… It’s magic…. Seperti terdengar pada backsound posting ini.

mudah-mudahan bermanfaat untuk sobat wordpress...!

Membuat Garis Horisontal Untuk Pembatas Antar Paragraf


Trick WordPress kali ini membahas “Membuat Garis Horisontal Untuk Pembatas Antar Paragraf“. Trick ini sangat-sangat sederhana sekali, tidak sesulit judulnya. Sedangkan untuk fungsinya sendiri Saya masih bingung, karna trick ini hanya membuat sebuah garis mendatar yang memanjang. Yang sebelumnya untuk membuat garis mendatar ini masih mengetikan tanda – atau _ berulang-ulang hingga memanjang dari kiri ke kanan area posting.


Tapi pastinya jika menggunakan trick ini, kita tidak perlu lagi membuat garis mendatar dengan cara mengetikkan karakter – atau _ secara berulang. Dan hasilnyapun akan fixed atau secara otomatis akan sesuai dengan lebar halaman posting blog yang kita gunakan.bootingskoBlog


Dan sedangkan untuk fungsi dan kegunaannya tergantung keperluan kita masing-masing. Bisa untuk garis pembatas antar paragaraf (seperti terlihat diatas) atau bisa juga untuk variasi di posting Anda.

Sebagai contoh bisa Anda lihat dibawah:

Membuat garis mendatar dengan tanda – :

———————————————————————————–

Membuat garis mendatar dengan tanda _ :

____________________________________________________

Membuat garis mendatar dengan kode :


Untuk membuatnya, berikut caranya:

  1. Login ke Admin WordPress.com Anda.
  2. Pada sisi kiri halaman klik menu [Post] > [Add New].
  3. Dan akan tampil halaman ‘Add New Post’.
  4. Buatlah terlebih dahulu tulisan Anda pada mode [Visual] hingga selesai.
  5. Setelah selesai menulis, ganti ke mode [HTML] dan sisipkan kode ini diantara paragraf posting Anda.
<hr />
6. Klik tombol [Save Draft] bila anda ingin menyimpannya dulu atau klik tombol [Publish]bila anda ingin menampilkannya pada halaman blog anda.
  1. Mudah-mudahan bermanfaat untuk sobat wordpress.

Membuat Efek Huruf Berkedip-Kedip (Blink) Di WordPress.com

Disini Saya akan berbagi seputar trick WordPress.com terbaru. Dan trick tersebut adalah membuat efek huruf blink atau membuat efek huruf menjadi kedip-kedip seperti lampu natal.

Sebelumnya Saya ingin berucap salam kepada pembaca setia Ine fadla Blog. Semoga Anda tidak bosan-bosannya berkunjung dan menyebarkan artikel kepada sesama rekan yang membutuhkannya. Untuk para rekan-rekan Ine yang telah berkomentar dan belum terbalas oleh Saya, mohon maaf yang sebesar-besarnya. Saya akan berusaha untuk membalas dengan kemampuan Saya yang terbatas :lol: .

Kembali ke benang merah :mrgreen: , mungkin banyak rekan-rekan beranggapan kalau trick ini mustahil diterapkan di WordPress.com dan hanya berlaku di Blogspot. Namun sepertinya dengan sedikit usaha pasti ada solusinya. Dan ternyata benar efek ini bisa untuk pengguna WordPress.com tercinta. Sebagai bukti lihat contoh dibawah:

Selamat Datang

Gimana? Cukup menarik bukan? Ikuti caranya sebagai berikut:

  1. Login ke Admin WordPress anda.
  2. Pada sisi kiri halaman klik menu [Post] > [Add New].









3. Dan akan tampil halaman ‘Add New Post’.















4. Copy dan paste kode dibawah ini pada mode [HTML].

<a style="color: #FF0000; font-size: 22px; text-decoration: blink;">Tulisan Anda…</a>

Parameter:
color: ganti dengan kode warna lain.
fo nt-size: rubah nilai ukuran huruf.

5. Setelah selesai, klik tombol [Save Draft] bila anda ingin menyimpannya dulu atau klik tombol [Pub lish] bila a nda ingin menampilkannya pada halaman blog anda.

Menampilkan Tombol Like Facebook Di WordPress.com


Saya akan sedikit membahas cara menampilkan tombol like FaceBook seperti yang banyak ditanyakan oleh para rekan tips trik wordpress. Untuk menampilkan tombol like FaceBook sendiri caranya sangat mudah. Namun mungkin bagi rekan yang belum mengetahuinya dirasa sangat sulit. Dikarenakan sewaktu mengaktifkan tombol share FaceBook yang tampil secara default adalah tombol share yang berguna untuk menyebarkan artikel yang disuka oleh pembaca ke akun FaceBooknya. Dan bukan tombol like FaceBook.

Penjelasan untuk memasang tombol share seperti Twitter, FaceBook, Digg, Reddit, StumbleUpon dan lainnya telah Saya bahas disini dan untuk memasang tombol share Lintas Berita dan InfoGue telah Saya tulis disini.

Fungsi dari kedua tombol share FaceBook (share button dan like button) ini memiliki kegunaan yang sama-sama menguntungkan. Dan itu semua tergantung keperluan pribadi masing-masing.

Sebelum pada topiknya, Saya akan sedikit menyentuh mengenai fungsi tombol share faceBook dan tombol like FaceBook. Tombol share FaceBook ini berfungsi untuk memudahkan pembaca menyebarkan artikel yang disuka ke dalam akun FaceBook mereka. Biasanya artikel setelah di share ke akun FaceBook berupa judul dan sedikit potongan diskripsi dari artikel.

Sedangkan tombol like FaceBook berfungsi memudahkan pengguna FaceBook untuk memberi nilai suka terhadap artikel yang dibacanya.

Kedua tombol ini sama-sama menguntungkan bagi blog kita untuk menambah trafik. Karena setiap kali para pengguna FaceBook men-share dan men-vote artikel kita maka akan tercatat dalam wall akun FaceBook mereka. Yang secara otomatis juga tampil di beranda teman-teman mereka. Sekarang bayangkan jika orang yang men-share di FaceBooknya tersebut memiliki sedikitnya 100 teman, dan temannya itu juga suka kemudian ikut men-share lagi. Sudah berapa trafik ke blog Anda? Itu cuma 1 orang saja, kalau 10 orang lebih tinggal Anda kalkulasi sendiri.

Berikut cara untuk menampilkan tombol like FaceBook:

1. Login ke akun WordPress.com anda.
2. Kemudian klik [Settings] > [Sharing].













3. Dan akan tampil halaman Sharing Settings.
4. Silahkan anda drag and drop (tahan dan geser) tombol icon share FaceBook yang berada di menu “Available Services” ke menu “Enabled Services” untuk menampilkannya.








5. Kemudian lakukan perubahan tampilan pada icon share FaceBook dengan cara klik tanda [ ▼ ] disamping kanan icon share FaceBook.







6. Pilih [Like button].
7. Dan lakukan pengaturannya tambahan sesuai keinginan anda:






  • Default button style : pilih tampilan icon atau text.
  • Sharing label : tulislah nama untuk fitur sharing anda.
  • Open links in : tampilan halaman saat icon share di klik.
  • Show sharing buttons on : penempatan icon sharing.
8. Setelah selesai klik tombol [Save Changes].

Untuk cara menambahkan tombol share Lintas Berita, infoGue, dll bisa anda baca disini.