Widget Ayat Al-Quran untuk WordPress

Alhamdulillah, setelah lama mencari widget ayat Al-Quran, saya menemukannya di salah satu blog sahabat hasil browsing di Google.com.

Selain untuk mempercantik tampilan di blog WordPress.com, widget ayat Al-Quran ini juga sebagai sarana yang baik untuk mengetahui diantara pesan-pesan yang tersirat di dalam Al-Quran, yang pada gilirannya nanti adalah bagaimana nilai-nilai yang terkandung dalam ayat tersebut dapat kita aplikasikan ke dalam kehidupan sehari-sehari sebagai bentuk pendekatan diri kepada Allah Swt.

Untuk mengaktifkannya, silahkan menuju halaman penyedia widget tersebut di sini. Setelah Anda masuk ke situs tersebut, ikuti langkah-langkah berikut:

  1. Pilih Random Ayat.
  2. Klik pilihan “Gambar” pada opsi pilih jenis widget (penulis mencoba pada pilihan teks dan hasilnya widget tidak tampil).
  3. Silahkan diatur sesuai kebutuhan untuk kolom Pilihan Warna, nanti hasil kreasi Anda bisa dilihat pada preview hasil. Termasuk kolom Lebar Tampilan Ayat, silahkan disesuaikan dengan kondisi dan kebutuhan Anda.
  4. Untuk memastikan hasil kreasi Anda silahkan klik Preview, kalau sudah sesuai dengan harapan, silahkan copy kode widget yang tertera.
  5. Pada tahapan selanjutnya, silahkan masuk ke blog Anda sebagai admin, pilihlah widget, pada kolom yang akan muncul ketika gambar blog Anda disentuh dengan pointer mouse.
  6. Tarik “Teks” (di posisi kiri), ke kanan (sesuai dengan tampilan theme masing-masing blog).
  7. Paste-kan copy-an kode widget yang telah Anda copy sebelumnya ke widget teks yang sudah Anda siapkan (judulnya silahkan diisi atau dikosongkan juga boleh), kemudian klik “Simpan”.
  8. Silahkan Anda buka halaman blog WordPress.com Anda di tab baru.

Sebagai contoh penerapan langkah-langkah tersebut adalah tampilan widget ayat Al-Quran pada sisi kiri blog ini.

Selain widget Ayat Al-Quran di atas, situs tersebut juga menyediakan widget Islami lainnya, seperti Jadwal Adzan, Asma’ul Husna, Tanggal, dan Counter. Untuk mengaktifkan widget-widget tersebut, ikuti langkah-langkah di atas.

Demikian, semoga bermanfaat.

Cara Memasang Widget Hewan Peliharaan di WordPress.com

Bagi Anda yang suka dengan kegiatan memelihara hewan. Sambil nge-blog kita juga bisa sambil memelihara hewan! (dalam tanda kutip).

Di bawah ini link untuk memasang widget hewan peliharaan di WordPress.com:

 

http://abowman.com/google-modules/dog/

 

http://abowman.com/google-modules/turtle/

 

http://abowman.com/google-modules/hamster/

 

http://abowman.com/google-modules/spider/

 

http://abowman.com/google-modules/tree-frog/

 

http://abowman.com/google-modules/fish/

 

http://abowman.com/google-modules/penguins/

 

Di link yang sama juga terdapat widget yang menarik untuk mempercantik blog Anda. Selamat mencoba.

Panduan Memasang RSS Feed Berita di Blog WordPress.com

I. DAFTAR RSS FEED di bawah ini dapat Anda ambil sesuai kebutuhan:

Detik.com :

  1. Frontpage: http://rss.detik.com/index.php/detikcom
  2. Detik Finance: http://rss.detik.com/index.php/finance
  3. Detik Hot: http://rss.detik.com/index.php/hot
  4. Detik Inet: http://detikinet.com/index.php/detik.feed
  5. Detik Sport: http://rss.detik.com/index.php/sport
  6. Detik Oto: http://rss.detik.com/index.php/otomotif
  7. Detik Food: http://rss.detik.com/index.php/food
  8. Detik Foto: http://rss.detik.com/index.php/foto
  9. Detik Index: http://rss.detik.com/index.php/detiknews

 

