Live Streaming Radio Islam

11 komentar

1. Radio Rodja Cileungsi - 756 am






Minicaster Radio Playhead


To listen you must
install Flash Player
. Visit
Draftlight Networks for more info.




Kode Pemajangan:

<object id="fmp256" width="180" height="70" data="http://radiorodja.googlepages.com/minicaster.swf" type="application/x-shockwave-flash">
<param value="http://radiorodja.googlepages.com/minicaster.swf" name="movie"/>
<param value="transparent" name="wmode"/>
<h4>Minicaster Radio Playhead</h4>
<p>To listen you must
<a title="Click here to install the Flash browser plugin from Macromedia" href="http://www.macromedia.com/go/getflashplayer/">install Flash Player</a>
. Visit
<a title="Draftlight Networks" href="http://www.draftlight.net/dnex/mp3player/minicaster/">Draftlight Networks</a> for more info.</p>
</object>


2. Radio Assunnah Cirebon 92.3 FM



Kode pemajangan:

<embed src="http://www.radioassunnah.com/mediaplayer/mediaplayer.swf" width="150" height="150" allowscriptaccess="always" allowfullscreen="true" flashvars="height=150&width=150&file=http://www.radioassunnah.com/mediaplayer/playlist.xml&overstretch=fit&showeq=true&showstop=true&autostart=false"/></embed>
<script type="text/javascript">
<!--
function myPopup1() {
window.open( "http://www.radioassunnah.com/mediaplayer/index.htm", "myWindow",
"status = 1, height = 180, width = 200, resizable = 0" )
}
//-->
</script>


3. Radio Muslim


Kode Pemajangan :

<center><iframe src ="http://radio.muslim.or.id/nativeradio/example.html" width="155" height="110" frameborder="0" scrolling="no" marginwidth="3" marginheight="0"></iframe></center>

Read More......

Mengecek status YM teman

3 komentar

Punya teman yang doyan invis? Susahnya kalau kita lagi butuh dia, kitanya gak tau apakah dia lagi online atau offline. Ada nih cara jitu untuk mengetahui status teman-teman YM'ers.

Caranya?

Kunjungi web ini http://invisibleyahoo.net/

Akan muncul gambar ini:

Masukkan saja ID teman kita itu. Klik tombol 'check'.

Nah, kita sudah mengetahui statusnya. Selamat mencoba.

Read More......

XML Skin : Just for You

11 komentar

Just for You

View : Live Demo

Download : just-for-you.txt

Lihat template lainnya di Azzahrah Design.

Read More......

Dibuka Kursus Web Design Khusus Wanita

7 komentar

Telah dibuka kursus belajar Web Design, khusus wanita.
Kenapa khusus wanita?
1. Karena aku wanita
2. Karena aku wanita, dan
3. Karena aku wanita.

Maksa ya alasannya ? Lengkap ya gini loh....
Ada beberapa kelompok wanita (muslimah) yang malu harus bergabung dengan para pria, termasuk dalam hal menuntut ilmu. Dan ada juga yang malu harus mengajar di depan para pria. Dua kebutuhan itu bergabung.

Disamping itu, kebutuhan akan ilmu IT semakin meningkat. Dunia bisnis sudah merambah ke dalam IT. Banyaknya muncul web-web seperti e-shop, e-marketing, e-commerce membuktikan bahwan ilmu IT semakin berkembang. Para wanita pun jangan mau ketinggalan dalam urusan ini. Tidak sedikit para wanita bahkan ibu-ibu rumah tangga memilih untuk berjualan online lewat web. Ini berarti ilmu IT tidak melulu berguna bagi web designer. Berguna juga bagi mereka-mereka yang ingin terjun dalam dunia jualan online.

Tertarik belajar web secara semi privat?
Hubungi aku di: a_rinii@yahoo.com atau chat di YM dengan ID: a_rinii



Biaya bulanan, dimulai dengan harga Rp 250.000,-
Fasilitas: materi, 1 komputer, dan internet.
Lokasi: Cempaka Putih, Jakarta Pusat

Read More......

Ungkapkan Idemu

6 komentar

Jika ingin mengungkapkan ide di blog, jangan ragu ungkapkanlah.

Ungkapkan idemu.
Jika ingin mengungkapkan ide di blog, jangan ragu ungkapkanlah.

Mungkin saja idemu dapat berguna bagi orang lain.

Cara Membuatnya:

Pada saat ngepost tulisan, klik bagian 'Edit HTML'. Kemudian masukkan kode ini:
<div style="background:url('http://img361.imageshack.us/img361/5148/ideaju3.gif')
no-repeat 14px 24px; border:1px dashed #CCCC33;padding:8px 8px 8px 75px;">isi</div>

Hapus tulisan 'isi' dan ganti dengan kalimatmu sendiri.

--Selamat Mencoba--

Lihat tutorial lainnya di Azzahrah Design

Read More......

Shortcut Icon

8 komentar

Lihat contoh penggunaan Shortcut Icon. Lihat gambar hati merah.



Langkah awalnya adalah, carilah gambar yang ingin dijadikan icon. Beberapa icon yang dapat digunakan:


url = http://www.iconarchive.com/icons/shiftercat/japanese-mon/Gold-Kikyo-32x32.png


url = http://www.iconarchive.com/icons/indeepop/shiny/Star-32x32.png


url = http://www.iconarchive.com/icons/arrioch/orbz/orbz-water-24x24.png


url = http://www.iconarchive.com/icons/fasticon/fruits/strawberry-32x32.png


url =http://www.iconarchive.com/icons/afterglow/new-zealand/Bach-32x32.png


url = http://www.iconarchive.com/icons/zyotism/digital-video-techniques/DVD-32x32.png


