Home » All posts

Senin, 17 Agustus 2009

Agar terindex di Bing Search Engine

18.52  ,  No comments

Pasti sudah pada taukan Search Engine terbaru besutan dari Microsoft yang
diberi nama dengan Bing.com. 
Bing yang saya ketahui sampai saat ini merupakan hasil kolaborasi dari 2
perusahaan maha besar antara Microsoft dan Yahoo. Tentu saja bing berpotensi
menjadi pesaing terberat Google, jadi tidak menutup kemungkinan bing bisa saja
menjadi mesin pencari utama kita nantinya. Ah tapi biarlah siapun yang menjadi
pemenangnya tidak terlalu penting, yang jelas, saat ini kita sebagai blogger
berusaha saja bagaimana memposisikan Blog kita menjadi urutan teratas pada semua
search engine hehehe yah paling tidak terindex saja sudah cukup :)








Cara Submit URL ke Bing


Agar blog terindex di bing caranya sangat mudah, kita hanya menuju ke alamat
ini saja
http://www.bing.com/docs/submit.aspx, Silahkan masukan saja langsung alamat
blog dan kode verifikasi.








Cara Authentikasi Meta tag dan Submit URL di Bing


Untuk lebih meningkatkan spider bing aga bisa mengcrawl dan mengindexs Meta
Tag blog anda. Silahkan kunjungi langsung Bing Webmaster

http://www.bing.com/webmaster, untuk bisa melakukan beberapa setting anda
harus terdaftar dulu di Bing.com




Web Address: masukan nama blog (contoh:www.o-om.com)


Sitemap address:
www.bing.com/webmaster/ping.aspx?siteMap=www.o-om.com/atom.xml (saya masih belum
jelas juga sitemap dengan atom.xml bisa bekerja dengan baik apa tidak)


Meta tag authentication -> masukan kode authentication di halaman html
blog kita masing-masing, biasanya kode ini diletakan di bawah kode 
<head>







Menurut sepengatahuan saya, blog yang sebelumnya sudah pernah terindex di MSN
Search juga berpotensi terindex di Bing.com jadi silahkan dicek saja dengan
langsung memasukan URL blog.


thumbnail Title: Agar terindex di Bing Search Engine
Posted by:Unknown
Published :2009-08-17T18:52:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Agar terindex di Bing Search Engine
Read More

Rabu, 12 Agustus 2009

MazeCore: Cara mudah memonitor posisi keyword.

17.31  , , ,  No comments


Layanan MazeCore
mungkin bukan yang terbaik, tapi paling tidak layanan spesialis monitoring
keyword ini gratis :). Untuk rekan yang ingin memantau posisi keyword pada
tiga search engine terkenal sekaligus seperti google, bing dan yahoo sepertinya
aplikasi ini menjadi pilihan yang menarik. Cara menggunakan aplikasi ini juga
tidak sulit, yang kita perlukan hanya mendaftar, kemudian memasukan alamat blog
dan keyword yang ingin di monitor.








Selain berfungsi sebagai monitoring keyword, layanan ini juga memiliki
pesan alert sebagai pemberi laporan (report) yang akan dikirim langsung ke
alamat mail, kita tinggal memilih 3 pilihan untuk hasil laporan, bisa harian,
mingguan dan bulanan. Selamat mencoba aja :)



thumbnail Title: MazeCore: Cara mudah memonitor posisi keyword.
Posted by:Unknown
Published :2009-08-12T17:31:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 MazeCore: Cara mudah memonitor posisi keyword.
Read More

Selasa, 11 Agustus 2009

PipmTheFace: Kesulitan membuat karikatur wajah? ini solusinya.

19.29  ,  No comments


Pasti pernah khan melihat gambar wajah seseorang yang dipajang dibeberapa
tembok dan papan pengumunan yang salah satunya bisa berupa informasi orang
hilang. Mungkin
kita mengira gambar tersebut hanyalah sebuah oret-oretan yang dibuat oleh
seseorang yang mempunyai keahlian khusus dan memiliki daya imajinasi dimana dia
bisa menuangkan suatu gambaran tak kasat mata dari pemikiran manusia lainnya
lalu menuangkan pemikiran tersebut kedalam sebuah sketsa.






 