Kompas Cybermedia:

  1. Nasional: http://www.kompas.com/getrss/nasional
  2. Regiona: http://www.kompas.com/getrss/regional
  3. Internasional: http://www.kompas.com/getrss/internasional
  4. Megapolitan: http://www.kompas.com/getrss/megapolitan
  5. Bisnis Keuangan: http://www.kompas.com/getrss/bisniskeuangan
  6. Kesehatan: http://www.kompas.com/getrss/kesehatan
  7. Olahraga: http://www.kompas.com/getrss/olahraga
  8. Perempuan: http://www.kompas.com/getrss/perempuan
  9. Property: http://www.kompas.com/getrss/properti
  10. Sains: http://www.kompas.com/getrss/sains
  11. Travel: http://www.kompas.com/getrss/travel
  12. Oase: http://www.kompas.com/getrss/oase

 

Tempo Interaktif

  1. Frontpage: http://www.tempointeraktif.com/hg/rss/HL_TI.xml
  2. Budaya: http://www.tempointeraktif.com/hg/rss/budaya_TI.xml
  3. Ekbis: http://www.tempointeraktif.com/hg/rss/ekbis_TI.xml
  4. Iptek: http://www.tempointeraktif.com/hg/rss/iptek_TI.xml
  5. Digital: http://www.tempointeraktif.com/hg/rss/it_TI.xml
  6. Jakarta: http://www.tempointeraktif.com/hg/rss/jakarta_TI.xml
  7. Nasional: http://www.tempointeraktif.com/hg/rss/nasional_TI.xml
  8. Nusa: http://www.tempointeraktif.com/hg/rss/nusa_TI.xml
  9. Olahraga: http://www.tempointeraktif.com/hg/rss/olahraga_TI.xml

 

Kantor Berita Antara:

News : http://www.antara.co.id/rss/news.xml

 

OKEZONE:

  1. Breaking News: http://sindikasi.okezone.com/index.php/okezone/RSS2.0
  2. News: http://sindikasi.okezone.com/index.php/news/RSS2.0
  3. International: http://sindikasi.okezone.com/index.php/international/RSS2.0
  4. Lifestyle: http://sindikasi.okezone.com/index.php/lifestyle/RSS2.0
  5. Celebrity: http://sindikasi.okezone.com/index.php/celebrity/RSS2.0
  6. Sport: http://sindikasi.okezone.com/index.php/sports/RSS2.0
  7. Bola: http://sindikasi.okezone.com/index.php/bola/RSS2.0
  8. Autos: http://sindikasi.okezone.com/index.php/autos/RSS2.0
  9. Techno: http://sindikasi.okezone.com/index.php/techno/RSS2.0
  10. Tokoh: http://sindikasi.okezone.com/index.php/tokoh/RSS2.0
  11. Economy: http://sindikasi.okezone.com/index.php/economy/RSS2.0
  12. Foto: http://sindikasi.okezone.com/index.php/foto/RSS2.0
  13. Pilkada: http://sindikasi.okezone.com/index.php/pilkada/RSS2.0
  14. Suara Kampus: http://sindikasi.okezone.com/index.php/kampus/RSS2.0
  15. Ramadhan: http://sindikasi.okezone.com/index.php/ramadhan/RSS2.0
  16. Pemilu 2009: http://sindikasi.okezone.com/index.php/pemilu/RSS2.0

 

Ilmu Komputer.com:

Lihat di alamat: http://ilmukomputer.com/feed/

 

Eramuslim

Lihat di alamat: http://www.eramuslim.com/berita/rss

 

Cellulardiary

Article: http://www.cellulardiary.com/rss_articles.xml
Spec HP: http://www.cellulardiary.com/rss_spec.xml

 

