Selasa, 30 Juni 2009

"Toggle Effect / Sliding Panel" - jQuery

Toggle Effect / Sliding Panel

Dengan menggunakan "Toggle Effect", kita dapat menyembunyikan atau menampilkan (Show/ Hide) beberapa bagian elemen yang kita inginkan.

Alat Bantu Kompres Javascript

Kompresor Javascript

Senin, 29 Juni 2009

Mencari penulis lepas ( FreeLance )


Update : Lowongan sebagai freelance sudah terisi. Terima kasih kepada teman-teman yang telah mengirimkan lamaran, semoga di lain waktu kita bisa bekerja sama. Terima kasih.


Ada info menarik buat anda yang suka menulis artikel dalam bahasa inggris, kang Rohman sedang mencari penulis lepas ( freelance ).

Syarat-syarat yang di perlukan ;

  • Bisa menulis artikel dalam bahasa inggris dengan baik dan benar.
  • Bisa dihubungi lewat Yahoo Mesenger
  • Bisa berkomunikasi melalui email.
  • Bisa bekerja tepat waktu ( artikel harus beres pada waktu yang di tentukan )
  • Bisa membuat artikel minimal 4 artikel dalam sehari.
  • Bisa membuat artikel tentang bisnis lebih di utamakan.
  • Bisa membuat artikel review lebih di utamakan.

Komisi

Untuk komisi akan di hitung berdasarkan banyaknya artikel yang di buat, dan akan di bayar setiap satu bulan sekali ( tanggal 10 setiap bulannya ).

Panjang artikel

Panjang artikel yang dibutuhkan adalah sekitar 200 - 500 words.

Jika anda berminat, silahkan kirim pesan ke email saya di amen24[at]gmail.com.

Isi email

Silahkan anda sebutkan berapa harga per artikel yang anda tawarkan, serta lampirkan satu buah sampel artikel bahasa inggris buatan anda sendiri. Ingat! contoh artikel yang di kirimkan adalah buatan anda sendiri, jangan hasil copy paste dari website di Internet ( saya akan mengeceknya terlebih dahulu ).

Siapa yang akan di pilih? tentu saja yang hasil kerjanya bagus dan yang penting tidak terlalu mahal Winking

Saya akan menghubungi anda melalui email jika anda sesuai dengan kriteria yang saya butuhkan. jika anda tidak menerima email balasan, itu artinya penawaran anda belum sesuai yang saya harapkan.

Hayoo siapa yang bermiat? di tunggu email penawarannya ya Happy





Minggu, 28 Juni 2009

Hati-hati dianggap spam oleh Shoutmix

Akhir-akhir ini sering ada laporan ke kang Rohman bahwa banyak blogger yang tidak bisa mengirimkan pesan ke shoutbox dari shoutmix seperti yang di pakai oleh blog kang Rohman. Apakah penyebabnya?

Dugaan awal kang Rohman adalah bahwa banyak teman dari blogger yang tidak dapat mengirimkan pesan ke shoutbox dari shoutmix adalah bahwa anda di anggap spam oleh mesin shoutmix.

Anda bisa di nggap spam oleh mesin shoutmix apabila dalam sehari anda mengirimkan pesan dalam jumlah yang sangat banyak. Menurut salah satu teman blogger yang dikira spam oleh shoutmix ternyata dia ini memang sangat sering  pesan di shoutmix jika di hitung bisa lebih dari 300 pesan dalam sehari. Ini menguatkan dugaan kang Rohman bahwa shoutmix memang menganggap spam orang yang terlalu banyak mengirimkan pesan di shoutbox.

Dari kejadian ini, maka berhati-hatilah jka anda tidak mau dianggap spam oleh shoutmix. aturlah ritme pengiriman pesan anda, jangan terlalu memborbardir shoutmix dengan pesan yang sama seperti banyak terjadi pada shoutbox milik kang Rohman Big Grin.

Solusinya bagaimana jika sudah tidak bisa lagi mengirimkan pesan di shoutmix? terus terang kang Rohman belum ada solusi untuk hal ini. Namun kang Rohman hanya saran saja, coba kirimkan email ke pihak shoutmix.con nya langsung untuk masalah yang di hadapi, mintalah agar alamat blog anda di hapus dari daftar banned mereka.