url = http://www.iconarchive.com/icons/afterglow/new-zealand/Jandals-32x32.png


url = http://www.iconarchive.com/icons/flameia/aqua-smiles/make-fun-32x32.png


url = http://www.iconarchive.com/icons/everaldo/desktoon/library-32x32.png


url = http://www.iconarchive.com/icons/fasticon/toon-system/favorits-32x32.png


url = http://www.iconarchive.com/icons/fasticon/apples/emac-32x32.png

Selanjutnya, kita menuliskan kodenya.
Letakkan kode ini setelah tag title.
Kodenya:

<link href='http://blabla' rel='Shortcut Icon'/>

gantilah http://blabla dengan url gambar yang ingin dijadikan icon.

Gambar yang dapat digunakan berekstensi .png .gif dan .jpg

Selamat Mencoba.

Lihat tutorial lainnya di Azzahrah Design

Read More......

Selamat Berlebaran

6 komentar

السلام عليكم ورحمة الله

تقبل الله منا ومنكم صالح الأعمال
و جعلنا جميعا من عتقاء رمضان

نتمنى لكم عيدا مباركا
من العائدين والفائزين
وكل عام و أنتم بخير


Read More......

Anti Spam, How to Block Spam

1 komentar

Email and instant messaging (IM) play a mission-critical role in your company. But the more you rely on these technologies, the more open you are to the risks and threats. It is not only the traditional security threats like spam and viruses that you need to control but also the internal threats of losing critical and confidential corporate information. In this case, you need Email Spam Protection.

Spam is annoying. Period. Spam was once just an annoyance, but it has now become the tactic of choice for online deception, fraud, and abuse. Spam and fraudulent e-mail messages are major issues for computer users and businesses of all sizes. Companies are being forced to commit significant resources to protect their messaging infrastructure and their brand from these abuses, and computer users must work to protect themselves from the influx of deceptive e-mail. Email Spam Blocker is the best way to help detect and prevent onslaught of abuse and deception.

More About Spam

How in the heck did those spammers get your address in the first place? Actually, they use a variety of techniques. They use programs called spambots to search the web and pick up any email addresses that could be listed on websites. They use what's called the "Dictionary" technique, where they take a well-known email extension (earthlink.net, for instance), and make up all kinds of possible user names to go with it. Like going page by page through the dictionary.

Many internet service providers use a variety of methods to block spam before it ever gets to you. Nevertheless, we all know that some spam inevitably gets through to our inboxes. That's when we need to take a proactive stance and install some sort of software to filter it out! You can use Barracuda Spam to solve your problems.

Read More......

Memasukkan Ayat Al-Qur'an

20 komentar

Keren juga kan jika kita bisa memasukkan ayat Al-Quran dalam blog kita. Gini nih:

Ayat-ayat Al-Qur'an itu berupa image. Kita berterima kasih pada orang yang telah bersusah payah membuatnya, yaitu http//web1hari.com/ dan http://www.islamic-council.com/

http//web1hari.com/

Cara penggunaan gambar:
Kita tinggal memanggil gambar-gambar yang sesuai dengan ayat dan surah yang dikehendaki. Kodenya adalah:

<img src=http://web1hari.com/file/gif/[nomor_surah]/[nomor_surah+”_”+nomor_ayat+”.gif”]>

Catatan: nomor surah dan ayat tidak perlu menggunakan angka ‘0′, misal 1, tidak perlu 01 atau 001

Contohnya: Bassmallah atau ayat pertama dari surah pertama (Al-Fatihah):
<img src="http://web1hari.com/file/gif/1/1_1.gif" />

http://www.islamic-council.com/

Cara penggunaan gambar:
Kita tinggal memanggil gambar-gambar yang sesuai dengan ayat dan surah yang dikehendaki. Kodenya adalah:

<img src=http://www.islamic-council.com/quran/image/[nomor_surah+”_”+nomor_ayat+”.gif”]>

Catatan: nomor surah tidak perlu menggunakan angka ‘0′, misal 1, tidak perlu 01 atau 001 tetapi nomor ayat selalu 3 digit, untuk ayat yang < 100 harus menggunakan angka 0 sebagai pelengkap.

Contohnya: Bassmallah atau ayat pertama dari surah pertama (Al-Fatihah):
<img src=http://www.islamic-council.com/quran/image/1_001.gif>

-- Alhamdulillah --

Read More......

GoodReads

1 komentar

Lihat widget di bawah ini. Ingin memilikinya?


Widget_logo

Widget ini diberikan oleh web komunitas penulis dan pembaca buku, Goodreads. Karena ini berupa komunitas, berarti langkah awalnya adalah mendaftar di web tersebut. Setelah proses pendaftaran kelar, langkah selanjutnya adalah memilih buku-buku agar masuk ke dalam daftar bacaan.

Langkah selanjutnya adalah, masuklah ke link ini, widget. Goodreads memberikan bermacam-macam jenis widget untuk blog. Perhatikan satu persatu, pilihlah widget mana yang ingin ditampilkan di blog. Semuanya sudah tersedia berserta coding HTML yang bisa langsung diletakkan di gadget blogger kita.

-- Selamat Mencoba --

Read More......

Google Chrome

1 komentar

Google launching browser seri pertamanya, dinamakan Google Chrome, masih BETA (uji coba).



Google Chrome adalah browser yang dibuat dengan desain praktis agar Anda dapat mengakses Web dengan lebih cepat, mudah, dan aman.

Tim Google telah menghabiskan banyak waktu untuk membuat browser ini. Mereka berkeinginan untuk tidak hanya membuat sebuah browser tapi juga sebuah platform baru untuk sebuah web pages dan aplikasi. Itulah sebabnya tim Google mengejavascript:void(0)luarkan semua daya upayanya untuk menciptakan sebuah browser yang multifungsi namun juga simpel.