GSMARENA
News: http://www.dapper.net/services/GSM_Arena_News

 

RRS Feed dari BBC Indonesia :

  1. http://feeds.bbc.co.uk/indonesian/index.xml
  2. http://feeds.bbc.co.uk/indonesian/sports/index.xml
  3. http://feeds.bbc.co.uk/indonesian/indepth/index.xml
  4. http://feeds.bbc.co.uk/indonesian/forum/index.xml
  5. http://feeds.bbc.co.uk/indonesian/letterfromlondon/index.xml
  6. http://feeds.bbc.co.uk/indonesian/learningenglish/index.xml
  7. dan untuk aturan pemakaiannya baca Term of Service dii http://www.bbc.co.uk/indonesian/institutional/rss.shtml

 

MetroTV

http://www.metrotvnews.com/rss/berita.asp

 

TV One

  1. http://www.tvone.co.id/rss/news/1/Terkini
  2. http://www.tvone.co.id/rss/news/1-5/Internasional
  3. http://www.tvone.co.id/rss/news/1-4/Nasional
  4. http://www.tvone.co.id/rss/news/1-2/Politik
  5. http://www.tvone.co.id/rss/news/1-9/Hukum
  6. http://www.tvone.co.id/rss/news/1-3/Bisnis
  7. http://www.tvone.co.id/rss/news/105/kabar_petang
  8. http://www.tvone.co.id/rss/news/101/kabar_15

 

Media Indonesia Aktual

http://www.media-indonesia.com/rss/aktual.asp

Media Ind Cetak

http://www.media-indonesia.com/rss/cetak.asp

 

CHIPS Mags

 

CNET Asia

Untuk website yang isinya kumpulan RSS yang cukup menarik dapat diklik di http://wartablog.com.

Kalau ingin memanage RSS Feed sendiri bisa menggunakan Google Reader di http://www.google.com/reader cukup menarik disimak, sehingga kalau hanya ingin tahu berita-berita baik dalam dan luar negeri bisa menambahkan RSS FEED yang terkait.

II. Teknik Memasang RSS Berita di Blog WordPress.com

RSS atau RDF Site Summary adalah suatu aplikasi XML (Extensible Markup Language) mengikut tahap spesifikasi W3Schools . Ia merupakan suatu format sindikasi berita dan digunakan sebagai agen untuk mendapatkan berita atau data secara atas talian daripada halaman web yang menyokong aplikasi ini.

Singkatnya dengan menggunakan aplikasi ini kita dapat berlangganan berita dari situs-situs seperti detik.com, Okezone, dan lain-lain.

Di wordpress, kita dapat membuat rss dengan mudah, contohnya terlihat seperti pada gambar dibawah ini.

Langkah-langkahnya sebagai berikut:

  1. Masuk ke dashboard WordPress Anda, klik Tampilan > Widget.
  2. Pilih Widget RSS dan tarik ke kolom sisi WordPress Anda.
  3. Di bawah tulisan “Masukkan URL umpan RSS tersebut di sini:“ dari widget RSS, masukkan umpan RSS misalnya http://www.kompas.com/getrss/sains untuk berita dari Kompas.
  4. Di kolom “Widget yang Tersedia” cari RSS klik tambah
  5. Klik simpan dan preview blog anda
  6. Jika ingin menambah RSS yang lain, kita tinggal menambahkan RSS lain dengan mengikuti langkah 2 dan 3.

Selesai.

 

Sumber: http://pprbm.wordpress.com/2010/11/30/panduan-memasang-rss-feed-berita-di-blog-wordpress-ditulis-oleh-educrazy-dipada-mei-1-2010/

Diakses pada tanggal 2 Januari 2012 pukul 19.20 WIB

Membuat Banner Animasi Melalui Situs Gratisan

