Koleksi widget untuk blogspot,Wordpress dll

*.Menampilkan Jam digital.

<a href="http://tinyurl.com/cgi-times"><br /><img src="http://tinyurl.com/timezona" alt="timezona" /></a>

Hasil:



*.Menampilkan tanggal masehi.

<a href="http://tinyurl.com/cgi-date"><img src="http://tinyurl.com/cgidates" alt="cgidates" /></a>

Hasil:



*.Menampilkan jam & tanggal masehi.

<img src="http://cilie.net/time.php?c=1&g=7&b=C20000&t=red&s=3" alt="time.php?c=1&g=7&b=C20000&t=red&s=3"/>

Hasil:



*.Menampilkan tanggal Hijriyah

<img src="http://js.al-habib.info/phpimg2.php?it&ic=green "/>

Hasil:



*.Menampilkan tanggal masehi & hijriyah.

<img src="http://www.mahesajenar.com/scripts/hijriah.php?tz=7&type=img&text=ffff&bg=black&border=6666"/><br />

Hasil:



Ket: Ganti kode warna dengan yang anda suka.


*.Menampilkan Random Ayat Alqur'an dalam format text.atau bisa ambil kodenya dengan klik disini.

<script type="text/javascript" src="http://<br /> www.mahesajenar.com/scripts/ayat.php?<br /> r=15&n=20" > </script>

Hasil:

Dan janganlah kamu berdebat dengan Ahli Kitab, melainkan dengan cara yang paling baik, kecuali dengan orang-orang zalim di antara mereka, dan katakanlah:" Kami telah beriman kepada (kitab-kitab) yang diturunkan kepada kami dan yang diturunkan kepadamu; Tuhan kami dan Tuhanmu adalah satu; dan kami hanya kepada-Nya berserah diri ".
(QS. AL ANKABUT:46)

widget lain

*.Menampilkan Random Ayat Alqur'an dalam format gambar.atau bisa ambil kodenya dengan klik disini.

<img src="http://www.mahesajenar.com/scripts/ayatimg.php?&text=0000FF&bg=FFFF00&am"/>

Hasil:



*.Menampilkan waktu Shalat.Untuk daerah lain,tinggal ganti nama kotanya/ bisa ambil kodenya di http://widgets.mahesajenar.com/

<a href="http://widgets.mahesajenar.com/"><img src="http://www.mahesajenar.com/scripts/adzan.php?kota=Banyuwangi&type=image1&text=F3F781&bg=0A2A1B&border=F3F781" alt="adzan.php?kota=Banyuwangi&type=image1&te" /></a>

Hasil:



*.Memasang Widget Google Pagerank.Masuk dulu dg masuk di situs ini.Contoh kodenya:

<img src="http://www.google-pagerank.net/rank.php?s=2"/a>

Hasil:



*.Menampilkan jumlah pengunjung yang online.wajib ambil kodenya di http://radarurl.com.ini sampel kodenya.

<a href="http://radarurl.com/url/www.alamatbloganda.com/"><img src="http://radarurl.com/widget/Dynamic/Green/0/image.png" alt="online"/></a></li> <li><span style="font-family: 'Comic Sans MS';"></span>

Hasil:


*.Menampilkan jumlah pengunjung yang sudah hadir di web anda.wajib ambil kodenya di http://www.easycounter.com/.ini sampel kodenya buat blog saya

<a href="http://www.easycounter.com/"><img src="http://www.easycounter.com/counter.php?mazzipul" <br /> border="0" alt="Free Web Counters" /></a><br /> <br /><a href="http://www.easycounter.com/">Total Pengunjung</a>

Hasil:


Total Pengunjung

*.Menampilkan jumlah pengunjung yang online dan jumlahnya.Wajib ambil kodenya di http://www.newcounter.net/.sampel kode untuk blog saya.

<a href="http://www.newcounter.net/p1-29483.html" target="_blank"><img src="http://www.newcounter.net/addons/lcounter/counter.php?s=9B1F4A0EFCF37D990386FBCE1F221C044D155A64F524A50677" title="free counter powered http://www.newcounter.net" border="0" /></a><noscript><a href="http://www.scriptme.com/">Scriptme SEO</a></noscript>

Hasil untuk www.kitabgundul.blogspot.com:



*.Menampilkan yahoo messenger/YM.

<a href="ymsgr:sendIM? alfian717_sby"> <img src="http://opi.yahoo.com/online?u=alfian717_sby&m=g&t=14& amp;l=us"/><br /> </a>

