Video Tutorial Membangun sebuah Blog / Web

Jika anda mulai tertarik belajar membangun sebuah template blog atau web sendiri, berikut ini video 'tutorial dasar' yang menarik dari CSS-Trick. Video tutorial ini sangat baik dalam menerangkan tahapan pembuatan sebuah template, baik itu hubungan antara CSS, HTML dan Image yang diperoleh dari Photoshop. Lewat video ini saya belajar banyak.Video Teknik dasar HMTL dan CSS dalam membangun SitusHTML & CSS - The VERY BasicsRunning time: 32:15As the title suggests, this video is the VERY basics of what HTML and CSS is, for the absolute beginner.Video tutorial konvesi desain photoshop ke dalam situs1: Converting a Photoshop Mockup (part 1 of 3)Running...

Read More

Magazine Template R.1.2

Karena ada yang meminta agar Magazine Template R.1 di tambah kolom pada bagian footernya, maka saya membuatkannya untuk anda. Template ini saya beri nama Magazine Template R.1.2. Live Demo Fitur Yang di tambahkan pada magazine Template R.1.2 Image Hover Link Pada Carousel Viewer Jika anda menyorotkan mouse anda ke gambar yang ada di carousel viewer, maka background gambar tersebut akan berubah warna, ini tentunya akan membuat carousel viewer anda lebih atraktif. 3 Kolom Di Footer Dibagian kolom footer saya tambahkan 3 kolom sehingga memungkinkan untuk menambahkan lebih banyak widget. Mengenai fitur-fitur lengkap serta semua...

Read More

Free aplikasi FTP

Jika anda membutuhkan aplikasi gratis/free FTP, untuk transfer atau upload file di server hosting, anda dapat menggunakan jasa aplikasi berikut:FileZilla...the free FTP solution. Both a client and a server are available. FileZilla is open source software distributed free of charge under the terms of the GNU General Public LicenseFireFTPFireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP serve...

Read More

Trik input javascript tanpa upload file di Blogger

Blogger tidak memiliki upload file khusus javascript, oleh karena itu perlu jasa upload file gratis. Namun ada cara lain tanpa upload file, yaitu dengan memasukan script langsung diatas </head> seperti:<script type='text/javascript'>....isi kode java script</script>jika script anda tidak parsed (Your template could not be parsed.....) maka triknya adalah sebagai berikut:<script type='text/javascript'>//<![CDATA[....isi kode java script//]]></script&...

Read More

Beberapa Trik / Hack Blogger

Berikut ini beberapa trik hack blogger, yang diperoleh dari Kang Rohman:Mamasang faviconMenghilangkan Navbar BloggerMenghilangkan Tulisan "Subscribe to : post (atom)"Menghilangkan Icon Bergambar Obeng dan TangMenghilangkan Angka Dalam LabelMenghilangkan Pesan Pencarian BloggerMenghilangkan Logo Blogger di 'Comment'Trik Menghilangkan Bagian Elemen ketika di PageMamasang faviconpasang kode berikut di atas kode </head>:<link rel="shotcut icon" href="..alamat tempat favicon.ico anda.."/>atau<link href='..alamat tempat favicon.ico anda..' rel='icon' type='image/vnd.microsoft.icon'/>atau<link href='...alamat favicon anda...' rel='icon'...

Read More

jCarousel Navigasi Image dengan jQuery

jCarousel merupakan fasilitas navigasi image dengan jQuery, dengan fasilitas ini image anda akan bergerak sesuai arah kiri dan kanan atau atas dan bawah.Berikut ini alamat yang menyediakan fasilitas script jCarousel:1. jCarousel Riding carousels with jQuery jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).2. jCarousel LitejCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or...

Read More

Beberapa Model Slideshow dengan Mootools

Bagi yang ingin menggunakan Slideshow di situs anda dengan fasilitas Mootools library, berikut ini beberapa tampilan model slideshow dengan Mootools: 1. BarackSlideshow Inspired by the slideshow in Barack Obama website. Implemented by extending MorphListdemo:2. Slideshow 2!Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website.demo:3. MooFlow V0.2 for MooTools 1.2MooFlow Image gallery uses MooTools.demo:4. noobSlide - mootoolsnoobSlide es una ligera "clase" escrita...

Read More

Trik membuat Absolute Columns

Absolute ColumnsJika anda tertarik untuk membuat struktur dasar web dengan pembagian kolom secara absolute, baik itu header, footer dan sidebar, berikut ini alamat yang memberikan tutorial membuat Absolute Colum...

Read More

A Free WordPress Theme; dengan Sentuhan Profesional

'Free WordPress Theme' berikut ini memiliki sentuhan profesional, dan terlihat tidak standar.'Free WordPress Theme' dengan sentuhan profesional:1. Rock Solid, A Free Wordpress ThemeRock Solid, an intuitive, premium Wordpress theme offered off of ForTheLose.org, is built to make blogging simple and easy.demo:2. Cellar HeatA wordpress theme testing playground for evaneckard.comdemo:3. Agregado Wordpress ThemePublishing Your Lifestreamdemo:4. ASCII One SandboxCome on and play with the ASCII One Themedemo:5. Vintage: A Free WordPress ThemeAs the title suggests, we wanted to release a WordPress theme that would reflect the vintage, old-style look...

