"Toggle Effect / Sliding Panel" - jQuery

Dengan menggunakan "Toggle Effect", kita dapat menyembunyikan atau menampilkan (Show/ Hide) beberapa bagian elemen yang kita inginkan.Berikut ini beberapa alamat tutorial "Toggle Effect / Sliding Panel"1. toggle( ) (teknik dasar toggle)2. toggle (jQuery UI)3. Basic Show and Hide4. Slicker Show and HidePengembangan "Toggle Effect / Sliding Panel"5. Simple slide panel6. Slide box - a jQuery Plug-in7. Unobtrusive jQuery slide toggle with cookies8. Simple Toggle with CSS & jQuery9. Sliding Top Menu With jQuery10. Build An Incredible Login Form With jQuery11. Nice & Clean Sliding Login Panel built with jQuery12. jQuery Dropdown Search Panel13....

Read More

Alat Bantu Kompres Javascript

Jika ingin mengkompres javascript yang menurut anda besar, anda dapat melakukannya dengan dean.edwards.name/packer/, "A JavaScript Compressor. version 3.0". Tapi ingat backup dulu js anda yang asli, kuatir hasil kompresnya tidak fungsi ketika digunak...

Read More

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...

Read More

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...

Read More

Seri Pembuatan 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. Tutorial Seri Pembuatan Desain Web, Photoshop - HTML, tersebut:"Dark and Sleek Web Layout" Series"This is the first part of a two-part series that teaches you how to create a dark and sleek web design mockup in Photoshop and then you how to code it into a functional web page template."Part 1: Create a Dark and Sleek Web Layout Using PhotoshopPart 2: How to Code a Dark and Sleek Web Design from Photoshop------lihat juga: Video tutorial konversi Photoshop ke H...

Read More

Contoh Pengembangan "Paragraph Typography"

Tag <p> dapat dikembangkan dengan menggunakan beberapa trik CSS agar sesuai dengan "typography" yang kita inginkan.Melalui, "12 Examples of Paragraph Typography" ini kita dapat memilih jenis 'paragraph' yang sesuai dengan konsep desain website atau blog yang kita ing...

Read More

Jenis Font yang Populer untuk Website

Ada beragam jenis font yang dapat digunakan untuk website, tidak sekedar arial dan sans-serif {font-family: Arial, Sans-Serif;}. Jika anda ingin mencari pilihan lain yang anda ingin gunakan, Most Popular Website Fonts , menjadi pilihan terba...

Read More

Google Page Rank Update

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....

Read More

Free Blogger Templates dengan sentuhan jQuery - 2

DemoDownloadIni 'free bloggger template' yang kedua sebelum template 'jQuery in Blogger Template', dan template yang bergaya 3D ini saya namakan 'jQuery in Blogger Template II - Lemon Fruit Taste. Free Blogger Template'Free Blogger Template ini menggunakan fasilitas jQuery, diantaranya:1. Back to top whit smoothscroll.2. Link hover animation.3. SlideShow.4. Dropdown Me...

Read More

"External links" dengan menggunakan icon - jQuery

Tutorial 'external link' ini di peroleh dari: "Quick Tip: Dynamically add an icon for external links". Fungsi dari script external link ini adalah menampilkan icon pada setiap link yang menuju keluar atau 'external link'.Ini contoh penerapan 'external link' yang saya gunakan di blogger:- internal link- external linkCara penerapan fungsi 'external link' di blogger:1. Masukan script jQuery berikut sebelum </body> (jika anda belum memiliki):<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'/>2. Masukan javascript berikut sesudah code jQuery tadi:<script type='text/javascript'>//<![CDATA[$(document).ready(function()...

Read More

Wordpress : Wp-DownloadManager

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

Read More

Semuanya Tentang "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""Typography" (Tipografi) merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.Dikenal pula seni tipografi, yaitu karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama. Dalam...

Read More

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 → Download 2. Go Green → Download 3. Pinky Template → Download 4. Fantasy Daus Template → Download 5. Cartoon → Download 6. Fresh Magazine 1.3 → Download 7. Elegant Taupe → Download 8. Light Night → Download   Template mana yang menjadi pilihan anda? ...

Read More

Draggable - sentuhan variasi dari 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 keduan...

Read More

Trend Konsep Desain Weblog Bergaya 3D

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 Couch2. Gaya Designlebih lengkap anda dapat melihat pada:Gallery of 3D Elements in Web DesignTutorial photoshop membuat desain layout web berbentuk 3D:1. Create a clean PSD layout with a 3D look2. Web design trend, 3D RibbonKonsep/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 Templa...

Read More

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."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...

Read More

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...

Read More

Semuanya tentang CSS "Sprites"

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

Read More

Tempat Mencari Ragam Jenis Icon

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....

Read More

Navigasi halaman secara horizontal dan vertikal - jQuery

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 JQueryNavigasi halaman secara vertikal:Animated Scrolling for Same-Page Linksatau 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...

Read More

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...

Read More

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 Download 2.  Movie Mania Donwload 3. MSN Inspirate Download 4. TheLast84 Download 5. BLO6 4 DIE Download 6. SImpleweb20 Download 7. Fresh Magazine 1.2 Download   Yang template hasil karyanya ingin cepat terkenal, kenapa tidak ikut berpartisipasi dalam gallery ini. Secara tidak langsung,...

Read More

Menu Navigasi Vertikal dengan Efek jQuery

Berikut ini beberapa menu navigasi vertikal dengan efek javascript + jquery yang dapat ditempatkan pada sidebar:jQuery Link NudgingCreating a Floating HTML Menu Using jQuery and CSSHow To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery7 Vertical Menus With jQuery EffectsA simple and lightweight prototype-based solution for vertical menuScroll Menu with jQuery Tutorial------------------------------CSS Vertical Navigation with Teaser (tanpa java)lihat juga:Berbagai macam "Dropdown Menu Jquery""Animated horizontal navigation" terbaik dengan Jqu...

Read More