Berawal dari angan-angan pinginya memasang iklan di blog biar bisa menarik, tapii ngak tahu situs apa yang bisa buat banner iklan di blog. alhamdulilah setelah susah mencari-cari di mbah google, ada dari blog teman yang memosting tentang memasang banner iklan pada sebuah blog, tapi kami masih blum bisa membuatnya karna baru coba-coba saja. knapa kami posting lebih dulu di blog kami,? harapan kami bila ada temen-temen bloger yang berminat memasang banner di blognya kami bisa saling share tentang masalah ini alias nyontek gitu,heeeee. kayaknya Cara membuat banner animasi gampang2 susah seeh, tapi kita telah banyak dipermudah dengan banyaknya fasilitas gratisan, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya. Bagi anda yang berminat dengan banner animasi gratis, silhkan mencoba dech. tpi jngan lupa klo sudah bisa beri tahu kami soalnya kami juga pengen membuatnya, heeee jadi malu neh. Langsung saja kunjungi  situs-situsnya di bawah ini:

 

1. Animationonline.com adalah layanan gratis yang sangat mudah dan simple tinggal anda buat dan save click sini langsung membuat banner.

2. AdDesigner.com adalah layanan GRATIS yang unik yang memberikan anda kuasa untuk merancang dan men-download profesional berkualitas, animasi iklan banner dengan cepat dan mudah. Dalam hitungan detik, Anda dapat membuat atas kualitas, dioptimalkan banner iklan yang cocok untuk Anda favorit pertukaran banner, kampanye iklan yang dibayar, atau orang lain manapun Click Disini.

3. Crecon.com adalah Layanan Banner Gratis memungkinkan Anda memilih gambar latar belakang, menambahkan teks, kemudian segera membuat. Gif gambar yang dapat Anda gunakan dengan Banner Exchange atau sebagai Tombol atau Logo di Halaman Web. Klik di sini untuk memulai membuat banner.

4. What is GifWorks.com ??? It’s an online GIF image editor.This unique tool is completely on-line — nothing to download or install. Better yet, it’s ABSOLUTELY FREE — no prepaid tokens or subscriptions click disini.

5. http://gickr.com adalah  membuat banner dengan format gambar biasa yaitu format .JPG . GIF atau .PNG. Bisa membuat dengan dengan Ms Paint.Kalao kami  sih membuat banner dari Ms Excel kemudian tak copy ke Ms Paint. Maklum belum bisa Potoshop hihihi

6.  reddodo.com adalah situs membuat animasi sesuai selera kamu, screensaver ,wallpaper  untuk telepon seluler dengan teks  kamu buat di situs inii . cepat. mudah. mutlak gratis ko’.

7. MySpace.com Ini yang buat animasi ,banner,logo yang paling mudah dan akurat menurut kami situs ini yang paling cocok dengan wordpres.

8. Flamingtext.com Buat text kamu bisa tambah oke. dan pasang sebagai banner kamu di wordpress.

Selamat mencoba ya!

 

Sumber: http://pprbm.wordpress.com/2010/12/04/membuat-banner-animasi-melalui-situs-gratisan/

Diakses pada tanggal 30 Desember 2011 pukul 19.26 WIB

Memasang Tulisan Berjalan di WordPress.com

“Langsung aja kita coba ya..!”

Langkah 1, klik disini.

Langkah 2, kreasikan tulisan yang mau anda tampilkan.

contoh: ganti kolom Text dengan kata “SELAMAT DATANG..”

lalu kanda bisa pilih font, font size, atau text color yang anda sukai.

Langkah 3, klik CREATE MARQUEE TEXT.

Langkah 4, postingkan ke blog anda.

contoh: kalo blog anda wordpress andacukup klik logo wordpress lalu isikan username,password, kemudian nama blog anda. Jika sudah klik POST sampai ada status terkirim.

Langkah 5, buka POST/TULISAN di dashboard anda. Pilih tulisan teratas, Klik.

Langkah 6, jika tampilan tulisan adalah VISUAL anda ganti ke HTML (posisi di pojok kanan atas).