Sampai saat ini, aku belum mencoba browser baru ini. Belum juga men-downloadnya. Untuk teman-teman yang ingin mempelajarinya lebih jauh, kunjungi Official Google Blog atau informasinya dalam bahasa Indonesia. Silahkan download.

Sedikit info yang didapat dari Detik. Sundar Pichai, VP Product Management Google, mengatakan bahwa Google yakin bisa memberikan nilai tambah pada pengguna sekaligus membantu inovasi di web lewat Google Chrome. Sundar berjanji Google Chrome akan terasa seperti halaman depan klasik Google.com, yaitu bersih dan tidak mengganggu.

"Di bawahnya, kami berhasil membangun pondasi browser yang bisa menjalankan aplikasi web saat ini yang rumit dengan lebih baik," tulis Sundar.

Disebutkan bahwa Google Chrome akan menerapkan teknologi yang 'memisahkan' setiap tab yang dibuka pada browser sehingga mengurangi risiko crash dan melindungi komputer dari situs berbahaya. Selain itu disebutkan pula bahwa Google Chrome menggunakan JavaScript engine V8 yang saat ini belum tersedia di browser manapun.

Untuk versi uji coba itu akan tersedia bagi sistem operasi Windows, nantinya akan menyusul versi untuk Macintosh dan Linux. Google Chrome akan tersedia dalam lisensi Open Source.

Lihat tutorial lainnya di Azzahrah Design

Read More......

Marhaban Ya Ramadhan...

1 komentar

Alhamdulillah, bulan yang ditunggu-tunggu telah datang. Syaikh Muhammad bin Sholih Al ‘Utsaimin rohimahulloh mengatakan,

“Tujuan dari puasa bukanlah sekedar mengekang tubuh dalam rangka menahan haus dan lapar serta kesulitan, akan tetapi tujuannya adalah menundukkan jiwa dengan meninggalkan sesuatu yang dicintai demi meraih keridhoan Dzat yang dicintai. Adapun perkara dicintai yang ditinggalkan adalah makan, minum dan jima’, inilah nafsu syahwat. Adapun sesuatu yang dicintai yang dicari keridhoan-Nya adalah Alloh ‘Azza wa Jalla. Maka kita harus senantiasa menghadirkan niat ini bahwasanya kita meninggalkan pembatal-pembatal puasa ini demi mencari keridhoan Alloh ‘Azza wa Jalla.” (Tsamaniyatu Wa Arba’uuna Su’aalan Fish Shiyaam hal. 10)

Artikel yang berhubungan dengan puasa:
- Amalan Harian Ramadhan
- Qiyam Ramadhan
- Berpuasa
- Amalan yang Berhubungan Dengan Puasa

Read More......

Penghitungan Statistik Pengunjung

2 komentar

Mempunyai data statistik pengunjung blog merupakan hal yang penting. Sistem penghitungan ada 2 jenis, berdasarkan IP pengunjung (unique user) dan berdasarkan jumlah klikan per halaman (page hit) pada blog. Jika berdasar pada IP pengunjung, maka nominal dari jumlah pengunjung akan lebih sedikit dibanding dengan berdasarkan pada jumlah klikan per halaman. Jadi, kalau ingin terlihat banyak pengunjung, maka ambilah sistem penghitungan jenis kedua.

Ada banyak web yang menawarkan layanan penghitungan pengunjung secara gratis. Untuk yang bayar, juga tentunya ada. Dan seperti biasanya, yang bayar adalah versi premium atau upgrade dari layanan gratis. Yang akan dibahas kali ini adalah beberapa web yang memberikan layanan yang gratisan. Tentunya, yang gratisan lebih menarik bagi kita pengguna blog gratisan pula :D

1. Site Meter

Ini adalah web yang paling menonjol diantara web-web lainnya. Informasi yang diberikan cukup lengkap. Mulai dari jumlah pengunjung berdasarkan IP, jumlah halaman yang dikunjungi, hingga informasi si pengunjung tersebut. URL asal dia masuk ke blog kita, waktunya, negaranya, lengkapnya klik di data statistik ini. Data ringkasan statistik pengunjung akan dikirimkan ke email secara teratur.

Untuk mendapatkan layanan ini, kamu harus mendaftar terlebih dahulu. Klik di sini untuk pendaftarannya. Ikutilah proses pendaftarannya hingga nantinya mendapatkan kode yang harus dimasukkan ke dalam gadget blogger.

2. BlogPatrol

Hampir sama dengan Site Meter, tapi tidak ada layanan pengiriman info melalui email. Namun, ada kekurangannya. Beberapa lama saya menggunakan BlogPatrol, sering terjadi blank info, dimana ketika kita ingin melihat data pengunjung, data tidak ada.

Untuk pendaftaran, klik di sini.

3. eFreeCounter

Berbeda dengan 2 di atas, untuk mendapatkan data statistik kita tidak perlu melakukan proses pendaftaran. Lebih ringkas dan mudah, tentunya. Cukup dengan masuk ke halaman ini, kemudian ikuti langkah-langkah selanjutnya.

Berbeda dengan layanan yang mengharuskan pendaftaran, layanan yang ringkas ini kita tidak akan diberikan info tentang data pengujung.

Salah satu kelemahan dari web ini adalah, pada counter yang diberikannya akan diselipkan link iklan produk. Jika tidak ingin menampilkan iklan tersebut di blog, jangan memakai jenis counter ini.

4. FreeLogs