Membuat gambaran umum mengenai sketsa karikatur wajah seseorang tentu
sangatlah sulit bagi yang belum berpengalaman, tapi tidak jika kita menggunakan
layanan dari PipmTheFace, layanan inilah yang memungkinkan kita membuat custom
karikatur wajah menjadi lebih mudah. Kita bisa mendesain wajah apa saja termasuk
wajah sendiri, pacar atau siapa saja termasuk orang hilang. Selain itu, layanan
dengan tehnik drag n drop ini juga menyediakan kemudahan, karena beberapa item
dari wajah sudah disediakan sangat lengkap mulai dari mata, alis, hidung,
telinga, jenggot, rambut dan bentuk wajah. Dimana kreativitas kita sendirilah
yang sangat menentukan hasilnya. Selamat mencoba aja ya :)


thumbnail Title: PipmTheFace: Kesulitan membuat karikatur wajah? ini solusinya.
Posted by:Unknown
Published :2009-08-11T19:29:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 PipmTheFace: Kesulitan membuat karikatur wajah? ini solusinya.
Read More

Minggu, 09 Agustus 2009

Informasi Pasang Iklan (Advertise)

21.03    No comments

Kenapa harus beriklan di o-om.com?


o-om.com saat ini tercatat memiliki Google Pagerank (PR3), pengunjung sekitar
2000+ visitor
dan 6000+ pageviews perharinya, tercatat juga memiliki sekitar 6400+
pembaca setia via Feedburner dan 1500+ via FeedBlitz dan ini sungguh angka yang terbilang special untuk
blogger indonesia, Selain itu tercatat juga 4300+ Blogger Follower,
2300+ Mybloglog Follower dan o-om.com juga tercatat memiliki ranking Alexa sebesar
20.000-, kemungkinan data statistik ini tentu saja akan terus meningkat
sesuai dengan berjalannya waktu.


 


Penawaran Space Iklan/Review:

 



Banner Size 125 x 125



Letak:  Sebelah kanan Sidebar



Harga: Rp 99.000,- / Bulan

 



Spesial Review:



Anda yang menulis: Rp.400.000,-



Saya yang menulis: Rp.500.000,-



Plus Bonus Banner Size 125 x 125 (selama 1 Bulan)



 



 




Peraturan:





  • Bukan konten Pornografi maupun SARA dan Provokasi.

  • Desain Banner dibuat
    sendiri oleh pemasang iklan.

  • Setiap bulan hanya bisa ganti link
    iklan atau desain banner sebanyak 1 kali.

  • Link/URL yang berkaitan dengan Referral atau Afiliasi produk
    lain akan berstatus NoFollow, kecuali Link/URL tersebut milik pribadi
    pemasang iklan itu sendiri.

  • Materi iklan sepenuhnya merupakan tanggung jawab pemasang iklan, o-om.com tidak bertanggung jawab terhadap kritikan atau tuntutan atas materi iklan.

  • Untuk harga dan peraturan dapat berubah sewaktu-waktu tanpa konfirmasi terlebih dahulu (kecuali bagi pemasang iklan)


 


Pembayaran:




Untuk saat ini hanya menerima pembayaran melalui transfer bank dan Paypal.
Silahkan kirimkan pembayaran Anda sesuai dengan biaya iklan di atas ke salah
satu rekening berikut ini:




Bank Mandiri cab. Yogyakarta Adisucipto

No. Rek: 1370004452211

A/N: Agus Ramadhani




Bank BCA cab. Urip Sumohardjo

No. Rek: 4560707911

A/N: Agus Ramadhani


 


 


thumbnail Title: Informasi Pasang Iklan (Advertise)
Posted by:Unknown
Published :2009-08-09T21:03:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Informasi Pasang Iklan (Advertise)
Read More

Rabu, 05 Agustus 2009

Membuat Mini Post atau Mini Artikel diBlogger

19.18  ,  No comments



