Sabtu, 30 Mei 2009

Images Flickr Badge Valid W3C

Flickr W3C valid

Beragam jenis free shoutbox, ajax, php, jquery

shoutbox

berikut ini 3 jenis free shoutbox yang dapat anda download dan fungsikan secara mandiri di web/blog anda.



A free PHP + Ajax shoutbox (chatbox, tagboard or mini chat) script live demo


shoutbox

Jquery shoutbox

shoutbox

PHP chat-box Version 3.6


shoutbox

Jumat, 29 Mei 2009

Image Texture dan Lainnya: Tempat Pilihan Mencari

Image Texture

Di tempat ini menjadi pilihan terbaik untuk mencari berbagai image yang akan anda gunakan pada desain web anda, baik itu texture, pattern dengan berbagai motif dan lainnya.

Beberapa Alamat Texture, Pattern dan lainnya tersebut:


texture

"images in category Abstract / Textures on the largest free stock photo site on the web - download stock photos or share your own work"

texture

"Art - community of artists and those devoted to art. Digital art, skin art, themes, wallpaper art, traditional art, photography, poetry / prose. Art prints."

Passion for Pattern

"Patterrific offers free seamless repeat patterns in both vector and pixel format. Furthermore Patterrific looks for pattern design resources in both the print and digital form and collects them on this website."

patterns

"free seamless background patterns for your site, twitter, myspace or as desktop wallpaper".

textures

"esource website containing high quality textures, which can be used by designers of all kinds"

texture

"Free Textures, Inspiration and Tutorials"

Kamis, 28 Mei 2009

Membuat Tulisan terbalik

iseng Suka ada yang iseng ngirim email ke kang Rohman dengan tulisan terbalik sehingga ketika membaca email tersebut harus sambil nungging (ngga dhenk bercanda.. hehehe). Biar seru tentu harus memblas email tersebut dengan tulisan terbalik juga, gimana caranya yah?

Untuk membuat tulisan bisa terbalik relatif mudah karena banyak tool online yang bisa melakukannya. Salah satu tool yang menyediakan layanan ini adalah http://www.fliptextgenerator.com.

Dengan menggunakan tool dari http://www.fliptextgenerator.com anda bisa membuat tulisan terbalik dengan sangat mudah.

Tulisan terbalik ini bisa di gunakan untuk facebook, twitter, frienster, email, blog, atau untuk berkomentar serta lain-lain. Bagi yang ingin iseng membuat tulisan bisa terbalik namun belum mengetahui caranya, berikut adalah langkah-langkahnya :

  1. Silahkan kunjungi situs http://www.fliptextgenerator.com.
  2. Tulislah tulisan yang ingin anda balikan pada text area di bawah tulisan " Original text (type here)"
  3. Secara otomatis tulisan yang tadi dituliskan akan tersedia pada text area di bawah tulisan " Flipped text (point your mouse over) "  dan sudah di balikkan
  4. Arahkan mouse komputer anda pada tulisan yang telah di balikkan, maka secara otomatis tulisan tersebut akan di highlight semuanya . silahkan copy lalu paste pada email, komentar, facebook atau apa yang anda inginkan.
  5. Selesai

Sangat mudah bukan?

Sebagai tambahan, apabila anda memasang tulisan terbalik tersebut pada email, maka anda bisa mengeditnya, seperti mengubah warna tulisan, ukuran tulisan, dll.

Berikut contoh tulisan yang sudah di balikkan :

ʞuǝɥp ɐpuɐɔǝq  ˙˙˙˙ǝɥǝɥǝɥ ˙˙˙˙ uɐɐɾɹǝʞ ɐpɐ ʞɐpıʇ ıuı uɐsılnʇ ɐɔɐqɯǝɯ ƃuɐʎ ƃuɐɹo

Tutorial Photoshop Membuat Menu Navigasi Bergaya

tutorial photoshop, menu nav

Ada beberapa tutorial photoshop yang dapat membantu kita membuat menu navigasi pada web kita lebih bergaya, berikut ini berapa tutorial photoshop tersebut:


High-Detailed Plastic Navigation Bar

tutorial photoshop, menu nav

Blue on Black Navigation Bar

tutorial photoshop, menu nav

Volkswagen Inspired Navigation

tutorial photoshop, menu nav

CSS Menu With Icons

tutorial photoshop, menu nav

Google Page Rank Update

