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

• Home
• http://www.chip.co.id/index.php?option=com_rd_rss&id=2News
• News
• http://www.chip.co.id/index.php?option=com_rd_rss&id=3
• HW
• http://www.chip.co.id/index.php?option=com_rd_rss&id=4
• SW
• http://www.chip.co.id/index.php?option=com_rd_rss&id=5
• TIPS
• http://www.chip.co.id/index.php?option=com_rd_rss&id=6SDA Asia
• http://www.sda-indo.com/sda/psecom

 

CNET Asia

• All product review top 10 :
• http://asia.cnet.com/feeds/rss/latest_reviews_10.htm
• All product review top 5 :
• http://asia.cnet.com/feeds/rss/latest_reviews_5.htm
• Mobilephone and handhelp device:
• http://asia.cnet.com/feeds/rss/latest_reviews_hp_hh.htm
• Digital Music and Entertainment Device :
• http://asia.cnet.com/feeds/rss/latest_reviews_pav.htm
• Home Entertainment :
• http://asia.cnet.com/feeds/rss/latest_reviews_home_av.htm
• Digital Camera :
• http://asia.cnet.com/feeds/rss/latest_reviews_dc.htm
• Notebook :
• http://asia.cnet.com/feeds/rss/latest_reviews_notebook.htm
• PC and Accessories :
• http://asia.cnet.com/feeds/rss/latest_reviews_desktop_printer.htm

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.wordpress.com/wp-content/uploads/2011/11/uniski-colour.jpg”><img title=”UNISKI (Colour)” src=”https://abusyauqitamim.wordpress.com/wp-content/uploads/2011/11/uniski-colour.jpg?w=214&amp;h=215&#8243; alt=”” width=”214″ height=”215″ /></a></td>
<td><a href=”https://abusyauqitamim.wordpress.com/wp-content/uploads/2011/11/uniski-bw.jpg”><img title=”UNISKI (BW)” src=”https://abusyauqitamim.wordpress.com/wp-content/uploads/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

Cara pasang widget Facebook di WordPress.com

Berikut langkah-langkah memasang widget Facebook di WordPress.com:

1. Login ke akun Facebook Anda.

2. Masuk ke bagian profil.

3. Klik tulisan “Tambahkan lencana ke situs Anda.” Posisinya berada di bawah gambar teman Facebook Anda. Akan muncul gambar sebagai berikut:

 

 

 

4. Klik tulisan “Other.” Copy kode HTML-nya ke widget teks WordPress Anda.

5. Setelah diinput ke widget, simpan.

Silahkan lihat hasil kerja Anda.

Catatan: Anda bisa merubah data Facebook yang akan ditampilkan dalam akun WordPress Anda dengan merubah langkah-langkah di atas. Sebelum melakukan langkah ke-4, klik tulisan “sunting lencana” di bagian kanan. Selanjutnya ikuti langkah-langkah di atas.

Selamat berkreasi.

Cara Memasang Widget Pengunjung yang Online di WordPress.com

Sekarang kita akan membahas bagaimana cara memasang widget pengunjung yang online, kesulitannya sama, yaitu WordPress.com tidak mendukung java scrift. Oke langsung saja, berikut langkah-langkahnya:

1. Masuk dulu KESINI

2. Tampilannya seperti ini:

3. Lihat kolom pojok atas, kemudian klik SHOWCASE

4. Anda akan mendapat kode java scrift seperti ini:

5. Klik tulisan post di pojok kanan bawah kode

6. Akan muncul pop screen seperti ini:

7. Klik logo WordPress (bagian kanan  gambar)

8. Muncul lagi pop seperti ini:

9. Masukan username, url, dan password WordPress Anda (keamanan akun anda dijamin)

Setelah langkah di atas dilakukan, maka otomatis di blog Anda akan muncul postingan baru berupa widget yang Anda buat tadi.

Sumber: http://inforagam.wordpress.com/2010/08/10/membuat-widget-pengunjung-yang-online-di-wordpress/

Diakses pada tanggal 24 November 2011 pukul 19.39 WIB

 

Selanjutnya, untuk menampilkannya di sidebar Anda, buka postingan di atas pada tulisan, ubah ke dalam mode HTML, copy kode dalam tampilan HTML ke widget teks Anda. Kreasikan ukuran sesuai tema Anda.

Semoga bermanfaat.

Cara Memasang Jadwal Sholat di WordPress.com

Ber-enjoy  ria di dunia maya untuk menambah wawasan dan wacana adalah sangat baik, tetapi agar tidak lupa waktu sholat sebaiknya di blog kita dipasang “Jadwal Sholat.”

Caranya :
1. Log in wordpress
2. Cari dan pilih “Widget”
3. Pada “Text” pilih “Add”
4. Copy code  di bawah ini  (copy paste aja):

<a title=”widget wordpress” href=”http://dhistaputri.indietown.com”> <img src=”http://dhistaputri.indietown.com/shalat/sby.php” border=”0″ alt=”jadwal shalat Surabaya” width=”156″ height=”186″ />

5. Save changes
6. Visite site
7. Kabarin saya.
Semoga berhasil.

Hasilnya:

 

UPDATE DATA:

Ini adalah bentuk lain atau cara mudah untuk membuat  jadwal sholat yang bisa di edit sesuai kota yg dinginkan, hasil kunjungan ku ke ; http://jokoradityo.wordpress.com/2010/02/16/inilah-cara-mudah-menampilkan-widget-jadwal-sholat-pada-wordpress/

Jika anda  menginginkan kota lain maka;  meng-edit code htmlnya terlebih dahulu, silahkan copy code di bawah ini:

<img src=”http://www.mahesajenar.com/scripts/adzan.php?kota=Yogyakarta&amp;type=image1&amp;text=FFFFFF&amp;bg=336600&amp;border=FFFFFF” border=”0″ alt=” ” />

Setelah itu Anda copy-kan ke widget teks seperti biasa (lihat info di atas), misalkan Anda menginginkan Jadwal Sholat untuk kota Yogyakarta, maka di HTML tulisan Surabaya diganti Yogyakarta, nah jadwal sholat untuk wilayah Yogyakarta sudah terpasang sekarang. Selamat mencoba.

 

Sumber: http://mbahjogo.wordpress.com/2009/02/11/jadwal-sholat-di-widget/

Diakses pada tanggal 23 November 2011 pukul 20.30 WIB