Membuat Efek Api Pada Teks Dengan Photoshop

Kesempatan saya yang sedikit ini, marilah kita sejenak menatap ke artikel yang mungkin dibutuhkan oleh kalian semua. Artikel ini akan membahas cara membuat teks yang berefek terbakar (api). Tapi mudah-mudahan kita tidak terbakar sungguh… hehehehe, ngelantur ya?
Oke lanjut pada tutorial kali ini dan ikuti langkah-langkah saya :

Langkah 1
Buatlah file baru dengan mengklik File> New warnai dengan warna hitam pada program photoshop yang anda miliki dan atur ukurannya sesuai dengan keinginan anda sendiri.

Membuat Subscription Form 'Kotak Berlangganan' Ala Wordpress

Patut kiranya seorang blogger berbagga ria atas tips kali ini. Pasalnya, pada tutorial kali ini akan dibahas tentang topik membuat kotak berlanggan artikel terbaru (Subscription Form Feed Burner kata orang madura) seperti wordpress. Karena banyaknya fans yang menginginkan berlangganan artikel yang diposting blog kita, sebaiknya pemilik blog membaut gadget seperti ini.

Membuat Efek Zoom Image Versi-2

Hallo semuanya...!!!
Lama gak berjumpa ma temen-temen blogger semua, gimana sehat selalu?
Lah... pada kesempatana ini saya akan memberikan tips cara membuat efek zoom pada foto jika diklik dengan mouse. Pada tutorial sebelumnya juga pernah dibahas tentang pembuatan image zoom, akan tetapi pada hasil yang akan diperoleh dalam tutorial ini sangat menarik. Jika tidak keberatan sialak lihat demonya disini.

Buktikan sendiri serta langkah pembuatannya adalah?

• Masuk ke akun Blogger Anda;
• Klik tombol Rancangan dan pilih Edit HTML;
• Cari kode ]]></b:skin>
• Jika ketemu copy paste kode berikut sebelum kode diatas

div.jquery-image-zoom {
line-height: 0;
font-size: 0;
z-index: 10;
border: 5px solid #fff;
margin: -5px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
div.jquery-image-zoom a {
background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;
display: block;
width: 25px;
height: 25px;
position: absolute;
left: -17px;
top: -17px;
/* IE-users are prolly used to close-link in right-hand corner */
*left: auto;
*right: -17px;
text-decoration: none;
text-indent: -100000px;
outline: 0;
z-index: 11;
}
div.jquery-image-zoom a:hover {
background-position: left -25px;
}
div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
width: 100%;
height: 100%;
margin: 0;
}

• Lalu cari kode </head>
• Copy paste kode berikut sebelum kode </head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>

<script type="text/javascript" src="http://kang-onk.googlecode.com/files/jQuery.ImageZoom.js"/>
<script type="text/javascript">
jQuery(document.body).imageZoom();
</script>

• Lalu Simpan Template

Selamat mencoba dan semoga berhasil.

Membuat Iklan Banner 125x125 pada Blog

Banyak banner atau iklan berupa gambar yang diliat pada hampir semua blog, terkesan menarik bukan? Oke pada tutorial kali ini akan dibahas tentang bagaimana membuat banner 125x125 digadget blog. Tanpa panjang lebar karena temen-temen blogger pasti tahu kegunaan banner 125x125 tersebut.