Seri Pembuatan Desain Web, Photoshop - HTML

Desain Web, Photoshop - HTML

Berikut ini tutorial seri pembuatan Desain Web, dimulai dari pembuatan desain web melalui Photoshop dan kemudian penerapannya ke HTML, yang sangat bermanfaat untuk kita pelajari.

Kamis, 25 Juni 2009

Contoh Pengembangan "Paragraph Typography"

Paragraph Typography

Rabu, 24 Juni 2009

Jenis Font yang Populer untuk Website

font-family

Selasa, 23 Juni 2009

Google Page Rank Update

pagerank Semalam sepertinya Google Page Rank melakukan update. Banyak dari blog atau website yang kang Rohman kunjungi mengalami perubahan Page Rank, dan setelah melakukan inspeksi ke blog-blog milik kang Rohman ternyata memang banyak juga yang page rank nya berubah. bagaimana dengan blog anda?

Semoga saja Page Rank anda mengalami peningkatan.

Senin, 22 Juni 2009

Free Blogger Templates dengan sentuhan jQuery - 2

Minggu, 21 Juni 2009

"External links" dengan menggunakan icon - jQuery

external link

Jumat, 19 Juni 2009

Wordpress : Wp-DownloadManager

wordpress Apakah anda pemilik blog yang menggunakan mesin wordpress self hosted (wordpress.org) dan isi dari blog anda adalah tentang download file? jika jawabannya "Ya" maka anda memerlukan sebuah plugin untuk mengelola file download anda. Plugin yang mungkin bisa menjadi pilihan anda adalah Wp-DownloadManager. Dengan plugin WP-DownloadManager anda akan dengan mudah mengelola file download dan yang penting adalah keamanan yang baik tentunya.

Bagi yang ingin mencoba plugin WP-DownloadManager, silahkan langsung download secara gratis pada situs penyedianya, silahkan klik tombol di bawah ini :

download

Kamis, 18 Juni 2009

Semuanya Tentang "Typography"

Typography

Permainan "Typography" menjadi bagian penting dalam sebuah desain. Begitu pula dengan desain blog atau website, pada perkembangannya sudah mulai memperhatikan aspek "Typography", sebab type atau huruf juga menjadi bagian penting didalamnya.

Berikut ini pengertian "Typography"

Senin, 15 Juni 2009

List Template di blogtemplate4u.com (3)

Masih mencari Template yang sesuai untuk template bloganda? mungkin anda bisa mencarinya di blog template 4 U, karena template yang ada di gallery template  ini sudah semakin banyak. Berikut List Template terbaru di Blogtemplate4u.com :

1. Simplicity

Simplicity

Download

2. Go Green

go green

Download

3. Pinky Template

pinky template

Download

4. Fantasy Daus Template

fantasy template

Download

5. Cartoon

cartoon template

Download

6. Fresh Magazine 1.3

Fresh Magazine 1.3

Download

7. Elegant Taupe

elegant taupe

Download

8. Light Night

Light Night

Download

 

Template mana yang menjadi pilihan anda?

Draggable - sentuhan variasi dari jQuery

drag me jquery

"Draggable - Jquery", ini adalah salah satu fungsi dimana salah satu elemen dalam website atau blog kita dapat dipindahkan dengan cara melakukan drag. Dengan fungsi "Draggable" ini akan menambah sedikit sentuhan variasi pada website atau blog menjadi lebih menarik.

Anda dapat memperoleh script "Draggable - Jquery", berikut demo dan tutorialnya pada UI/API/1.7.1/Draggable.

Contoh penerapan fungsi Draggable - Jquery ini pada blog anda dapat lihat di raduceuca. Fungsi "Draggable - Jquery" ini diterapkan pada search dan subscribe, silahkan anda melakukan drag pada keduanya.

Draggable, jquery

Minggu, 14 Juni 2009

Trend Konsep Desain Weblog Bergaya 3D

3D website design

Konsep desain weblog bergaya 3D tengah ramai digunakan dan mungkin belakangan ini telah menjadi trend di tahun ini.

Dua contoh menarik untuk inspirasi konsep desain weblog 3D:



1. From The Couch

3D website design

2. Gaya Design

3D website design

lebih lengkap anda dapat melihat pada:

Gallery of 3D Elements in Web Design


Tutorial photoshop membuat desain layout web berbentuk 3D:



1. Create a clean PSD layout with a 3D look

3d layout web

2. Web design trend, 3D Ribbon

konsep desain 3D

Konsep/Model 3D sederhana yang saya kembangkan di template blogger/blogspot:


jQuery in Blogger Template II
"jQuery in Blogger Template II - Lemon Fruit Taste. Free Blogger Template"

jquery blogger template

Jumat, 12 Juni 2009

Alat Bantu Memadukan Warna

1. Color Scheme Designer, sepertinya yang terlengkap untuk melakukan permainan warna, beragam pilihan untuk memadukan warna dan terdapat preview hasil kombinasi warna yang kita pilih.

"The Color Scheme Designer 3 online application can be easily used as a color palette picker tool by any other web site. If you like it and you want to make it a part of the workflow on your own web site, you can do it in an easy way."

Color Scheme

2. Accessibility Color Wheel, alat yang dapat membantu kita dalam memadukan warna background dan text (foreground) agar sesuai tingkat kontrasnya, dalam dua pilihan: Contrast ratio (WCAG 2 recommended) dan Contrast / brightness difference (WCAG 1).

"Accessibility Color Wheel - choose color combinations to improve the readability of your pages"

accessibility color wheel

Video tentang teori warna


Sessions - Color Theory: Color Wheel



-----------
lihat juga: Pilihan kombinasi warna

lebih lengkap: The Ultimate List Of Online Color Tools For Web Developers

Tips Membeli Domain

Sebagai lanjutan artikel sebelumnya tentang Mengenal domain dan hosting, maka artikel ini akan sedikit mengulas tentang tips membeli domain. Sekilas, membeli domain adalah merupakan hal yang mungkin dianggap sepele. Anggapan tersebut mungkin saja  benar adanya, namun jika anda tidak hati-hati dalam membeli domain, maka mungkin saja akan menjadi masalah serius di kemudian hari, karena sebuah domain ibarat sebuah merk dagang yang bila namanya sudah termasyur akan menjadi sesuatu yang amat berharga untuk di amankan, jangan sampai barang berharga tersebut tidak bisa anda kendalikan padahal itu adalah milik anda.

Berikut yang sekiranya kang Rohman anggap penting dalam membeli sebuah domain :

 

  • Beli Domain Pada Tempat Terpercaya

Belilah domain pada tempat terpercaya. Jika anda menemui website yang menjual domain, carilah informasi tentang website tersebut, jangan gampang tergiur dengan harga yang sangat murah. Untuk mencari informasi tersebut, minimal anda bisa mencari keterangan melalui search engine seperti google, atau anda tanya ke teman-teman blogger anda.

 

  • Customer Service Yang Jelas

Pastikan bahwa tempat anda membeli domain mempunyai customer service yang mudah untuk dihubungi, jika memungkinkan cari yang supportnya sampai 24 jam,

 

  • Akses Kontrol terhadap Domain Yang dibeli

Sebenarnya point ini yang ingin kang Rohman tekankan yaitu akses kontrol terhadap domain anda. Sebelum membeli domain, pastikan bahwa nantinya anda bisa login ke akses kontrol domain anda, karena dari akses kontrol domain inilah anda nantinya bebas menentukan pengaturan yang di inginkan. Contoh, anda bisa mengubah Name Server sehingga anda bebas mau di arahkan kemana.

 

Bingung? mungkin jika membaca artikel berikutnya tentang hosting akan tercipta mata rantai yang akan membuat anda mengerti.

Kamis, 11 Juni 2009

Semuanya tentang CSS "Sprites"

CSS

Berikut ini cara atau tutorial untuk membuat "sprites" image, baik itu untuk menu dan lainnya. Penggunaan CSS Sprites ini pertimbangannya untuk mempercepat akses dibanding dengan penggunaan image terpisah.

Ini salah satu contoh sederhana penerapan "sprites", untuk "image hover". Kunci dari penerapan sprite ini pada "background position", lihat pada penerapan berikut:

sprite image hover

code css:
#menu .beranda a {
width: 29px;
height: 29px;
text-indent: -9999px;
display: block;
overflow: hidden;
background: url(http://lh3.ggpht.com/_dfnTVAxeWMI/SjJbyLZoDXI/AAAAAAAAA64/JDeHssaGv4Y/home.gif) 0 0 no-repeat;
}