Web ini juga menawarkan counter tanpa harus ada proses pendaftaran. Cukup masuk ke halaman ini, lalu ikuti isi kolom-kolom yang dibutuhkan dan ikuti langkah-langkahnya. Kita akan diberikan pilihan, apakah statistik berdasarkan unique user (IP) atau berdasarkan klikan tiap halamannya (Every Page Hit).

Masih banyak lagi web yang memberikan layanan penghitungan pengunjung blog secara gratis. Tinggal kita mau pilih yang mana ....

Read More......

Rating

3 komentar

Contohnya:


Cara membuatnya adalah, masukan kode berikut ini:

<div class="js-kit-rating" title="Rated item" permalink=""></div><script
src="http://js-kit.com/ratings.js"></script>

Kode diambil dari JS-Kit

Modifikasi:

Score View

Kode:
<div class="js-kit-rating" view="score"></div>
<script src="http://js-kit.com/ratings.js"></script>


Split View

Kode:
<div class="js-kit-rating" view="split"></div>
<script src="http://js-kit.com/ratings.js"></script>


Warna Bintang
Ruby :
Kode:
<div class="js-kit-rating" starColor="Ruby"></div>

Merah :
Kode:
<div class="js-kit-rating" starColor="Red"></div>

Golden :
Kode:
<div class="js-kit-rating" starColor="Golden"></div>

Green :
Kode:
<div class="js-kit-rating" starColor="Green"></div>

Emerald :
Kode:
<div class="js-kit-rating" starColor="Emerald"></div>

Blue :
Kode:
<div class="js-kit-rating" starColor="Blue"></div>

Indigo :
Kode:
<div class="js-kit-rating" starColor="Indigo"></div>

Violet :
Kode:
<div class="js-kit-rating" starColor="Violet"></div>


Read More......

XML Template : Stroberi

15 komentar



View : Live Demo

Download : stroberi.txt

Lihat template lainnya di Azzahrah Design.

Read More......

Kalender Hijriah

8 komentar


Script untuk membuatnya:

<script src="http://hijriah.jentayu.com/hijriah.php"> </script>

Script diambil dari hijriah.jentayu.com

Kalender Hijriah versi lain:



Scriptnya:

<table width=170><tr><td><script language="JavaScript" src="http://www.mukmin.info/cgi-bin/takwim/jshijrah.pl?latar=green&
teks=white&jenis=3&garis=black&gmt=7&format=1&lang=eng"> </script></td></tr></table>

Modifasi kalender di mukmin.info

Read More......

Membuat Ruang Diskusi

5 komentar

Sudah melihat Ruang Diskusi yang saya buat? Kalau belum, silahkan main dulu ke sana. Tutorial kali ini, saya akan membahas cara membuatnya.

Langkah pertama adalah membuat postingan baru. Sama caranya seperti membuat postingan baru biasa. Di bagian judul (title) isi dengan "Ruang Diskusi" atau isi dengan lainnya sesuai dengan keinginan.

Langkah selanjutnya adalah membuat isi postingan. Kliklah tab Edit HTML. Isilah kotak text dengan code script ini:

<div class="js-kit-comments" permalink=""></div>
<script src="http://js-kit.com/comments.js"></script>

Script ini diambil dari JS-Kit.

Klik tombol Publish Post.
Lihatlah bloglah.
Waaadaaaa .... sekarang sudah ada ruang diskusi.

-- Alhamdulillah, bisa berdiskusi --

Lihat tutorial lainnya di Azzahrah Design

Read More......

XML Template : Simple Blue

25 komentar

klik pada gambar untuk memperbesar

View : Live Demo


Download txt file : simple-blue.txt

Cara Penggunaan:

1. Untuk Kalender
Masuk ke bagian Setting > Formatting. Timestamp Format ganti dengan pilihan Monday, August 18, 2008.

2. Untuk Menu
Masuk ke Layout. Tambahkan menu-menu lainnya. Jika tidak, maka bagian menu ini tidak akan terlihat.

Lihat template lainnya di Azzahrah Design.

Read More......

Membuat Border

11 komentar

Border dapat dibuat pada tulisan dan gambar. Contoh pada tulisan adalah:

Tulisan ber-border. Ukuran border 1px dan jenisnya solid.

Membuatnya tidaklah susah.

Ada 2 cara pembuatan, yaitu tidak menggunakan CSS dan menggunakan CSS. Keduanya sama mudahnya. Saya akan mengulas kedua.

1. Tidak menggunakan CSS.

Keuntungannya adalah, kita dapat membuat border yang kita sukai dan berbeda-beda untuk tiap kotaknya.
Kekurangannya adalah, kita harus mengetik code untuk tiap kotak. Ini memakan waktu dan tenaga.

Cara membuatnya:
Untuk kasus tulisan dalam kotak yang di atas. Codingnya adalah:
<div style="border:1px #ff0000 solid; padding:10px; background-color:#F3F2E8;">Tulisan ber-border. Ukuran border 1px dan jenisnya solid.</div>

border:1px #ff0000 solid;
1px --> ukuran border
#ff0000 --> warna border, terdiri dari 6 digit angka
solid --> tipe border, untuk bergaris putus-putus adalah 'dashed', titik-titik 'dotted'

padding: 10px;
Padding adalah ukuran jarak antara text dan border

background-color:#F3F2E8;
Warna latar belakang. Jika tidak ingin mengubah latar belakang warna, hapus saja.

2. Menggunakan CSS.

Keuntungannya adalah lebih mudah menggunakannya.
Kekurangannya adalah semua kotak sama.

Cara membuatnya:
Perhatikan kembali coding isi tag style yang di atas. Yaitu yang berisi:
border:1px #ff0000 solid; padding:10px; background-color:#F3F2E8;