Pagi ini teman-teman pada banyak yang ngomongin bahwa Google Page Rank Update. Cek punya cek ternyata blog-blog kang rohman memang ada yang naik page rank nya, ada yang tidak berubah, ada yang turun, bahkan ada juga yang terkena marah si om dengan mengganjarkan PR 0. Bagaimana dengan blog anda?

Bagi anda yang page rank nya naik, kang Rohman ucapkan selamat dan semoga page rank tersebut bisa memperlancar anda dalam mencari dollars di internet. Bagi anda yang page rank nya turun, yang sabar saja karena page rank di turunkan bukan akhir dari segalanya.

Apabila anda memasang google toolbar pada browser anda, maka anda tentunya bisa mengecek page rank blog anda melalui toolbar tersebut. bagi anda yang yang tidak memasang google toolbar, anda bisa mengeceknya pada situs prchecker.info, iwebtool.com, mypagerank.net, ataupun situs-situs yang lainnya.

Selasa, 26 Mei 2009

Membuat Kolom : CSS dan jQuery

Membuat Kolom : CSS dan jQuery


Anda ingin membuat kolom dengan mudah dengan menggunakan jQuery dan CSS, seperti halnya pada gambar diatas, anda dapat pelajari pada:

Smart Columns with CSS & jQuery

One solution that would be able to benefit the situations is to take the good of both scenarios and mash it into one.

  1. Allow as many fixed columns to line up across the viewport (as many as it will fit based on the base column size)
  2. Take excess white space and evenly distribute them to each of the columns to complete the full row. This way the columns will always fit perfectly.
  3. Keep a default fixed width as the base, so that the columns are reasonably within the intended columns sizes while maintaining enough flexibility to accommodate for the expandable viewport.

Senin, 25 Mei 2009

List Template di Blogtemplate4u.com (1)

Setelah blogtemplate4u.com open untuk submit template beberapa minggu kemarin, ternyata ada sambutan hangat dari para penyedia template, ini terbukti dengan sudah di submitnya beberapa  template dari berbagai penyedia template blogger. Namun masih belum mendapat sambutan yang baik dari penyedia theme wordpress, semoga saja beberapa waktu ke depan akan bisa terealisasi

Berikut list template yang di submit dan telah di publikasikan di blogtemplate4u.com :

1.  Strawberry

strawberry

Download

2. Snowing

snowing

Download

 

3. Minima 4 coloum Blogger Template

minima-4-column

Download

4. Template Facebook For Blogger

facebooktemplate

Download

5.  Black Nero

Blacknero

Download

6. Outdoorsy

Outdoorsy

Download

7.  Harry Potter Black Edition

harrypotter

Download

8. Fresh Magazine Blogger Template

freshmag

Download

Bagi anda para penyedia blogspot template ataupun wordpress Theme yang ingin mempromosikan template atau theme miliknya, silahkan submit saja di sini.

Minggu, 24 Mei 2009

Konsep Desain Weblog yang Perlu Diperhitungkan

1. Komodo Media



Blog yang bertema 'The Force Behind the Jungle' ini kaya dengan detil, blog ini bisa menjadi acuan bagaimana kita mengembangkan tiap detil di dalam template yang akan kita akan bangun. Kesan 'jungle' atau hutan semakin kuat dengan permainan effect/animation pada bagian daun-daunnya.

About This Site:
"This site was hand-built by me. 99% of the graphics were produced using Adobe Fireworks. This site is a mixture of a love of jungles, reptiles, swiss-family robinson, a butt-load of coffee, a love for jQuery, PNG images, inspiration from other designers, and a desire to create my own mark on the interweb. Oh, and yeah, this site was made using a Mac (however, I think you could still pull it off on a PC)."


2. Siebennul dot com

web design inspiration

Ini salah satu web/blog yang perlu diperhitungakan dan dapat dijadikan inspirasi untuk pengembangan desain web. Pertama melihat web ini terkesan menggenakan flash, tetapi tidak.

"Webdesign und Content Management Losungen in Karlsruhe. Full Service Dienstleister for Webdesign in Karlsruhe."

3. Duplos by Ricardo Mestre

Hampir sama dengan Siebennul, weblog ini seakan menggunakan flash, tetapi tidak. Dengan memanfaatkan jQuery, weblog tersebut menjadi seakan hidup (bergerak), dengan permaian navigasi yang tidak standar.

Weblog Duplos by Ricardo Mestre

Sabtu, 23 Mei 2009

LeapFish: Just Type It