Sudah lama juga ya gak nulis tutorial, abis bingung mo nulis apalagi karena
hampir semua tutorial blogger sudah saya bahas semua di blog ini. Nah tadi
barusan ingat kalo beberapa waktu lalu banyak yang nanyain saya gimana cara
menampilkan posting berbeda untuk setiap label tertentu? mungkin rekan yang
sering berkunjung ke zoomtemplate.com sudah mengerti maksud saya ya, kalo belum
silahkan lihat contohnya dengan mengklik link Older Posts sampai ketemu
perbedaannya. Atau bisa lihat contohnya di
http://tweets.o-om.com










Mini Post atau Mini Artikel ini sebenarnya cara lain menampilkan berita singkat
dimana style post yang ditampilkan akan berbeda dengan posting sebenarnya.
Minipost ini akan tampil sesuai dengan label atau kategori khusus..jadi untuk
menampilkan setiap Mini post kita hanya cukup menentukan labelnya saja.
Sebenarnya cara membuat mini post ini saya temukan dari salah satu blogger

quiterandom.com silahkan dipelajari disana bila ingin lebih jelasnya :)






1. Masukan kode dibawah ini dalam deretan kode CSS






.minipost.home {background: #fff; font: normal 12px
'Arial', sans-serif; padding: 5px;border:1px solid #c0c0c0}

.minipost.home .date {color: #000; font-size: 10px; font-weight: bold;
text-transform: uppercase;}

.minipost.home .body {padding: 5px 0;}

.minipost.home .meta a {color: #990000; font-size: 10px; font-weight: bold;
text-transform: uppercase;}

.minipost.item {background: transparent;}

.minipost.item .date {margin:1.5em 0 .75em; font:normal normal 78% 'Trebuchet
MS',Trebuchet,Arial,Verdana,Sans-serif; line-height: 1.4em; text-transform:uppercase;
letter-spacing:.2em; color:#999999;}

.minipost.item .title {margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal;
line-height:1.4em; color:#cc6600;}






2. Kemudian cari kode <b:loop values='data:posts' var='post'>
lanjutkan lagi dengan memasukan kode warna pink yang pertama. Kalo sudah
masukan lagi kode warna pink yang kedua dibawah kode <b:include
data='post' name='post'/>






<b:loop values='data:posts' var='post'>



<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == &quot;true&quot;'>

<b:if cond='data:label.name != &quot;minipost&quot;'>



<b:if cond='data:post.dateHeader'>

<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if>

<b:include data='post' name='post'/>



<b:else/>

<b:include data='post' name='minipost'/>

</b:if>

</b:if>

</b:loop>



<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:post.includeAd'>

<data:adEnd/>

<data:adCode/>

<data:adStart/>

</b:if>

<b:if cond='data:post.trackLatency'>

<data:post.latencyJs/>

</b:if>

</b:loop>






3. Langkah ke tiga cari kode berikut <b:widget id='Blog1'
locked='true' title='Blog Posts' type='Blog'> Kemudian sisipkan semua
kode dibawah ini dibawah kode diatas

 




<b:includable id='minipost' var='top'>



<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='minipost home'>

<div class='date'><data:post.dateHeader/></div>

<div class='body'>

<data:post.body/>

<div class='clear'/>

</div>

<div class='meta'>

<a expr:href='data:post.url'>Read More</a> |

<a expr:href='data:post.url + &quot;#comments&quot;'><data:post.numComments/>
comments</a>

<b:include data='post' name='postQuickEdit'/>

</div>

</div>



<b:else/>



<div class='minipost item'>

<div class='date'><data:post.dateHeader/></div>

<div class='title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>

<div class='body'>

<data:post.body/>

<div class='clear'/>

</div>

<b:include data='post' name='postQuickEdit'/>

</div>

</b:if>



</b:includable>

 




4. Buat satu postingan dengan label "minipost", silahkan dicoba aja dulu :)



thumbnail Title: Membuat Mini Post atau Mini Artikel diBlogger
Posted by:Unknown
Published :2009-08-05T19:18:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Membuat Mini Post atau Mini Artikel diBlogger
Read More

Senin, 03 Agustus 2009

Mudah membuat logo dengan Supalogo

01.05  , ,  No comments



Supalogo merupakan salah
satu dari sekian banyak logo maker yang memudahkan kita untuk membuat
logo secara instant. Mungkin layanan online inilah cara termudah bagi kita yang
tidak terlalu jago menggunakan aplikasi pengolah gambar. Apalagi jika kita hanya
ingin membuat logo yang berhubungan dengan nama pribadi, perusahaan atau nama blog, mungkin layanan inilah sebagai solosinya.









Satu hal yang perlu dilakukan untuk menciptakan logo adalah dengan
cara memasukkan beberapa text, kemudian memutuskan pada salah satu dari
parameter yang berbeda seperti font, size, warna atau transparansi, dan kita
akan mendapatkan logo hanya dalam beberapa detik. Silahkan dicoba aja dah :)



thumbnail Title: Mudah membuat logo dengan Supalogo
Posted by:Unknown
Published :2009-08-03T01:05:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Mudah membuat logo dengan Supalogo
Read More

Rabu, 29 Juli 2009

Seberapa bagus posisi blog anda di Search engine? cek saja dengan InstantRankMeter

23.58  , ,  No comments

Mengapa anda harus membayar $200 - $500 untuk layanan yang sama jika anda
bisa mendapatkannya secara gratis?


Kalimat diatas itutuh yang membuat saya tertarik mencoba tools SEO
dari InstantRankMeter,
ya terang saja, tau sendirikan tools SEO yang berkualitas harganya pasti
menguras kocek. Nah dengan Instant Rank meter sepertinya membuat tugas
analisa blog/situs anda jadi semakin mudah saja, dimana layanan ini akan
memberikan gambaran umum mengenai data statistik yang lengkap dan bagaimana
kinerja blog anda pada 3 search engine besar Google, Bing dan Yahoo!. Sebagai contoh, anda bisa melihat hasil analisa tool SEO ini

disini








Cara menggunakan layanan ini juga tidak sulit, yang perlu di lakukan adalah
mengetikkan alamat blog/situs dan kata kunci yang terkait, dan anda tidak hanya
akan menerima laporan berupa statistik website anda, tetapi juga pada dua
laporan dari pesaing anda, ini yang membuat informasi akan lebih menarik.
Selamat Mencoba saja :)