Copy-lah bagian itu kemudian nanti akan diletakkan (paste) di bagian CSS. Masuklah ke bagian 'Edit HTML' pada layout. Perhatikan seluruh HTML yang ada. Bagian CSS diawali dengan tag coding:
<b:skin><![CDATA[/*

dan diakhiri dengan:
]]></b:skin>

Tepat di atas akhiran CSS ini, buatlah elemen baru CSS dengan mengetik:
.border {

Kemudian hasil copy-an tadi letakkan (paste) setelahnya. Akhiri dengan tanda tutup:
}

Hasilnya adalah:
.border { border:1px #ff0000 solid; padding:10px; background-color:#F3F2E8; }

Langkah terakhir adalah memanggil elemen CSS border ini melalui tag div. Yaitu:
<div class="border">isian</div>

-- Keliatannya ribet tapi tidak loh --

Lihat tutorial lainnya di Azzahrah Design

Read More......

Gambar ber-link, Seperti Kolom Sponsored

7 komentar

Beberapa pertanyaan teman-teman yang masuk adalah tentang kolom 'Sponsored' yang ada di blog ini, yaitu:

New Face Centre Best Computer
Visit Indonesia Year 2008

Bagaimana cara membuatnya?

Pembuatannya tidaklah susah. Dua hal yang harus diketahui adalah:
  1. Harus mempunyai gambar (image) yang sudah di-upload.
  2. Coding yang benar dengan alamat URL link yang dituju, yang valid juga.
Coding untuk banner Visit Indonesia 2008 adalah:
<a href="http://www.my-indonesia.info/"
target="_blank"><img alt="Visit Indonesia Year 2008"
style="border: 1px solid rgb(102, 125, 0);" src="http://i79.photobucket.com/albums/j152/riniaisyah/
visit-indo.gif"/></a>

Penggunaan gadget/widget adalah dengan mencantumkan title 'Sponsored', lalu diisi dengan coding yang telah disebutkan di atas. Banner New Face Center dan Best_Computer adalah promosi dari dua usaha keluarga. Meletakkan banner Visit Indonesia 2008 adalah murni ide sendiri yang sedikit berpromosi negara tercinta.

-- Selamat Mencoba --

Read More......

Blogger Update

4 komentar

Tim blogger membuat perubahan baru, disebut Google Gadgets. Versi yang lama, blogger mengunakan widget, sekarang menggunakan gadgets. Kelebihan gadget ini adalah langsung terintegerasi dengan iGoogle Gadgets pada sidebar kita. Selain itu, kita langsung bisa browsing mencari gadget yang kita inginkan yang terdapat dalam Gadget directory. Ini berarti, ribuan gadget bisa kita cari dan langsung kita tampilkan di blog kesayangan kita. Ribuan gadget siap pakai? Hmm, fantastis...

Gadget yang kita buat mengikuti ukuran sidebar yang telah kita tetapkan.

Bagaimana menggunakannya?


Caranya tidak jauh beda dengan cara yang lama. Masuklah lewat dashboard ke bagian layout. Jika kamu teliti, kamu akan mendapatkan perubahan kecil. Sekarang kamu akan melihat tulisan 'Add a Gedget'. Nah, kliklah link tersebut. Kamu akan masuk ke window baru yang berisi ribuan gadget siap pakai.

Pada menu kiri, akan kita lihat pembagian gadget. Gadget basic yang dulunya ditawarkan blogger masih dapat kita pakai. Blogger juga telah membagi gadget lainnya menjadi beberapa kategori.

Cara memasukkan gadget ke blog adalah cukup dengan klik tanda tambah di sampingnya.

Pencarian gadget dilakukan dengan memasukkan kata kunci ke dalam form pencarian yang terdapat di atas, contohnya : 'Searching Gadget'. Kemudian klik tombol pencarian di sampingnya.

-- Selamat ber-gadget ria --


Lihat tutorial lainnya di Azzahrah Design

Read More......

Membuat Widget Cuaca

3 komentar



Lihat widget informasi cuaca di sebelah ini. Bagaimana cara membuatnya?


Caranya, cukup menuliskan script di bawah ini. Tentunya di tempat yang diinginkan. Scriptnya:

<!-Weather in jakarta, Indonesia on your site - HTML code - weatherforecastmap.com
--><script src="http://www.weatherforecastmap.com/weather.php?zona=indonesia_jakarta"></script><noscript><a
class="weather_widget" href="http://www.weatherforecastmap.com/"
><img class="weather" src="http://weatherforecastmap.com/img/widgets/1217950.gif"
alt="weather_widget" ></a></noscript><!-end of code-->

--Alhamdulillah, berhasil--


Read More......

Menu Link / Top Tabs

20 komentar

Menu Link / Top Tabs adalah link yang diletakkan di bagian atas. Link dapat berupa alamat link dari blog kita ataupun blog/web lain yang ingin ditampilkan di blog. Contohnya:

Menu Link

Untuk membuat menu link seperti di atas, dilakukan dalam beberapa tahap.

Tahap pertama, mengubah code HTML.
Pada bagian 'layout', kliklah link 'Edit HTML'. Centangkan 'Expand Widget Templates'. Carilah kode widget untuk header, kodenya awalnya seperti di bawah ini:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Kemudian diakhiri dengan kode:

</b:section>

Tepat di atas kode </b:section>, letakkan kode baru ini:

<b:widget id='LinkList1' locked='false' title='Menu Link' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title'/>
<div class='Menu'>
<ul>
<li class='page_item'><a href='/'><span>Home</span></a></li>
<b:loop values='data:links' var='link'>
<li class='page_item'><a expr:href='data:link.target'><span><data:link.name/></span></a></li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>

Tahap kedua, mengubah code CSS.
Pada bagian CSS, tambahkan elemen berikut ini:

/*-- (Menu Link) --*/
.Menu { padding: 0px 0px 0px 0px; float: right; position: absolute; top: 100px; }
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px;}
.Menu ul li { background:#FFFFFF; padding: 0px; margin: 0px; display: inline; font-weight: bold;}
.Menu ul li a { padding: 5px 11px 6px 11px; background:#FFFFFF;}
.Menu ul li a:hover { background:#CC0000; color:#FFFFFF; text-decoration: none;}
.Menu ul li ul { display: none;}

Simpan (save) hasil kerjaan.

Tahap ketiga, menambahkan link.
Masuklah ke bagian 'Page Elements'. Akan terlihat widget 'Menu Link' yang baru kita tambahkan, tepat di bawah header. Kliklah link 'Edit'.


Kemudian, akan terbuat widget baru. Tambahkan link-link kamu melalui widget ini.

Tahap keempat, mengubah tampilan menu.
Bagian ini adalah pilihan. Warna latar (background) menu atau warna link dapat diubah sesuai dengan keinginan. Pada bagian tahap kedua, yaitu mengubah CSS. Coba perhatikan tulisan background:#FFFFFF;. Ubahlah kode warna #FFFFFF dengan kode warna lainnya. Begitu juga untuk mengubah warna font. Carilah kode color:#FFFFFF;. Ubahlah kode warna dengan kode lainnya.

Letak menu juga dapat diubah-ubah. Mengganti letak ketinggian, ubah ukuran yang terdapat pada code top: 100px;. Mengganti letak kanan-kiri dengan cara mengubah nilai dari padding: 0px 0px 0px 0px;. Contohnya, membuat menu lebih ke arah kanan, kodenya menjadi padding: 0px 0px 0px 100px;.

-- Alhamdulillah, selesai juga --

Lihat tutorial lainnya di Azzahrah Design

Read More......

FAQ

5 komentar

1. Apakah bisa mengubah setingan Classic Template menjadi XML Template dan kebalikannya?
--> Bisa. Langkah-langkah pengubahannya dapat dilihat di halaman Tutorial Pengaturan dan Pengubahan Skin / Template.

2. Mana yang lebih baik, Classic Template atau XML Template?
--> Keduanya sama baiknya. Kelebihan XML Template adalah adanya widget.

3. Bagaimana cara mengganti XML Template dengan yang baru?
--> Ada dua cara. Yang pertama dengan cara meng-copy semua kode HTML template baru ke dalam kolom 'Edit HTML'. Cara kedua adalah dengan cara upload file txt atau xml. Cara kedua ini lebih mudah penggunaannya. Penjelasan lebih lengkap baca di halaman Tutorial Pengaturan dan Pengubahan Skin / Template.

4. Apakah dapat mempertahankan widget yang lama saat mengubah XML Template?
--> Ya bisa. Caranya adalah dengan meng-copy widget lama yang ingin tetap digunakan lalu kemudian memindahkannya ke template yang baru.

5. Apakah mengubah template dapat menghapus semua postingan/artikel yang lama?
--> Tidak akan mengapus data postingan/artikel lama. Penghapusan postingan/artikel harus dilakukan langsung pada postingan/artikel tersebut.

Lihat tutorial lainnya di Azzahrah Design

Read More......

Cara Membuat 'Read More' pada Artikel

56 komentar

Pada umumnya, artikel yang dipajang di halaman depan akan ditampilkan secara penuh. Jika pada halaman depan ditampilkan 5 artikel, maka halaman depan akan menjadi panjang. Hal ini akan mengurangi kenyamanan para pembaca. Ada langkah mudah untuk memecah isi artikel menjadi 2 bagian. Bagian pertama, bagian kecil dari artikel yang ditampilkan di halaman depan. Bagian kedua adalah bagian lainnya yang akan ditampilkan bila artikel dibuka/diklik.

Contohnya:

Keutamaan Membaca Al-Qur'an

Segala puji bagi Allah. Shalawat dan salam semoga tercurahkan kepada junjungan dan kekasih kita, Rasulullah, keluarga beserta para sahabat beliau, shalallahu 'alaihi wasalam. Al-Qur'an adalah kalam (firman) Allah. Keutamaannya atas segala perkataan seperti keutamaan Allah atas seluruh makhluk-Nya. Membacanya adalah amalan yang paling utama dilakukan oleh lisan... Read More

Cara membuatnya tidaklah susah. Saya mendapatkan beberapa refernsi untuk membuat link ini. Referensi dari blog tips n trik menurut saya lebih mudah digunakan. Secara garis besar, pembuatannya dilakukan dalam 3 tahap, yaitu pada bagian layout, setting, dan pada bagian post.

Langkah-langkah pada bagian layout adalah:
  1. Anda harus login terlebih dahulu.
  2. Pada halaman dashboard, klik link layout.
  3. Selanjutnya klik link Edit HTML.
  4. Cari checkbox 'Expand Widget Template', centanglah (cek).
  5. Pada kolom HTML itu, carilah kode ini:

    <p><data:post.body/></p>

  6. Hapuslah kode itu, lalu ganti menjadi:

    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/></p>
    <a expr:href='data:post.url'>Read More......</a>
    </b:if>

  7. Tulisan 'Read More' dapat diganti menjadi 'Baca Selengkapnya' atau dengan tulisan lainnya.
  8. Pengeditan HTML telah selesai, diakhiri dengan menyimpannya, klik tombol save.

Langkah selanjutnya adalah membuat template/pola untuk setiap artikel yang akan kita post, yaitu:
  1. Masuklah pada bagian/menu Setting - Formatting.
  2. Cari kotak 'Post Template'. Isi kotak itu dengan kode:

    <span class="fullpost">
    </span>

  3. Simpan/save.

Langkah terakhir adalah membuat artikel postingannya, yaitu:
  1. Masuklah ke bagian New Posting.
  2. Antara 2 tab, 'Compose' dan 'Edit HTML', pilihlah Edit HTML.Akan terlihat kode template yang telah kita simpan sebelumnya.
  3. Pecahlah artikel menjadi 2 bagian. Bagian pertama, yang akan terlihat di bagian depan, letakkan di atas kode <span class="fullpost">. Bagian kedua diletakkan setelah kode itu dan sebelum kode </span>.

    Contoh kodenya menjadi:

    Segala puji bagi Allah. Shalawat dan salam semoga tercurahkan kepada junjungan dan kekasih kita, Rasulullah, keluarga beserta para sahabat beliau, shalallahu 'alaihi wasalam. Al-Qur'an adalah kalam (firman) Allah. Keutamaannya atas segala perkataan seperti keutamaan Allah atas seluruh makhluk-Nya. Membacanya adalah amalan yang paling utama dilakukan oleh lisan...<span class="fullpost">
    Al-Khaththabi mengatakan: "Disebutkan dalam atsar bahwa jumlah ayat al-Qur'an adalah sesuai dengan jumlah tingkatan dalam surga. Dikatakan kepada pembaca (al-Qur'an), 'Naiklah dalam tingkatan sesuai dengan ayat al-Qur'an yang sebelumnya kamu baca (di dunia).' Karena itu siapa yang membaca dengan sempurna seluruhnya al-Qur'an, maka ia menempati tingkatan surga yang paling atas di akhirat. Sedang siapa yang membaca sesuatu juz darinya, maka kenaikannya dalam tingkatan surga sesuai dengan bacaannya itu. Dengan demikian, akhir pahalanya adalah pada akhir bacaannya. </span>

  4. Publish

-- Selesai -- Alhamdulillah --

Lihat tutorial lainnya di Azzahrah Design

Read More......

Rini's Discussion Room

25 komentar


-- Terima Kasih --

Read More......

XML Skin : Green

8 komentar

klik pada gambar untuk memperbesar

View : Live Demo

Download : green.txt

Lihat template lainnya di Azzahrah Design.

Read More......

Free HTML editor

7 komentar

Kali ini, sebuah software HTML Editor. Ada 2 buah software yang ditampilkan, yaitu:

EasyHtml

It features tabbed documents, tag colorization, 18 helpers (including JavaScript, Image Map Helper, etc), MDI (multi-document-interface), built-in browser, has a customizable environment, it can export to RTF, TXT or PDF, import from RTF or TXT, it can also check the download time of a page or number of pages, good Helpfile, and more.


Stone’s WebWriter
It features tag highlighting, templates; image viewer; search & replace; frames wizard; forms wizard; ImageMap editor; JavaScript editor; StyleSheet editor; code completion; project management; site map; and more.

This HTML editor packs a lot of features into one small package. You can open multiple documents at the same time by highlighting them in the file manager and then pressing the Enter key. The Extended Search & Replace allows you to work with all open documents or with all HTML documents in a specified folder. Neat.

Registration Stone's WebWriter must be registered. See prices and registration form. Stone's WebWriter can be registered for free if it is used in your home only to make your own personal and non-commercial homepage. Please notice and respect, that no support can be offered with free registration.



Lihat tutorial lainnya di Azzahrah Design

Read More......

Free Image & Photo Editing Software Download - PhotoPlus

1 komentar

Buat yang pengen ngedit foto, nih ada software gratisan yang bisa digunakan. Namun, jika yang gratisan ini dirasa kurang, bisa di-upgrade ke versi 8, tapi mesti bayar loh....

Sedikit Review dan Screenshot-nya:

PhotoPlus is a fully-functional graphics editor for bitmap files. It features include a powerful image export optimizer, editable text, comprehensive image enhancement, image export optimizer, image slicing & image maps, 'smart' shapes, etc.


There are also additional download options: CMYK printing (2.7MB); online documentation (3.8MB); sample images (6.1MB); and 15 extra import & export filters, including WMF, PSD, PCD, PCX & EPS (1.6MB).

PhotoPlus is a professional quality tool which uses its own native SPP file format to save images but can export to the major formats: GIF, JPG & BMP.

This is an easy editor to use. The toolbars have been well thought out and implemented and the program allows an extremely high standard of image creation and editing. We liked the selection-options where you can select a portion of an image in the shape of, say, a star. There are over a dozen shapes and each are customizable.

The built-in Helpfile is extremely good and provides most of the basic information you would want to get the best from this program.

This isn't something we normally say, but PhotoPlus is almost too good to be free!

Grab a copy quick before Serif changes its mind!


Download PhotoPlus 6 for Free! - 19.4MB

Lihat tutorial lainnya di Azzahrah Design

Read More......

BTemplates

4 komentar

BtemplatesSalah satu web yang menampilkan hasil karya template buatan orang lain, termasuk Free Islamic Blogger Template ini. Silahkan lihat-lihat.

Read More......

My Blog - XML Skin

16 komentar

klik pada gambar untuk memperbesar
View : Live Demo

Download : my-blog.txt

Cara Modifikasi:
Kutipan Al-Quran dapat diganti dengan yang lainnya. Menggantinya langsung pada kolom pengeditan HTML.

Lihat template lainnya di Azzahrah Design.

Read More......

Purple, My Days - XML Skin

18 komentar

klik pada gambar untuk memperbesar
View : Live Demo

Download : purple.txt

Cara Mengubah Ayat Al-Qur'an: ubah langsung pada kolom pengeditan HTML.

Lihat template lainnya di Azzahrah Design.

Read More......

XML Skin - The Book / Al Kitab / Al Qur'an

71 komentar

klik pada gambar untuk memperbesar
View : Live Demo

Download : kitab.txt

Catatan:
Pencantuman 2 ayat Al-Quran ((Surah Ali Imran: 2-3 dan Surah an-Nahl: 89) dapat diganti. Namun harus diperhatikan ukurannya, yang mana harus pas dan sesuai dengan ukuran lebar dari gambar latar / background.

Lihat template lainnya di Azzahrah Design.

Read More......

Recent Comments / Komen Terbaru

8 komentar

Pernah melihat widget yang berisi komentar-komentar terbaru? Seperti ini contohnya:


Ada langkah mudah untuk membuat widget seperti ini. Pastikan bahwa Anda sudah log in di Blogger. Langkah selanjutnya adalah, klik URL ini:

http://blogger-templates.blogspot.com/2007/03/recent-comments.html

Kemudian isi bagian Customize Widget:

  • Widget title = judul dari widget, misalnya Komentar Terbaru
  • Blog address = isi alamat bloggernya tanpa blogspot
  • Comments to display = jumlah komentar yang akan dipajang
  • Show comment date = pilihan apakah tanggal dipajang atau tidak
  • Show post title = pilihan apakah judul dari artikel dipajang atau tidak
  • Summary size = jumlah karakter dari komnter yang akan dipajang
Sebagai masukkan, ada baiknya agar show comment date dan Show post title dicentang. Kemudian klik tombol 'Apply'. Selanjutnya klik tombol 'Add widget to my blog'. Secara otomatis, akan membuka halaman baru yang menuju ke web blogger. Pilihlah blog yang akan diletakkan widget ini beserta judulnya. Langkah terakhir, klik tombol 'Add Widget'. Secara otomatis, widget sudah masuk ke dalam blog.

Lihat tutorial lainnya di Azzahrah Design

Read More......

Ganti Skin

0 komentar

Alhamdulillah, berhasil ganti skin. Sebenarnya masih cinta sama skin lama. Tapi, untuk kenyamanan user, ana berinisiatif mengganti lay out. Inilah hasilnya. Mudah-mudahan lebih adem di mata.

Tapi nih, pernah ana baca bahwa warna hitam pada monitor sebenarnya lebih hemat dalam penggunaan listrik. Warna putih sangat boros. Hal itulah yang mendasari mengapa ana menggunakan hitam, waktu lalu.

Blog Directory

Read More......

Mawar / Rose - XML Skin

22 komentar

klik pada gambar untuk memperbesar

View : Live Demo

Download : mawar.txt

Lihat template lainnya di Azzahrah Design.

Read More......

Islam Pictures

1 komentar

Ada permintaan foto-foto yang Islam. Kalau foto pribadi, aku tak punya banyak. Foto-foto tersebut sebenarnya cukup banyak tersedia di internet.

Dua diantaranya terdapat di web galeri foto Flickr dan webshots. Penggunaan foto, secara etika haruslah dengan izin yang punya foto.






Read More......

Park - XML Skin

14 komentar



View : Live Demo
Download : park.txt

Thanks to petermarteinsson for the image.

Lihat template lainnya di Azzahrah Design.

Read More......

Computer - XML Skin

13 komentar



View : Live Demo

Download : computer.txt

Lihat template lainnya di Azzahrah Design.

Read More......

Tutorial Pengaturan dan Pengubahan Skin / Template

23 komentar

Mengubah Classic Skin menjadi XML Skin:

1. Login Blogger
2. Masuk ke halaman Dashboard
3. Klik link 'Template' pada blog yang akan diubah

4. Masuk ke halaman Template - Edit HTML
5. Klik link 'Customize Design'
6. Klik tombol di bawah yang bertuliskan 'Upgrade Your Template'

7. Ikutilah langkah selanjutnya yang akan memilih Template XML Skin Anda.

Mengubah XML Skin menjadi Classic Skin:

1. Login Blogger
2. Masuk ke halaman Dashboard
3. Klik link 'Layout' pada blog yang akan diubah

4. Masuk ke halaman Template - Page Elements
5. Klik link 'Edit HTML'
6. Sorot ke halaman bawah dari halaman Edit HTML ini
7. Klik link 'Revert to Classic Template'

8. Ikutilah langkah selanjutnya yang akan memilih Template Classic Skin Anda.

Mengubah HTML dari XML Skin:

1. Login Blogger
2. Masuk ke halaman Dashboard
3. Klik link 'Layout' pada blog yang akan diubah
4. Masuk ke halaman Template - Page Elements
5. Klik link 'Edit HTML'
6. Sebelum melakukan pengubahan, ada baiknya HTML disimpan terlebih dahulu sebagai back-up. Klik link 'Download Full Template'

7. Ubahlah HTML yang ada. Pastikan semua tag benar-benar telah tertutup dengan tag yang sama.
8. Bila Anda mempunyai XML Skin yang telah ada dalam format txt. Lakukanlah pengubahan Skin dengan cara yang gampang, yaitu upload HTML. Uploading berada di bagian atas, tepat di bawah link 'Download Full Template'. Pilih dulu Skin yang akan digunakan dengan menggunakan tombol 'Browse' dan kemudian aktifkan dengan tombol 'Upload'.

9. Untuk melihat hasil sementara, tekan tombol 'Preview'
10. Jangan lupa tekan tombol 'Save Tamplate' di akhir pengeditan.

Lihat tutorial lainnya di Azzahrah Design

Read More......
-- -- --

Copyright © 2008 - Free Islamic Blogger Templates - powered by Blogger