Ket: Ganti dg id ym anda tanpa @yahoo.com
Hasil:



*.Menampilkan no telpon dan sms.di klik langsung menuju ke menu SMS.

<a href="SMS:+6282122694531"><img src="http://mazzipul.heck.in/files/sms-me-1.png" alt="klik sini" /></a><a href="wtai://mc;+6282122694531"><img src="http://mazzipul.heck.in/files/call-me-1.png" alt="klik sini" /></a>
Ket: Ganti no HP dengan punya anda.

Hasil:

Read More >>

Cara Membuat Twitter Flash di WordPress.com

Bagaimana sih Cara Membuat Twitter Flash di WordPress.com?

He.he.he…. Tumben nongol kok langsung nanya sih? Pertanyaannya aneh lagi, masa ada sih tombol twitter yang berbetuk flash? Trus, bukannya sudah sering sekali ngebahas Tombol Twitter di blog ini? Tenang… nanti saya jelaskan, yang pasti Tombol Twitter yang berbentuk flash ini dapat mempercantik tampilan blog Anda.
Sebelumnya Mohon Maaf Sahabat Irfan Handi, karena belakangan ini saya sangat jarang membalas komentar sahabat yang bertanya seputar wordpress maupun permasalahan lainnya, karena saat ini Kantor tempat saya bekerja sudah mulai sibuk. Saya dihadapkan dengan tugas yang memang membutuhkan keseriusan, sehingga waktu untuk menyapa sahabat sangat tersita. Lho kok malah curhat?
Oke, kita kembali ke Tutorial bagaimana Cara Membuat Twitter Flash di WordPress.com ini.
Tombol Twitter ini saya sebut berbeda dengan tombol twitter sebelumnya karena pada cara membuat tombol twitter terdahulu yang dipasang disidebar maupun tombol twitter yang dipasang dengan floating image atau melayang menggunakan format gambar (jpg/png), sedangkan Tombol Twitter kali ini menggunakan file flash yang tampilannya terlihat lebih hidup. Nggak percaya? Buktiin sendiri ya!
Berikut akan saya bagikan beberapa koleksi kode twitter flash yang siap untuk dipasang di Blog WordPress Anda yang saya culik dari http://twitterflash.net/ dan http://widget.latesthack.com/ : 
Kodenya :