thumbnail Title: Seberapa bagus posisi blog anda di Search engine? cek saja dengan InstantRankMeter
Posted by:Unknown
Published :2009-07-29T23:58:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Seberapa bagus posisi blog anda di Search engine? cek saja dengan InstantRankMeter
Read More

Selasa, 28 Juli 2009

FiveFilters: Konversi RSS FEED ke PDF Koran Digital

09.56  , ,  No comments


Sebenarnya judul diatas lebih pasnya menggunakan title "RSS to PDF
Newspaper" tapi ya gak masalah khan, yang penting maksudnya ya gitu, sama
aja hehehe. Nah kali ini saya mencoba memberikan info menarik dimana kita dapat
melakukan konversi RSS Feed kedalam format PDF dengan tampilan ala Surat
Kabar (koran). Untuk mencobanya silahkan kunjungi saja langsung
Fivefilters.org dan
yang kita dibutuhkan cuman alamat Url RSS Feed blog/Site saja, lalu tekan Create
PDF dan koran digital sudah siap dipublikasikan :D



 


Ups hampir lupa, kalo tidak salah setahun yang lalu saya pernah juga membahas
layanan sejenis yang mirip sekali dengan yang sekarang menggunakan
FeedJournal.com, coba buka
saja arsip lama saya

disini.


thumbnail Title: FiveFilters: Konversi RSS FEED ke PDF Koran Digital
Posted by:Unknown
Published :2009-07-28T09:56:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 FiveFilters: Konversi RSS FEED ke PDF Koran Digital
Read More

Senin, 27 Juli 2009

SimplePassword: Cara unik membuat dan mengingat password

19.07  , , ,  No comments



Apa saja yang berhubungan dengan password sudah barang tentu sesuatu yang
sangat privasi dan rahasia khan? saya yakin rekan sudah menggunakan kombinasi
terhebat untuk menentukan password. Saking hebatnya merangkai password, membuat
kita sendiri kadang lupa untuk mengingatnya. Tidak masalah bila kita hanya
menggunakan satu password untuk banyak layanan, tapi bakal lain cerita nih kalo
setiap layanan menggunakan password tersendiri hehehe


 


