Selasa, 23 Juni 2009

Mohon do'a restu dalam pernikahan kami..



Teman-temanku, rekan sahabat dan semua sodaraku. Dengan memohon Rahmad dan
Ridho Allah SWT, kami (Agus
& Lulu) bermaksud
menyelenggarakan Akad Nikah dan Resepsi Pernikahan yang insya allah akan
dilaksanakan pada:


 


Akad Nikah


Hari Sabtu Pon, 04 Juli 2009

Pukul 08:00 WIB

Bertempat di Jl. Aryojipang No.7 Ds. Janar, Nglanjuk

Cepu - Blora - Jawa Tengah


 


Resepsi Pernikahan


Hari Sabtu Pon, 04 Juli 2009

Pukul 13:00 WIB

Bertempat di

Ballroom 'Mega Bintang Sweet Hotel"

Jl. Ronggolawe No.103

Cepu - Blora - Jawa Tengah


 


Merupakan suatu yang sangat mulia bagi kami atas do'a restu dari rekan-rekan
semua. Untuk itu kami mengundang rekan-rekan agar  berkenan bisa menghadiri
acara pernikahan kami. Atas kehadiran rekan sekalian kami ucapkan terima kasih.


 


Lihat juga blog pre Wedding kami di

wedding.agusramadhani.com


Rabu, 17 Juni 2009

byTagg sekarang mendukung Bahasa Indonesia

byTagg sekarang mendukung Bahasa Indonesia

ByTagg merupakan salah satu tool favorite saya dalam urusan Rss Feed
Reader
dan Twitter Reader, karena tools ini begitu mudah digunakan
serta terbilang sangat cepat dalam prosesnya. Untuk byTagg sendiri sebenarnya
sudah pernah saya ulas pada tulisan terdahulu, yang belum baca silahkan bisa
buka arsip sebelumnya

disini
.  Dilain cerita, saya sendiri sebenarnya memang ada keterkaitan
kerjasama dengan byTagg, dan hari ini byTagg resmi dengan dukungan bahasa
indonesia untuk mempermudah kita menggunakan aplikasi ini. Dalam hal ini saya
sendiri yang bertindak sebagai translator. Buruan download

disini
.





byTagg sekarang mendukung Bahasa Indonesia


Mungkin rekan berpikir kenapa harus menggunakan byTagg ya? terus terang tools
ini merupakan salah satu penyumbang Adsense dan trafik besar buat saya, karena
byTagg sendiri memiliki jenis program affiliasi yang terbilang unik. Bila
beberapa jenis affiliasi membayar kita untuk setiap kali mereferensikan produk
kepada orang lain, byTagg berbeda,  kita dapat keuntungan dengan cara
merefer tools ini kepada orang lain yang mendownload langsung melalui link kita.
Sebagai imbal baliknya, kita dapat memasang iklan apa saja pada tools ini, bisa
berupa link Banner maupun Andsense. Semakin banyak download melalui link
affiliasi kita, semakin banyak user yang menggunakan byTagg, tentu akan semakin
maknyus hasilnya hehehe


 


Oh iya, untuk yang akan datang situs byTagg akan hadir juga dalam bahasa
indonesia dan rilis byTagg yang terbaru juga akan dilengkapi dengan fasilitas
show image pada Twitter, silahkan follow saja twitter byTagg
disini


 


Special thanks for Bruno
Kilian


Selasa, 16 Juni 2009

Memasang Widget Recent Post + (Thumbnails dan Comment Count)

Beberapa rekan mungkin sudah ada yang pernah memasang Widget Recent Post +
Thumbnails
+ Comment Count ini ya, bagi yang belum pernah tidak ada salahnya mencoba
memasang widget cantik ini yang saya ketahui pembuatnya bernama Kranti,
yaitu owner dari

Bloggertriks.com
. Kalo tidak salah dulu saya pernah juga menulis tentang
Recent Posts menggunakan Javascript, tapi yang terbaru ini rada beda, dimana
widget ini tidak hanya menampilkan recent post doank, tetapi juga dilengkapi
dengan penambahan fasilitas gambar dan juga jumlah komentar. Silahkan lihat
samplenya di
zoomtemplate.com








Ok tanpa banyak omonk langsung ke tutorial saja yoooo.




Untuk memasang widget ini caranya sangat mudah, kita tinggal copy-paste aja
semua kode dibawah ini, kemudian langsung paste aja dalam gadget
HTML/javascript
(Tuju tab Layout - Page Elements - Add a Gadget - pilih
HTML/javascript)