Langkah 7, copy-kan HTMLnya ke widget anda. Pilih TEKS, lalu paste-kan.

Langkah 8, dan terakhir klik SAVE/SIMPAN. Lihat kembali tampilan blog anda di posisi sidebar.

Semoga bermanfaat dan selamat mencoba, semoga berhasil.

 

Sumber: http://pprbm.wordpress.com/2010/12/07/cara-pasang-tulisan-berjalan-di-wordpress/

Diakses pada tanggal 30 Desember 2011 pukul 19.17 WIB

Memasang IP Address di WordPress.com

Untuk Anda yang ingin mempercantik tampilan blog di WordPress.com, berikut ini salah satu widget yang bisa Anda pakai, selain bisa mempercantik blog sekaligus bermanfaat untuk pengunjung blog Anda untuk mengetahui IP Address-nya dan beberapa info tentang browsing dan PC-nya. Silahkan ikuti langkah-langkah berikut:
1. Masuk ke situs http://www.wieistmeineip.de/ bahasa yang dipakai bukan bahasa Indonesia.
2. Setelah masuk cari gambar seperti ini langsung Anda klik

3. Maka Akan muncul beberapa pilihan tampilan berikut bahasa yang dipakai untuk tampilan widget. Di bawah ini seperti yang saya pakai dalam blog ini:

4. Copy kode html-nya dan pasang di widget sidebar WordPress Anda.

Selamat, Anda telah menambahkan widget ini ke dalam blog Anda.

Cara Membuat Gambar Tumbnail dalam Kotak Berjajar

Logo Berwarna Logo Hitam Putih

Contoh: gambar di blog ini

Untuk membuat gambar berjajar seperti di atas tidak susah kok. Sobat hanya perlu memanfaatkan fungsi tabel saja. Caranya adalah: buat postingan baru lalu masuk ke HTML mode. Struktur kode HTML-nya kira-kira seperti ini:

<table border="1">
<tbody>
<tr>
<td>linkgambar1</td>
<td>linkgambar2</td>
<td>linkgambar3</td></tr>
<tr>
<td>namagambar1</td>
<td>namagambar2</td>
<td>namagambar3</td>
</tr>
</tbody>
</table>

Saya berikan contoh kode HTML dari gambar berjajar di atas yah:

<table border=”1″>
<tbody>
<tr>
<td><a href=”https://abusyauqitamim.files.wordpress.com/2011/11/uniski-colour.jpg”><img title=”UNISKI (Colour)” src=”https://abusyauqitamim.files.wordpress.com/2011/11/uniski-colour.jpg?w=214&amp;h=215&#8243; alt=”” width=”214″ height=”215″ /></a></td>
<td><a href=”https://abusyauqitamim.files.wordpress.com/2011/11/uniski-bw.jpg”><img title=”UNISKI (BW)” src=”https://abusyauqitamim.files.wordpress.com/2011/11/uniski-bw.jpg?w=206&amp;h=206&#8243; alt=”” width=”206” height=”206” /></a></td>
</tr>
<tr>
<td>Logo Berwarna</td>
<td>Logo Hitam Putih</td>
</tr>
</tbody>
</table>

Catatan:

  • yang dibold biru adalah link dari gambar yang akan dibuat berjajar
  • yang dibold ungu adalah nama dari gambar yang ada di bawah gambar
  • yang dibold merah adalah besar dari sebuah gambar. Ini harus menjadi perhatian sobat karena jika ukuran gambar tsb amat besar misalnya 400 x 400 maka besar kemungkinan tidak bisa dibuat berjajar untuk 2 gambar atau lebih (gambar lainnya akan “hilang” alias tidak nampak di postingan). Pada contoh ini saya menggunakan ukuran 125 x 125

Gampang kan! Silahkan coba di blog sobat sendiri. Selamat mencoba!

 

 

Sumber: http://annunaki.wordpress.com

Diakses pada tanggal 30 November 2011 pukul 18.43 WIB