#menu .beranda a:hover {
background-position: 0 -29px;
}

Alamat tutorial dan penerapan "sprites" lainnya:



CSS Sprites: Image Slicing’s Kiss of Death

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

Accessible and Search Engine Friendly Image Rollover with CSS and Sprites

Creating & Using CSS Sprites

How to Create a CSS Menu Using Image Sprites

Image Sprite Navigation With CSS

Advanced CSS Menu

Animated GIF For CSS Sprites

Fast Rollovers Without Preload

How to use CSS Sprites (video)

How to Use CSS Sprites (video)

CSS Sprites Generator

CSS Sprite Generator

lihat juga: The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

Rabu, 10 Juni 2009

Tempat Mencari Ragam Jenis Icon

ICON FINDER

Icon salah satu image yang bisa menambah daya tarik blog/web kita. Nah jika kesulitan membuat icon yang keren dan berkesan, seperti: RSS, Twitter, dan sebagainya, di alamat ini mungkin anda dapat menemukannya:

ICON FINDER

"Iconfinder provides high quality icons for webdesigners and developers in an easy and efficient way."

lihat juga:

- Kumpulan icon FEED RSS/Atom
- Free textures, vectors dan icons dari thinkdesignblog.com

Senin, 08 Juni 2009

Navigasi halaman secara horizontal dan vertikal - jQuery

Navigasi halaman

Lajimnya sebuah website/situs memiliki beberapa halaman, namun dengan fasilitas javascript seperti jquery, navigasi halaman bisa menjadi horisontal dan vertikal dalam satu halaman.

berikut ini tutorial navigasi halaman secara horizontal dan vertikal dengan menggunakan fasilitas jquery:

Navigasi halaman secara horizontal:



A Horizontal Layout Navigation Web Page Using JQuery

Navigasi halaman secara vertikal:



Animated Scrolling for Same-Page Links

atau juga dapat dilihat di:

Demo Download

'Page Scrolling' ini yang saya gunakan di blog dokumentasi ini untuk back to top (dengan sedikit tambahan fungsi js lain) dan juga di web leosaputra untuk fungsi pembagian halaman.

Lebih lengkap penggunaan Page Scrolling


jQuery.ScrollTo

atau juga, contoh lain:

Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery



::Lihat juga Web yang menggunakan fungsi Page Scrolling:
Situs yang memanfaatkan fungsi Slide and Scroll

Minggu, 07 Juni 2009

Mengenal domain dan hosting

Menyambung short posting saya yang berjudul Belajar di area Hosting Berbayar Yuk! hal pertama di lakukan adalah mengenal domain dan hosting karena ini merupakan hal penting dalam membuat sebuah blog atau website.

  • Domain

Dalam membuat sebuah website atau blog anda wajib memiliki yang bernama domain. Apa sih  domain itu? mungkin anda pernah mendengar istilah ini dalam pelajaran matematika dulu atau mungkin dalam istilah lain. Jika menilik kepada bahasa umum, domain itu berarti tempat  atau daerah kekuasaan atau daerah yang di kuasai, nah di internetpun anda perlu memiliki sebuah tempat untuk website atau blog anda.

Untuk membedakan antara domain yang satu dengan domain yang lain, maka domain tersebut harus mempunyai nama atau istilah nya Domain Name ( nama domain ). Contoh domain name ( nama domain ) seperti ini : http://kangrohman.com , http://berandaku.com, http://blogspottutorial.com, dan lain sebagainya. Namun dalam istilah sehari-hari Domain Name cukup di sebut sebagai Domain saja.

Nama Domain sangatlah bervariasi tergantung dari tujuan website itu di buat. Jenis domain ini di bedakan dengan kata di belakangnya seperti :

  • .com  ( baca; dot com ) : yaitu untuk website bersifat komersil
  • .org  : untuk website organisasi
  • .info : untuk website berisi informasi
  • .biz : untuk website bisnis
  • .tv ; untuk website stasiun televisi
  • .gov ; untuk website milik pemerintah ( goverment )
  • dan lain - lain

Ada juga domain ini yang lebih mengarah ke teritorial, misal ;

  • .co.id ( baca : dot co dot id ) ; untuk website yang berada di Indonesia
  • .us ; untuk website di amerika ( US : united state )
  • .cn : untuk website di china
  • .co.il ; untuk website di israel
  • .my : untuk website di malaysia
  • dan lain-lain