<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";


showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://schemar-mag.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js"
type="text/javascript"></script>




Apa saja yang perlu diedit?




boxwidth -
Ukuran Lebar Widget

cellspacing - Spasi
diantara cells


borderColor -
Warna Border

thumbwidth & thumbheight - Ukuran
lebar dan tinggi gambar Thumbnails

fntsize -
Ukuran Font pada title

acolor -
Warna title

aBold -
Tebal huruf pada title? (true or false)

numposts -
Jumlah recent post yang ditampilkan?

home_page : http://NAMABLOGKAMU.com/
(Ubah sesuai URL blog masing2)


Minggu, 14 Juni 2009

Animasi gambar Opacity menggunakan jQuery

Postingan kali ini sebenarnya cuman memperbaiki tutorial sebelumnya mengenai

tranparansi gambar menggunakan CSS Opacity
. Kok memperbaiki, emang ada yang
salah ya? sejujurnya gak ada kok, masalahnya hanya pada tampilan di
browser..dimana CSS opacity ternyata kurang begitu berjalan dengan baik
pada beberapa browser versi jadul, salah satunya di IE6. Selain itu efek animasi
yang ditampilkan juga kurang begitu mantap dan terlihat kasar.  Nah sayang
banget tuh punya efek animasi gambar yang ok tapi gak support di browser lawas,
untuk itu kali ini saya coba mengenalkan efek animasi yang lain menggunakan
Opacity via jQuery.









Efek blur tranparansi yang ditampilkan menggunakan Opacity jQuery
ternyata lebih halus jika dibanding dengan Opacity CSS, dan sepertinya
juga support di semua browser, asalkan pada browsernya tetap mengaktifkan Enable
Javascript lho ya hehehe. Untuk melihat contoh efek gambar yang dihasilkan
jQuery silahkan langsung aja ke Blog baru saya
Free Blogger Templates
Gallery
.




OK, langsung ke tutorial saja ya...




Buka halaman Edit HTML kemudian letakan script dibawah ini di bawah kode
]]></b:skin>




<script src='http://code.jquery.com/jquery-latest.js'
type='text/javascript'/>


<script type='text/javascript'>

$(document).ready(function(){

$(&quot;.efekanimasi&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets
the opacity of the thumbs to fade down to 30% when the page loads

$(&quot;.efekanimasi&quot;).hover(function(){

$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on
hover

},function(){

$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to
30% on mouseout

});

});

</script>




Contoh manual memasang efeknya pada gambar :




<img
class="efekanimasi"
src="
url alamat gambar"/>




Sebenarnya ada cara lain yang lebih mudah dimana kita bisa langsung
mengaktifkan efek gambar ini disemua image pada halaman posting. Caranya, copy
paste aja script dibawah ini, dan letakan saja dibawah kode
]]></b:skin> atau dibawah script yang sudah
kita masukan sebelumnya.




<script type='text/javascript'>

$(document).ready(function(){

$(&quot;.post img&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the
opacity of the thumbs to fade down to 30% when the page loads

$(&quot;.post img&quot;).hover(function(){

$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on
hover

},function(){

$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to
30% on mouseout

});

});

</script>




Good Luck :)


Minggu, 07 Juni 2009

Menampilkan Gambar Transparan, Mouseover Effect

Ini maksudnya apa ya? ok, dari pada saya jelasin panjang lebar coba rekan
lihat dulu samplenya di
zoomtemplate.com
, kalo sudah coba sekarang arahkan mouse ke gambar yang ada
dihalaman postingan..nah disitu rekan akan melihat efek dimana gambar yang
semula terang akan menjadi redup atau bisa juga sebaliknya dari redup menjadi
terang ketika dilewati mouse. Mungkin sudah cukup jelas maksudnya ya, langsung
aja ke bahasan selanjutnya :)




Cara kerja efek gambar transparan diatas tidak begitu sulit, yang kita
perlukan hanya memanfaatkan properti CSS Image Opacity. Namun sebelumnya
perlu juga diketahui property CSS opacity sebenarnya tidak termasuk dalam
standar CSS, dimana property ini hanya bekerja dengan baik pada beberapa
web browser modern saja.





Contoh mouseover effect dari redup ke lebih terang (diset langsung dalam
gambar)




onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" width="320" height="240"/>


 


<img src="Url lokasi
simpan gambar
"
style="opacity:0.4;filter:alpha(opacity=40)"

onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"

onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />


 


Contoh mouseover effect dari terang ke redup (diset langsung dalam gambar)




onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" width="320" height="240"/>


 


<img src="Url lokasi
simpan gambar
" border="1"
style="opacity:1;filter:alpha(opacity=100)"

onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"

onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>





Mungkin agak ribet juga ya jika setiap image harus diset satu-persatu
nilainya propertinya, nah agar setiap postingan rekan
langsung memilik efek ini secara otomatis, bisa langsung menambahkan kode CSS
ini:




 .post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}



.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}






Setahu saya Firefox biasanya menggunakan property opacity:x untuk
melakukan tranparancy, berbeda dengan IE yang menggunakan
filter:alpha(opacity=x). 
Pada Firefox opacity:x nilai pada x
dapat diisi dengan value antar 0.0 -1.0 sedangkan pada IE
filter:alpha(opacity=x)
nilai x antara 0-100.





Breaking News:
zoomtemplate.com
sudah mencapai tahapan final, untuk desain
template sengaja saya buat khusus dengan memasang berbagai efek istimewa dan
beberapa teknik koding yang masih jarang digunakan di template yang ada selama
ini. Semoga cepat kelar ya..dan ditunggu juga untuk sumbangan template rekan lainnya.
thanks

Kamis, 04 Juni 2009

Peluncuran Blog Baru Zoomtemplate.Com (Beta)


Beberapa hari yang lalu saya sempat menyampaikan informasi di status

Facebook
bahwa dalam waktu dekat akan ada peluncuran blog terbaru dari saya.
Dari status tersebut ternyata banyak juga yang merespon dan penasaran kira2 blog
apa itu ya yang bakal saya luncurkan hehehe. Ok, saya jelasin dikit, sebenarnya
blog ini dibangun sebagai Blog Template Gallery yang bertujuan untuk
menampung Template buatan saya sendiri maupun template yang sudah dikirimkan
rekan blogger lainnya kepada saya. Sebenarnya sudah dari kemaren sih pengen cepat
di lounching, berhubung masih banyak kurang ini dan itu makanya baru sekarang
bisa di posting. Terus terang blog ini baru 70% selesai, jadi belum begitu
sempurna dimata saya. yah namanya juga blogger tetap aja gatal mau cepat
dipamerin hehehe








Yang jelas blog ini platform-nya masih menggunakan blogger kok, dan yang
paling membuat saya senang karena ada keberhasilan menanamkan teknololgi terbaru
dimana dengan teknologi terbaru ini ternyata dapat membagi style postingan
berdasarkan label tertentu, jadi antara artikel khusus tutorial dan yang khusus
show template akan berbeda tampilannya. Saya juga memasang fasilitas Star
Ratings
pada setiap pilihan template biar lebih mudah untuk memberikan
penilaian. Berhubung masih dalam tahap uji coba mungkinmasih banyak
kekurangan..tetap ditunggu ya versi finalnya..dan jangan lupa segera
publikasikan template rekan

disini
karena akan di segera dipajang pada Template
Gallery
.




Silahkan sambangi aja langsung di
Zoomtemplate.com




Silahkan berimasukan kritik membangun dan saran disana ya. saya sangat
menghargai sekali apapun masukan rekan semua. thanks


Selasa, 02 Juni 2009

Penghitung jumlah kata (Word Count) buat maen Paid Review

Yang suka maen Paid Review pasti pernah mengalami status penolakan
(reject) pada artikel hanya karena masalah sepele, salah satunya cuman masalah
dalam mengkalkulasikan minimal jumlah kata (Word Count). Kadang masalah
minimnya jumlah kata/huruf ini bisa jadi serius juga lho..kan rugi udah capek2 nulis tapi ujung2nya cuman direject hehehe. Masalah lain yang mungkin terjadi biasanya
kesalahpahaman antara kita (pengguna jasa) dengan penyedia jasa Content Writer yang memang menghitung pembayaran berdasarkan jumlah kata/huruf. Nah agar
tidak terjadi lagi kesalahpahaman, saya coba menyediakan tool sederhana yang
mungkin berguna untuk mengkalkulasikan banyaknya jumlah kata dalam tulisan.






Silahkan masukan tulisan yang ingin dikalkulasikan:












  onClick="countit()">
Kata








Catatan: perlu diketahui cara kerja tool diatas menghitung
berdasarkan jumlah spasi, jadi tetap perhatikan untuk letak spasinya ya, hindari terjadi double spasi.




Yah..walapun sederhana tapi cukup membantu khan, jangan lupa di
Bookmark ya siapa tau setiap saat berguna :)