Simplepassword
merupakan salah satu layanan unik yang memudahkan kita membuat sekaligus
menjadikannya mengingat password. Cara kerja layanan ini menurut saya rada aneh
dan terbilang unik dimana kita hanya perlu mengingat satu Master password saja.
Kemudian dari satu master password ini kita dapat menghasilkan password lain
yang berbeda untuk setiap layanan. Sebagai contoh  kita menyimpan password
berbeda untuk gmail.com, facebook.com dan yahoo.com disini yang kita perlukan
hanya nama situs dan satu master password saja. Selanjutnya biarkan simple
password yang bekerja menjadi mengingat password kita, mudah khan :)



 



 


Oh iya saya tidak begitu jelas juga seberapa kuat kombinasi password dan mode
enkripsi yang dibuat dengan layanan ini, jika masih ragu kita dapat
mengeceknya dengan layanan
passwordmeter.com
selamat mencoba aja ya :)




thumbnail Title: SimplePassword: Cara unik membuat dan mengingat password
Posted by:Unknown
Published :2009-07-27T19:07:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 SimplePassword: Cara unik membuat dan mengingat password
Read More

Kamis, 23 Juli 2009

My Wedding

20.00    No comments

Alhamdulillah atas seijin Allah SWT pernikahan saya kemaren 04 juli 2009 berjalan dengan lancar. Untuk berbagi kebahagiaan saya cuma bisa menyampaikan momen indah ini lewat media photo saja ya hehehe. Moga2 saja rekan yang belum menikah cepat menyusul :D













thumbnail Title: My Wedding
Posted by:Unknown
Published :2009-07-23T20:00:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 My Wedding
Read More

Selasa, 23 Juni 2009

Mohon do'a restu dalam pernikahan kami..

17.49    No comments



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


thumbnail Title: Mohon do'a restu dalam pernikahan kami..
Posted by:Unknown
Published :2009-06-23T17:49:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Mohon do'a restu dalam pernikahan kami..
Read More

Rabu, 17 Juni 2009

byTagg sekarang mendukung Bahasa Indonesia

12.24  , , , ,  No comments

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


thumbnail Title: byTagg sekarang mendukung Bahasa Indonesia
Posted by:Unknown
Published :2009-06-17T12:24:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 byTagg sekarang mendukung Bahasa Indonesia
Read More

Selasa, 16 Juni 2009

Memasang Widget Recent Post + (Thumbnails dan Comment Count)

08.25  ,  No comments

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)


thumbnail Title: Memasang Widget Recent Post + (Thumbnails dan Comment Count)
Posted by:Unknown
Published :2009-06-16T08:25:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Memasang Widget Recent Post + (Thumbnails dan Comment Count)
Read More

Minggu, 14 Juni 2009

Animasi gambar Opacity menggunakan jQuery

06.10  ,  No comments

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 :)


thumbnail Title: Animasi gambar Opacity menggunakan jQuery
Posted by:Unknown
Published :2009-06-14T06:10:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Animasi gambar Opacity menggunakan jQuery
Read More

Minggu, 07 Juni 2009

Menampilkan Gambar Transparan, Mouseover Effect

18.59  ,  No comments

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

thumbnail Title: Menampilkan Gambar Transparan, Mouseover Effect
Posted by:Unknown
Published :2009-06-07T18:59:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Menampilkan Gambar Transparan, Mouseover Effect
Read More

Kamis, 04 Juni 2009

Peluncuran Blog Baru Zoomtemplate.Com (Beta)

04.09  , ,  No comments


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


thumbnail Title: Peluncuran Blog Baru Zoomtemplate.Com (Beta)
Posted by:Unknown
Published :2009-06-04T04:09:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Peluncuran Blog Baru Zoomtemplate.Com (Beta)
Read More

Selasa, 02 Juni 2009

Penghitung jumlah kata (Word Count) buat maen Paid Review

02.52  ,  No comments

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 :)


thumbnail Title: Penghitung jumlah kata (Word Count) buat maen Paid Review
Posted by:Unknown
Published :2009-06-02T02:52:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Penghitung jumlah kata (Word Count) buat maen Paid Review
Read More