[/gigya src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" flashvars="username=irfanhandi80" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

[/gigya src="http://www.twpics.com/BUTTON8/twitbutton.swf" flashvars="username=irfanhandi80" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

[/gigya src="http://www.twpics.com/BUTTON7/twitbutton.swf" flashvars="username=irfanhandi80" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

[/gigya src="http://www.twpics.com/BUTTON0/twitbutton.swf" flashvars="username=irfanhandi80" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

 [/gigya src="http://www.twpics.com/BUTTON4/twitbutton.swf" flashvars="username=irfanhandi80" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

[/gigya src="http://www.twpics.com/BUTTON6/twitbutton.swf" flashvars="username=irfanhandi80" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

[/gigya src="http://www.twpics.com/BUTTON12/twitbutton.swf" flashvars="username=irfanhandi80" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

[/gigya src="http://www.twpics.com/BUTTON9/twitbutton.swf" flashvars="username=irfanhandi80" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

[/gigya src="http://www.twpics.com/BUTTON11/twitbutton.swf" flashvars="username=irfanhandi80" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

[/gigya src="http://www.twpics.com/BUTTON14/twitbutton.swf" flashvars="username=irfanhandi80" width="100" height="100" wmode="transparent" type="application/x-shockwave-flash"]

Kodenya :

[/gigya src="http://www.twpics.com/BUTTON1/twitbutton.swf" flashvars="username=irfanhandi80" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"]

Cara Menggunakannya, Silahkan copy salah satu Tombol flash twitter yang sahabat inginkan kemudian pastekan ke widget text. Ganti Username Twitter saya irfanhandi80 (kode yang dicetak berwarna biru) dan jangan lupa untuk menghilangkan tanda garis miring yang berwarna merah [/] agar kode ini dapat bekerja. Dan untuk Anda yang ingin melihat lebih banyak koleksi Twitter Flash, silahkan kunjungi alamat yang telah saya rekomendasikan diatas. Untuk Tutorial Cara Memasang Twitter Flash Melayang, InsyaAllah akan saya posting menyusul. Kalau tidak sempat, mungkin Bang Red bersedia membantu. Ngarep

Read More >>

Membuat Teks Menjadi Effect Asap di photoshop

Pada kesempatan kali ini,saya akan membuat Tutoral yang berjudul “Membuat Teks Menjadi Effect Asap” yang pastinya menggunakan Software popular yaitu Photoshop. Pada kesempatan kal ini,saya tidak bermaksud untuk mengajari Sobat-sobat semua,disini kita sama-sama belajar dalam memanipulasi Photo menggunakan Photoshop.

Okey, gak usah panjang lebar langsung saja kita simak langkah-langkahnya:

Effect Asap

1. Pertama, yang harus kudu wajib Sobat lakuin agar proses manipulasi bisa kita mulai adalah membuka Software Photoshop  (ya iya lah…). Setelah sucses membuka Sofware ini, mari kita mulai manipulasi dengan membuat lembar kerja baru dengan cara Pilih menu File > New atau Ctrl + N pada Keyboard lalu aturlah property seperti dibawah ini.
   
2. Pilih Tool Horyzontal Type Tool (T) lalu ketiklah teks yang anda inginkan.
   
3. Beri effect bergelombang pada teks dengan cara Pilih menu Filters > Distort > Wave. Namun ada kotak peringatan bahwa memberi Effect tersebut akan merubah Teks menjadi Image, Klik OK  ,Atur Parameter Wave seperti dibawah ini, selesai klik OK
   
   
4. Agar Teks terkesan goyang, caranya pilih menu Filters > Pixelate > Fragment.
   
5. Untuk Lebih menarik lagi,kita beri sapuan pada ujung-ujung huruf menggunakan Smudge Tool
   
   
6. Tambahkan Effect Blur dibagian tertentu dengan menggunakan Blur Tool.
   

Brush Asap

1. Buatlah Layer baru dengan cara pilih menu Layer > New > Layer… atau Ctrl + Shift + N lalu klik OK
   
   
2. Asap tersebut adalah koleksi Brush yang siap pakai.Bagi Sobat yang belum punya Brush asap, klik disini untuk mengunduhnya. Untuk memasukan ke dalam photoshop pilih menu Edit > Preset Manager lalu klik tombol Load. Cari file Smoke.abr
   
   
3. Pastikan Foreground berwarna Putih
4. Aktifkan Brush Tool dan pastikan Layer 1 aktif. Tempelkan Brush pada tempat yang diinginkan seperti pada gambar dibawah ini.
   

Asap berwarna

1. Lebih asyik dan menarik jika asap tersebut berwarna-warni,Caranya klik Create A New Fill of Adjusment layer,pilih menu Photo Filter, atur perameter Filter=Warming Filter (85) atau Orange. Maka gambar berwarna kecoklatan.
   
2. Klik lagi Create A New Fill of Adjusment layer,pilih menu Photo Filter, atur perameter Filter=Green. Maka gambar berwarna hijau seperti dibawah ini.
   
3. Agar ada kombinasi Orange dan Hijau,aktifkan Layer Mask di Photo Filter 2. Klik Brush Tool dan pastikan foreground berwarna hitam. Drag dibagian yang ingin dihilangkan sehingga menjadi Orange.
   

Asap Kabut

1. Buat Layer baru yaitu Layer 2
2. Pastikan Foreground dan Background berwarna hitam putih dengan cara tekan huruf D pada Keyboard.
3. Untuk membuat Effect kabut asap, pilih menu Filter > Render > Clounds
   
   
4. Agar Awan sangat kontras, pilih menu Image > Adjusment > Levels. Dengan parameter sebagai berikut:
   
5. Agar kabut manjadi warna terang, atur Blanding Mode nya = Color Dodge dengan kekuatan Fill = 60 %
   
   
6. Untuk hasil yang lebih menarik, Buat gradiasi buat gradiasi dengan Gradient Tool gelap di layer Background. Lebih bagus jika Sobat Berkreasi sendiri.
   

Selesai…
Gak terlalu sulitkan? jika sobat kesulitan untuk melihat foto tutorial diatas klik aja fotonya untuk melihat ukuran aslinya.
bagi Sobat yang ingin mengunduh E-booknya berformat pdf klik disini.
Semoga tulisan saya yang singkat ini dapat bermanfaat bagi Sobat-sobat, dan saya minta maaf jika terjadi kesalahan karena saya juga baru belajar. Manusia itu tidak luput dari kesalahan dan saya disini  Hanya Ingin Berbagi

Read More >>