Hello readers, today is a special day for me because I am going to talk about something different from my previous posts. Today I am going to deliver good news to those who almost never stop using search engines such as Google, Yahoo, and MSN to find many things on the internet. Now I would like to introduce the New Favorite Sourcing Tool... LeapFish. Have you ever heard about it?

I never doubt that you have already known and used Google, Yahoo, or MSN to run searches on the web. When you use Google to run searches and you do not find anything that you are looking for, and then you may use Yahoo or MSN. Now you do not need to do it because LeapFish provides you with the smartest and fastest way in doing searches. With only one click, you can switch the search results to Google, Yahoo, or MSN. Even you do not need a click when you run searches because LeapFish will start searching when you type the keyword. It is so amazing. Yes, Just Type It, then LeapFish will give you the results.

In additional to web search, LeapFish.com also provides you the news search, video search, image search, blog search, and shopping search. Do you want to try now? Just do it!

Kumpulan Kartu Nama Bisnis untuk Inspirasi Desain

business cards

Desain kartu nama begitu beragam kini, banyak pilihan yang unik. Anda membutuhkan kartu nama yang menarik atau anda mencari inspirasi desain kartu nama, berikut ini alamat yang dapat dikunjungi untuk memperolehnya.

Cardobserver adalah salah web yang menggumpulkan berbagai jenis desain (galery) kartu nama atau "business cards", yang dapat anda kunjungi untuk memberikan inspirasi dalam mengembangkan desain kartu nama.

Cardobserver:
"A gallery and showcase of the most beautiful business cards."


Lebih lengkapnya anda dapat mengunjungi blog berikut yang memerikan beberapa alamat tempat kumpulan desain kartu nama:
Business Card Showcase Sites and more

Jumat, 22 Mei 2009

Google Chrome 2.0 Telah Di Rilis

image Kemaren dapat kabar dari google system bahwa sekarang google chrome 2  telah keluar dari masa percobaan atau beta dan untuk itu Google Chrome 2.0 telah resmi di rilis. Google mengclaim bahwa Google Chrome 2.0 Better, faster, Stronger dari versi sebelumnya bahkan dari browser-browser yang lain.

Bagi anda yang mau update Google Chrome ke versi 2.0, silahkan update melalui browser google chrome anda, atau bisa juga download ke http://www.google.com/chrome

Kamis, 21 Mei 2009

Wordpress Plugin: SexyBookmarks

Ada informasi menarik bagi anda yang menggunakan wordpress self hosting, terutama yang suka menghiasi blognya dengan berbagai variasi. Ada sebuah plugin yang bernama SexyBookmarks Plugin.

Dengan menginstall dan mengaktifkan plugin sexyBoomarks pada blog anda, maka di blog anda akan terpasang tombol bookmark yang seksi. Tapi ingat, ini bukan cewe seksi tapi tombol bookmark yang seksi sehingga blog anda pun akan tampil seksi di mata para pengunjung.

Berminat? silahkan download dan install di blog anda

 

download

Rabu, 20 Mei 2009

Belajar Bisnis Online Bareng Kang Rohman, mampir di berandaku.com

Hasrat hati ingin berbagi pengetahuan seputar bisnis online diblog ini, namun ternyata banyak yang keberatan. Oleh karena itu, kang Rohman mengambil keputusan untuk menuliskannya pada blog lain. Dan agar sedikit terlihat profesional,  kang rohman menggunakan domain serta hosting sendiri.

Yang mau belajar bisnis online bersama kang Rohman, silahkan mampir di http://berandaku.com.

Minta do'a nya agar kang Rohman bisa eksis menuliskan pengalaman-pengalaman kang Rohman dalam berbisnis online

Mengaktifkan efek blur pada magazine template R.1.4

Beberapa minggu yang lalu kang Rohman launching template yang di beri nama Magazine Template R.1.4. Salah satu fitur yang tersedia pada magazine template R.1.4 adalah efek blur untuk image atau gambar. Dengan efek blur, maka sebuah gambar akan sedikit atraktif ketika mouse komputer pengunjung mengarah ke sebuah image atau gambar.

Bagaimanakah  cara mengaktifkan efek blur pada magazine template R.1.4? Bagi anda yang menggunakan magazine template R.1.4 hanya perlu melakukan sedikit langkah yaitu memasukkan kode class="blur" pada kode gambar anda. Misalkan kode gambar yang anda pasang seperti ini :

 