Read More

Trik Image Opacity dengan CSS

Trik dasar css kali ini bagaimana Image ketika disentuh mouse (hover), warnanya image-nya akan memudar (opacity). Caranya sangat mudah yaitu anda tinggal mengganti kode css 'img' anda dengan kode berikut:img {filter:alpha(opacity=80);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}img:hover {filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;kode diatas dapat anda rubah angka opacity nya, tergantung selera, dan kode ini sudah memenuhi untuk pemakaian browser ...

Read More

Magazine Template R.1

Blog Template 4 U sekarang mempunyai template baru yang bisa anda  download secara gratis. Template Ini saya namakan Magazine Template R.1. Magazine Template R.1 mempunyai banyak feature  menarik yang bisa anda nikmati Fitur-fitur Magazine Template R.1 Real Blogger Magazine Style Template. Header ads banner ready ( 468 X 60 ads banner ) Fulldown Navigation Admin’s comment in different background (Admin’s comment highlighting) Carousel Viewer Untuk live demo, silahkan klik gambar di bawah : Spesifikasi : Type : Blogger Layout (XML) Type kolom : Template 3 kolom Deafault warna Template...

Read More

Cara mudah membuat sintax highlighter

Anda ingin membuat code dengan sintax highlighter pada postingan tanpa menggunakan javascript, ada cara mudahnya, dan tentunya fasilitas ini sangat baik digunakan untuk Blogger. Caranya yaitu dengan menggunakan jasa pelayanan berikut:Quick HighlighterDoesn't get any easier than this to create a webpage from your source code.Demo dari hasil penggunaan sintax dengan Quick Highlighter berikut ini:Demo diatas adalah code javascript, jadi di fasilitas Quick Highlighter ini anda dapat memilih pilihan kodenya sesuai dengan kode yang akan ada berikan sintax, apakah itu CSS, HTML dan sebagainya....

Read More

Link Hover Animasi dengan jQuery

Jangan biarkan blogger (blogspot) tertingal pengembangannya dengan WP, Joomla, Drupal, dan lainnya. Blooger juga mesti diberi sentuhan animasi dengan memanfaatkan fasilitas jQuery.Kali ini saya ingin memberikan tutorial membuat Link Hover Animasi dengan jQuery. Tapi sebelumnya jika anda ingin melihat penggunaan Link Hover Animasi dengan jQuery dapat dilihat di blog ini jQuery in Blogger Template, dengan mengarahkan mouse anda ke setiap link yang ada termasuk link menu, lihat perubahan warnanya.Jika anda tertarik, demikian tahapannya:1. masuk ke edit HTML, kemudian masukan script jQuery ini dibawah <head> atau sebelum </head> (tidak...

Read More

Trik Merubah Warna Seleksi Pada Text

Berikut ini trik dasar CSS untuk merubah warna seleksi pada teks, agar tidak standar lagi atau berwarna biru.Caranya sangat mudah, masukan kode CSS berikut:::selection { background: #B13E2C; color: white; /* Safari */ }::-moz-selection { background: #B13E2C; color: white; /* Firefox */ }Kode #B13E2C dan white, dapat anda rubah sesuai selera anda. Namun Kode tersebut tidak berlaku untuk ...

Read More

Situs yang memanfaatkan fungsi Slide and Scroll

Berikut ini situs yang dibangun dengan memanfaatkan fungsi "Slide and Scroll" baik itu dari library javascript seperti: jQuery, Mootools dan Ajax. Dengan memanfaatkan fungsi Slide and Scroll, situs ini menjadi sangat dinamis dan menarik, tidak terlihat lagi kesan kaku. 1. dannyblackman.com (Moo Tools)2. teamviget.com (jQuery)3. diegolatorre.com (Ajax)4. melissahie.com (Mootoo...

Read More

Fasilitas Komentar untuk Blogger/Blogspot

Merasa bosan dengan fasilitas komentar di blogger/blogspot yang kaku itu, anda dapat menggantinya dengan menggunakan fasilitas komentar atau diskusi di 3 tempat berikut:1. DISQUSPlug in the DISQUS comment system and bring out the best discussion on your website.Demo: 2. JS-KitGet StartedInstalling JS-Kit Comments on your site is as easy as 1-2-3!Demo:3. IntenseDebateIntenseDebate comments enhance and encourage conversation on your blog or website.de...

Read More

Semuanya tentang CSS dan Javascript

Berikut ini blog yang secara khusus membahas teknik CSS dan Javascript, baik itu untuk menu nav, layout, dan fungsi lainnya.1. CSS play2. CSS Menu3. stunicholls.com4. Dynamic Drive5. JavaScripts ...

Read More