Akan tetapi fakta di lapangan, nama domain tersebut tidak lagi menjadi identitas, misal domain yang berakhiran .org di pakai untuk website pribadi bukan oleh organisasi, domain berakhiran .info dipakai untuk berjualan ( komersil ) dan lain sebagainya.

Untuk membeli domain, anda bisa membelinya pada website-website penjual domain, baik itu yang diluar negeri atau yang ada di dalam negeri. Namun pembelian ini tidaklah bersifat permanen melainkan dihitung berdasarkan kurun waktu tahunan ( biasanya harga di patok untuk 1 tahun ), atau mungkin sebenarnya istilah yang tepat adalah sewa domain akan tetapi yang populer adalah beli domain bukan sewa domain.

Dalam istilah domain ada yang disebut sub domain ( bagian dari domain ). Sub domain ini di buat dari domain induknya, sub domain dapat dikenali dari penulisannya yang di pisahkan oleh dot ( titik ). misalkan jika domain induk kangrohman.com, kita bisa membuat bebagai sub domain seperti blog.kangrohman.com, tool.kangrohman.com, nangkring.kangrohman.com. Atau contoh yang kongkrit adalah seperti kolom-tutorial.blogspot.com. domain induknya adalah blogspot.com dan sub domainnya adalah kolom-tutorial.

 

  • Hosting
    Jika anda sudah membeli sebuah domain, maka domain tersebut jika diakses adalah merupakan sebuah halaman kosong. Agar sebuah domain bisa di isi dengan apa yang kita inginkan, maka kita perlu sebuah hosting untuk menyimpan database, mesin web atau blog yang digunakan, dll.
      Sebuah ilustrasi ringan, domain itu di ibaratkan sebuah komputer dan hosting di ibaratkan listrik, keduanya saling mendukung satu sama lain. Atau contoh lain ibarat sebuah laptop dengan baterai nya. Jadi, sebuah website haruslah memiliki nama domain serta hosting agar isi website tersebut bisa di akses oleh halayak luas.
        Untuk membuat sebuah webhosting, dibutuhkan peralatan yang sangat mahal, oleh karena itu hadirlah berbagai perusahaan webhosting yang bisa menyewakan space serta bandwidth. Perusahaan webhosting bisa anda temui dengan mudah di Internet, baik itu webhosting yang berada dalam negeri ataupun webhosting yang berada di luar negeri.
          Penyewaan sebuah webhosting biasanya di patok oleh kurun waktu per satu bulan, 3 bulan, 6 bulan, 1 tahun, 2 tahun, dan sebagainya. Ini tentunya berbeda antara sebuah webhosting dengan webhosting yang lain.

          Untuk posting kali ini di rasa cukup, ke depan akan di coba di posting tips dalam membeli domain, memilih nama domain, memilih hosting yang tepat, dll.

          Jika ada kesalahan dalam pengungkapan dan penulisan tentang domain dan hosting ini, mohon untuk di koreksi oleh para master.

          Sabtu, 06 Juni 2009

          List Template di blogtemplate4u.com (2)

          Blog template 4 U sekarang makin lengkap gallery templatenya, tidak saja di hiasi oleh template hasil karya anak negeri, dari luar negeri pun tepatnya India sudah ikut berpartisipasi. Berikut list template yang terbaru di blogtemplate4u.com :

          1. Joomla template for blogger

          joomla-template-for-blogger

          Download

          2.  Movie Mania

          movie-mania-template

          Donwload

          3. MSN Inspirate

          MSN-inspirat-template

          Download

          4. TheLast84

          TheLast84-template

          Download

          5. BLO6 4 DIE

          blog4die template

          Download

          6. SImpleweb20

          Simpleweb20 template

          Download

          7. Fresh Magazine 1.2

          Fresh-Magazine1-2 template

          Download

           

          Yang template hasil karyanya ingin cepat terkenal, kenapa tidak ikut berpartisipasi dalam gallery ini. Secara tidak langsung, ini adalah promosi gratis untuk template dan blog anda.

          Ditunggu yah submit templatenya Winking

          Twitter Delicious Facebook Digg Stumbleupon Favorites More