<a href="http://blogtemplate4u.com/2009/03/magazine-template-3-white-blue.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGQb7-TRoZqwDCsAs_chSrVMLvgMP8q0t1_KH7tZDkaA9xgbco4E_X1en03Ame1ZZCMm218ufboC67pW_UiXM7gvoqcaTUOk1AkqG1P3xbMQoiS1buEBnwlHOxrqXNMNIEs6lndBks-c/?imgmax=800"/></a>


 


Maka anda tinggal menyelipkan kode class="blur", sehingga kodenya menjadi seperti ini :



 



<a href=http://blogtemplate4u.com/2009/03/magazine-template-3-white-blue.html class="blur"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGQb7-TRoZqwDCsAs_chSrVMLvgMP8q0t1_KH7tZDkaA9xgbco4E_X1en03Ame1ZZCMm218ufboC67pW_UiXM7gvoqcaTUOk1AkqG1P3xbMQoiS1buEBnwlHOxrqXNMNIEs6lndBks-c/?imgmax=800"/></a>

 



Efek ini berlaku untuk semua kode gambar anda. Mudah bukan?



Bagi anda yang tidak menggunakan magazine template R.1.4 namun ingin menggunakan efek blur ini, anda bisa membaca trik yang diposting pada artikel  membuat efek Photo Blur


Senin, 18 Mei 2009

Submit Template Atau Theme anda ke Blogtemplate 4U

Ada Kabar gembira bagi anda para pembuat Blogspot Template ataupun Wordpress Theme. Sekarang Blog Template 4U menerima submit Blogspot template ataupun Wordpress Theme dan akan di tampilkan di blog template 4U.

Secara tidak langsung kami sebagai admin dari Blogtemplate4u.com mengajak kerja sama dengan anda para penyedia free blogspot template ataupun free wordpress theme. Keuntungan apa yang akan anda peroleh dengan mensubmit blogspot template ataupun wordpress theme ke blogtemplate4u.com?

Berikut beberapa keuntungan yang anda dapatkan.

  • Promosi gratis untuk anda.

Menurut data statistik untuk blogtemplate4u.com, saat ini telah di kunjungi rata-rata lebih dari 600 pengunjung per hari serta lebih dari 350 subcriber melalui feed, maka tanpa di sadari bahwa anda telah berpromosi secara gratis untuk template atau theme anda sehingga website serta template anda akan terkenal dan di pakai banyak blogger. Ingat, blogtemplate4u.com tidak akan mengubah apapun dari template atau theme yang di submit.
  • Backlink gratis

Ketika template di posting, maka blogtemplate4u.com akan membuat sebuah link ke halaman website anda, ini tentunya akan menjadi sebuah backlink gratis untuk anda dari blogtempate4.com yang saat ini mempunya Google Page Rank 5. Ingat, kami akan membuat backlink do follow untuk blog atau website anda dengan catatan anda adalah pemilik asli dari template tersebut, sehingga ini akan membuat link popularity website anda.

Tentunya masih banyak keuntungan yang akan anda dapatkan. Jadi tunggu apalagi, silahkan submit Free Blogspot Template ataupun Free wordpress Theme anda sekarang.

 

submit

Koleksi background texture dari mysitemyway.com

background images

Koleksi background texture dari mysitemyway.com ini sangat beragam dengan kualitas yang bagus.

"Backgrounds Etc. is pleased to offer free high quality background images for desktop wallpapers, graphic design, twitter, myspace and other purposes. Browse our collection and check back often as we will be updating this website frequently with more great wallpapers."

Sabtu, 16 Mei 2009

Video Tutorial Dasar Photoshop yang kocak dari Donnie Hoyle

tutorial photoshop

Berikut ini Video Tutorial Dasar Photoshop yang kocak dari Donnie Hoyle

"Donnie Hoyle pulls a digital end-around on a restraining order and vandalizes a Vanagon."

#1: Distort, Warp and Layer Effects




#3: Clone Stamp and Manual Cloning



#4: Paths and Masks



Kamis, 14 Mei 2009

Beberapa jenis "DOCTYPE"

Berikut ini beberapa jenis "DOCTYPE" yang biasa digunakan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


penggunaan "DOCTYPE"

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>

<body>

<p> Your HTML content here </p>

</body>
</html>


lebih lengkap: Recommended list of DTDs

Rabu, 13 Mei 2009

Menambah Icon Pada Twitter Update

Pernah ada yang bertanya ke kang Rohman bagaimana cara menambahkan icon pada widget twitter Update seperti tampak pada gambar di bawah ini :

twitter

Untuk memasang icon seperti di atas, anda silahkan baca langkah-langkah di bawah ini :

 

Langkah #1

Tentukan dulu icon yang akan di pasang sesuai dengan keinginan. Sebagai bahan pertimbangan, anda bisa mendownload icon twitter yang cantik-cantik pada situs-situs berikut :

free-twitter-bird-icon-set[8]

Download di sini : http://www.productivedreams.com

twittering vector

Download di sini ; http://www.productivedreams.com

cute-twitter-birds

Download di sini : http://www.smashingmagazine.com

 

Langkah #2

Setelah anda menemukan yang di rasa cocok, silahkan uploadlah icon tersebut ke hosting tempat biasanya anda menyimpan gambar. Contoh hosting gambar gratis ; http://photobucket.com, http://tinypic.com, http://flicker.com. Atau jika kang Rohman biasanya mengupload ke blogger langsung.

Catat alamat URL dari icon yang telah anda upload tadi, misalkan alamatnya seperti ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4T4waleJHTIjUWFTVUNANXuBm8njrkj1dg_5wdZ_IeQOIeJf20bS8f34gUBrygiEClwj0-097FGQewqO9_QaknkCS03u3Ji8V3Tap8hMvvlMcNv-a4inoeTokgfqleaoxB__PzU40uwG/?imgmax=800

Buatlah kode seperti ini :

<div style="float:right;margin:0 0 0 5px">


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4T4waleJHTIjUWFTVUNANXuBm8njrkj1dg_5wdZ_IeQOIeJf20bS8f34gUBrygiEClwj0-097FGQewqO9_QaknkCS03u3Ji8V3Tap8hMvvlMcNv-a4inoeTokgfqleaoxB__PzU40uwG/?imgmax=800"/>


</div>






 



Langkah #3



Ambil kode twitter pada account twitter anda di twitter.com. misal milik kang Rohman seperti ini :



<div id="twitter_div"><ul id="twitter_update_list"></ul><br/>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/rohman">Follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/rohman.json?callback=twitterCallback2&count=3" type="text/javascript"></script>


 



Gabungkanlah kode icon yang tadi dengan kode twitter sehingga menjadi seperti ini :



<div style="float:right;margin:0 0 0 5px">


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4T4waleJHTIjUWFTVUNANXuBm8njrkj1dg_5wdZ_IeQOIeJf20bS8f34gUBrygiEClwj0-097FGQewqO9_QaknkCS03u3Ji8V3Tap8hMvvlMcNv-a4inoeTokgfqleaoxB__PzU40uwG/?imgmax=800"/>


</div>
<div id="twitter_div">


<ul id="twitter_update_list"></ul><br/>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/rohman">Follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/rohman.json?callback=twitterCallback2&count=3" type="text/javascript"></script>


Langkah #4




  1. Silahkan login ke blogger dengan ID anda.


  2. Klik Tata Letak.


  3. Klik tab Elemen Halaman.


  4. Klik Tambah Gadget.

    tambah-gadget




  5. Klik tanda plus (+)  untuk HTML/Javascript

    html




  6. Copy lalu paste kode yang tadi sudah di gabungkan.


  7. Klik tombol Simpan


  8. Selesai.



Ternyata mudah ya. Selamat mencoba!


Senin, 11 Mei 2009

Free Textures dari Fudgegraphics dot com

Textures

Fudgegraphics.com menyediakan berbagai jenis texture dengan kualitas yang baik. Texture yang disediakan mulai dari texture kayu, kertas, dan lainnya.

------
lihat juga:
Free textures, vectors dan icons

Minggu, 10 Mei 2009

Tutorial Photoshop Membangun Desain Web - PSDTUT+

Berikut ini beberapa Tutorial Photoshop untuk Membangun Desain Web dari PSDTUT+ yang dapat kita jadikan panduan, contoh atau inspirasi untuk mengembangkan konsep desain web yang kita inginkan:

1. How to Create a Grunge Web Design in Photoshop

tutorial photoshop, web desain

Jumat, 08 Mei 2009

Free Blogger Templates dengan Sentuhan jQuery

free blogger template, jquery

Demo Download

Selasa, 05 Mei 2009

Beberapa jenis "Content Slider - jQuery" yang Menarik

Content Slider

Ada beragam Model / Jenis "Content Slider" dengan menggunakan jQuery yang menarik untuk kita terapkan dalam blog /web kita agar lebih variatif. "Content Slider" ini bisa kita gunakan untuk headline, atau untuk menampilkan konten unggulan yang kita miliki.

Twitter Delicious Facebook Digg Stumbleupon Favorites More