3 Tips Agar Template Anda Lebih Search Engine Friendly

Tahukah anda bahwa sebenarnya template anda berpengaruh cukup besar untuk kualitas SEO blog anda ? Ya, template itu merupakan salah satu bagian penting dari SEO sebuah blog, tanpa template yang memadai saya jamin SEO blog anda akan kurang maksimal.

Maksud SEO pada template disini adalah mengenai kecepatan indexing search engine untuk artikel-artikel anda. Mengapa selalu ada yang mengeluh kalau artikel terbarunya lama terindex oleh search engine, salah satu faktornya adalah template yang anda gunakan saat ini.

Apakah anda mempunyai pertanyaan yang sama ? Simak tips dari saya agar template anda lebih search engine friendly dan membantu mempercepat indexing artikel-artikel di blog anda.

1. Sidebar Di Kiri Kurang Baik

Untuk tips yang pertama, saya sarankan agar anda memilih template dengan sidebar ada disebelah kanan, mengapa ? Untuk anda yang penggila SEO, seharusnya sudah tahu hal ini, bahwa robot-robot search engine membaca sebuah blog itu dari kiri ke kanan.

Hal ini pun di benarkan oleh sebuah ebook yang saya baca, penulis ebook ini adalah Brad Callen ebook tersebut berjudul SEO Made Easy, bila penasaran untuk membacanya anda bisa mendownloadnya secara gratis melalui link ini.

Memang tidak harus anda memilih template dengan sidebar di kanan dan di kiri artikel, tapi apabila anda memang seseorang yang sangat mementingkan SEO, sudah menjadi barang wajib anda menggunakan template dengan sidebar di kiri artikel.

2. Template Minimalis Baik Untuk SEO

Mengapa minimalis bagus untuk SEO ? Jawabannya adalah karena minimalis sangat baik dari segi loading. Semakin baik/kencang loading blog anda, akan semakin baik pula SEO blog anda.

Arti minimalis disini bukan berarti blog anda harus menggunakan template 1 kolom, harus murni css tanpa gambar, atau bahkan harus tanpa sidebar. Bukan itu maksud saya ! Maksud saya adalah meminimaliskan template yang sudah anda gunakan sekarang.

Mulailah untuk membenahi template anda, copot fasilitas yang kurang bermanfaat untuk pembaca, copot juga fasilitas yang membuat loading blog anda menjadi sangat lambat. Saya sangat merekomendasikan untuk mencopot toolbar Wibiya untuk yang menggunakannya, saya sudah melakukan sedikit experiment kecil-kecilan, dengan memasang toolbar tersebut loading blog naik hingga 30-50% menjadi lebih berat.

3. Mulailah Belajar Mengurangi Error Pada Validitas

Menyinggung sedikit artikel Kang Rohman mengenai Haruskah Halaman Web Valid HTML, saya katakan harus ! Mengapa ? Karena ini salah satu masalah serius bila dihubungkan dengan SEO.

Sebuah sumber mengatakan, bahwa robot-robot search engine akan menjadi sangat sulit mengindex halaman blog anda apabila terjadi banyak error pada validitas di template yang anda gunakan.

Halaman blog error, bisa di karenakan fasilitas blog yang anda pasang. Silahkan anda cek sendiri di validator, selain anda mengurangi error, seperti tulisan saya di atas, loading blog anda pun akan semakin baik dengan meminimalisir fasilitas blog.

Menurut saya, bila jumlah error di blog anda masih menunjukan angka antara 10-20 saja sudah cukup aman, namun lebih baik kurangi menjadi di bawah 10 bahkan sangat baik bila sampai valid.

Walaupun tidak semua narablog mempunyai kemampuan untuk mengedit template karena harus mengerti bahasa HTML dan CSS, tapi tidak ada salahnya anda mulai mempelajarinya, karena ini untuk kebaikan anda sendiri.

Sudah banyak sekali yang menulis mengenai tutorial HTML dan CSS di dunia per-bloggeran ini, jadi saya yakin dengan sedikit kemauan dan usaha untuk mencari(googling), pasti anda bisa mengedit template anda, minimal anda bisa mengurangi error yang ada pada template yang anda gunakan.

Semoga tips saya di atas bisa membantu blog anda menjadi jauh lebih search engine friendly, apabila ada kesalahan atau kekurangan dalam penjelasan saya di atas silahkan anda koreksi .

Author : Satrya
Blog: http://www.margasatrya.com
Tentang : Seorang blogger muda, web designer, css writer dan penggila platform wordpress. Prinsipnya, nikmati hidup karena hidup adalah anugrah.

Read More

Menghadapi komentar negatif

Di dalam nge-blog, kita pasti sering menjumpai berbagai macam komentar-komentar yang di tujukan kepada postingan yang kita buat.

Banyak webmaster yang mengatakan bahwa komentar-komentar dalam blog di bagi menjadi 2 macam. Diantaranya komentar positif dan komentar negatif.

Komentar positif biasanya lebih bermaksud untuk memeberikan kritikan yang membangun kepada kita.

Komentar negatif pun juga banyak yang memberikan kritikan, akan tetapi, kritikan komentar-komentar negatif sering kali menggunakan kata-kata kasar yang tidak layak di pasang di blog kita. Komentar ini biasanya di ucapkan oleh pengunjung yang iri kepada kita...

Agar lebih jelas tentang apa yang dimaksud dengan komentar positif dan negatif, simak contoh-contoh komentar di bawah ini.

Contoh komentar positif :

“saya sangat menghargai sekali dengan pendapat yang anda sampaikan, akan tetapi saya mempunyai pendapat lain. Yaitu.............(bla bla bla)”

Contoh komentar negatif :

“ah... trik apaan tu !! itu mah , sampah !! seharusnya gak bgitu !! bodo amat sih loe !!!!!!”

Hmmm, melihat contoh komentar negatif yang saya paparkan diatas, saya yakin, sebagai admin blog yang menerima komentar tersebut, pasti anda akan merasa sakit hati.

Alhamdulillah, hingga sampai detik ini juga, saya belum pernah menjumpai komentar-komentar negatif.

Jangankan komentar neggatif,mendapat komentar saja sangat jarang.... maklum, blog saya masih baru...

Ok, sekarang saatnya berbagi tips menghadapi komentar-komentar (respons) negatif.

- Jangan takut menghadapi komentar-komentar negatif

Komentar negatif bukanlah sebuah halangan untuk berhenti nge-blog. Komentar-komentar seperti ini umum, bagi setiap blogger. Apabila anda menjumpai komentar-komentar negatif, jangan takut, biarkan saja, komentar negatif tidak menggigit koq...

- Tanggapi komentar negatif

Sepanjang isi postingan kita masih bisa dikatakan “bermanfaat” bagi para pembaca, tanggapi saja komentar yang berbau negatif. Ingatkah akan pepatah “ kejahatan harus di balas dengan kebaikan” ?, Maka tanggapilah komentar negatif dengan kata-kata yang tidak kasar.

- Jangan hapus komentar negatif

Dengan menghapus komentar negatif dan tidak menanggapinya, bisa-bisa anda di cap sebagai “blogger pengecut”.

- Berkunjung balik ke blog yang berkomentar negatif

Apabila orang yang berkomentar negatif terhadap anda mempunyai blog, kunjungi saja blognya. Lalu berikanlah komentar yang positif di blognya. Bisa saja orang tersebut berbalik meminta maaf kepada anda karena telah menyesali perbuatanya.

Intinya, dalam menghadapi komentar-komentar negatif, anda harus sabar,sabar dan sabar. Ingat, “orang sabar di sayang Tuhan” bukan ?

Author : Luthfi Tri Atmaja
Blog: http://farzanawuss.blogspot.com/

Read More

Ubah Background Web dengan Javascript

Merubah warna background website dengan bantuan javascript. Sebelumnya saya akan berikan sedikit pengertian dari javascript. JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien, jadi gak perlu install server web localhost dulu deh untuk menjalankannya. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan di browser.

Ada beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya.

Yah, kira-kita begitulah pengertian tentang javascript. Langsung aja deh. Coba klik link berikut :

Warna Merah

Warna Biru

Warna Hijau

Nah, sekarang saya akan berikan kode javascript untuk membuat link yang bisa menyulap warna latar belakang website. Berikut adalah websitenya:

<a href="#" onMouseOver="document.bgColor='red'">Warna Merah</a>
<a href="#" onMouseOver="document.bgColor='blue'">Warna Biru</a>
<a href="#" onMouseOver="document.bgColor='green'">Warna Hijau</a>

Silakan simpan di halaman web atau blog sobat, kemudian langsung uji coba deh tuh script.

PENJELASAN SCRIPT

Sedikit penjelasan untuk kumpulan kode di atas.

Pertama kita simpan tulisan Warna Merah, Warna Biru dan Warna Hijau di dalam tag <a> yang artinya memberikan link. Tapi biar ketika diklik gak lari ke halaman lain, maka kita isikan href nya dengan tanda pagar (#).

onMouseOver="document.bgColor='blue'"

Kode di atas berarti ketika kursor berada di atas text, maka jalankan perintah mengubah warna latar dengan javascript document.bgColor='blue' .

Sekian, jika ingin mengganti warnanya silakan ganti tulisan blue dengan warna lainnya.

Wilianto Indrawan
Seorang blogger dan freelance web developer yang suka coba-coba hal-hal baru walaupun kadang suka sok tau, but be myself..
Web: http://www.desaiklan.com

Read More

Pengenalan (dasar) PHP

Menurut dokumen resmi PHP. PHP merupakan singkatan dari Hypertext Preprocessor. PHP merupakan sebuah file teks yang terpasang pada HTML dan merupakan bahasa berbentuk script yang ditempatkan dalam server dan diproses di server. Hasilnya dikirimkan ke klien tempat pemakai menggunakan browser. Analogikanya PHP merupakan bahasa pemrograman web yang bersifat server side html atau embedded scripting, dimana sintaknya menyatu dengan sintak HTML. Tujuan dari PHP ini sama dengan HTML yaitu untuk memungkinkan webdesain membuat halaman web dengan relatif mudah dan cepat.

Secara khusus PHP, dirancang untuk membentuk aplikasi web dinamis. Artinya dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya Anda bisa menampilkan isi database ke halaman web. Pada prinsipnya PHP mempunyai fungsi yang sama dengan script-script seperti ASP (Active Server Page), Cold Fusion ataupun Perl. Namun perlu diketahui bahwa PHP sebenarnya bisa dipakai secara command line. Artinya script PHP dapat dijalankan melibatkan web server maupun browser. Yang menarik kode PHP juga bisa berkomunikasi dengan database dan melakuakan perhitungan-perhitungan yang kompleks sambil jalan.

Kelahiran PHP bermula saat Rasmus Lerdorf membuat script PERL yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya yakni pada tahun 1994. Script-script ini selanjutnya dikemas menjadi tool yang disebut "Personal Home Page". Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Rasmus menciptakan PHP/FI versi 2. Pada versi inilah pemrograman dapat menempelkan code terstructur di dalam tag HTML.

Pada saat ini PHP cukup populer sebagai pemrograman Web, terutama di lingkungan Linux. Walaupun demikian, PHP sebenarnya juga dapat berfungsi pada server-server yang berbasi UNIX, Windows, Macintosh.

Pada awalnya PHP dirancang untuk diintegrasikan dengan webserver Apache. Namu belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal Web Server), IIS (Internet Information Server) dan Xitami.

Untuk mencoba PHP, Anda tidak perlu menggunakan komputer berkelas server. Hanya dengan sebuah komputer biasa, Anda bisa mempelajari dan mempraktikan PHP.

PHP bersifat bebas dipakai, Anda tidak perlu membayar apa pun untuk menggunakan perangkat lunak alias Free. Anda bisa men-downloadnya melalui situs http://php.net/ PHP tersedia dalam bentuk kode binner maupun kode sumber yang lengkap.

HUBUNGAN PHP dengan HTML

Sekilas tentang HTML

HTML merupakan Hyper Text Markup Language. HTML merupakan dokumen yang disajikan dalam suatu web yang dapat dibuat dengan teks editor semisal notepad.

Lalu apa hubungan antara PHP dengan HTML? Suatu halaman web biasanya disusun dari file teks murni HTML yang kemudian disimpan pada sebuah file yang berekstensi *.html File tersebut dikirimkan oleh host server ke web browser, seperti IE, Opera, Nescape Navigator, Mozila Firefox, dll yang kemudian file tersebut diterjemahkan sehingga menghasilkan suatu halaman web yang indah. Beda halnya dengan PHP file ini berekstensi *.php kemudianfile tersebut harus diterjemahkan oleh web server sehingga menghasilkan file html yang kemudian dikirim ke web browser agar dapat ditampilkan pada suatu halaman web.

author : Gus Ikhwan

CSS writer, web enthusiast, yang berhasrat menjadi web developer dan Tidak bisa hidup tanpa Gmail, Google Reader dan Twitter.

Situs : http://facebook.com/ikhwan.goblog

Read More

Perintah echo pada PHP

Pada artikel sebelumnya di sini, kita membahas cara membuat server web localhost. Nah pada kesempatan kali ini, mari kita coba dan pelajari cara menggunakan server web tersebut secara lebih maksimal, yaitu dengan mencobanya dengan membuat file PHP.

Langkah pertama adalah buat folder baru di dalam server localhost yang berlokasi di C:\XAMPP\htdocs (sesuai tempat penginstallan). Beri nama folder baru tersebut dengan “latihan”.

Kita akan membuatnya menggunakan notepad, karena merupakan software default bawaan dari windows. So, sobat-sobat pasti punya kan? Setelah program notepad terbuka, maka ketikanlah kode berikut di dalamnya.

 

<html>
<head><title>Web PHP Pertamaku</title></head>
<body>
<?php
echo "Tulisan Tanpa Variasi. <br>";
echo "<b>Tulisan Dengan Bold.</b><br>";
echo "<u>Tulisan Dengan Garis Bawah.</u>";
?>
</body>
</html>  

Setelah selesai mengetikan kode di atas, simpan dengan nama “pertama.php” di dalam folder “latihan” yang baru saja dibuat.

Ingat! Karena sobat menggunakan notepad, jadi harus perhatikan juga Save as type nya , ubah jadi All Files.

 

Setelah selesai menyimpannya, maka selanjutnya kita akses file tersebut dari browser kesayangan sobat. Buka browsernya lalu arahkan addressnya ke http://localhost/latihan/pertama.php dan lihat hasilnya.

PENJELASAN KODE

Setiap memulai kode PHP, harus kita awali dengan tanda <?php. Lalu di baris-baris kode berikutnya sobat sering melihat kata echo, kata ini sebenarnya adalah sebuah perintah PHP untuk mencetak kata ke layar browser. Kalau pada HTML kita bisa mengetikan secara langsung kodenya untuk ditampilkan ke layar browser, tapi kalau di PHP harus diawali dengan perintah echo terlebih dahulu.

echo "<b>Tulisan Dengan Bold.</b><br>";

Isi yang akan kita cetak, harus kita letakan di antara tanda petik. Selain itu kita juga bisa menambahkan kode HTML di dalamnya, pada hal ini kita tambahkan tag <b> yang fungsinya untuk mencetak tebal (bold). Dan jangan lupa setelah selesai setiap suatu perintah (statement) di dalam PHP harus kita beri tanda titik koma ( ; ).

Sekarang kita beralih ke alamat/URL pengaksesannya, yaitu http://localhost/latihan/pertama.php

http://localhost adalah URL untuk mengakses server local, lalu latihan/ adalah nama folder tempat kita menyimpan filenya. Sedangkan pertama.php adalah nama file yang akan kita akses.

Sekian dulu tutorial kali ini, sampai jumpa next time. Mudah-mudahan bisa bermanfaat bagi semua.

Tentang Author :

Wilianto Indrawan


Seorang blogger dan freelance web developer yang suka coba-coba hal-hal baru walaupun kadang suka sok tau, but be myself..


Blog: http://www.wilianto.com

Read More

Perbandingan Direktori Artikel Terpopuler

Sebuah direktori artikel merupakan website dimana Anda bisa mengirimkan artikel Anda yang unik yang berhubungan dengan bisnis online Anda. Artikel ini kemudian di katalog ke dalam kategori yang berbeda sesuai dengan niche tertentu. Anda juga dapat menyediakan kembali link ke website Anda pada akhir artikel. Beberapa situs memungkinkan pelanggan untuk memiliki tertanam link ke situs lain yang relevan juga. Hal ini membantu pelanggan potensial Anda untuk mencapai Anda dengan mudah. Namun, sangat penting untuk mengetahui direktori artikel yang akan digunakan. Direktori artikel populer adalah seharusnya situs otoritas. Hanya yang populer adalah dijelajahi oleh bot mesin pencari.

Dengan peningkatan kebutuhan alat pemasaran Internet dan SEO, saat ini ada sejumlah direktori artikel. Sangat penting untuk mengetahui yang memiliki peringkat yang lebih baik bagi Google. Google adalah mesin pencari terkemuka penting yang dapat membuat atau merusak bisnis online Anda. Karena itu sangatlah penting untuk mengetahui bagaimana peringkat direktori tersebut di Google sebelum Anda mengirim artikel Anda.

Ezinearticles.com adalah direktori article paling populer di kalangan pengguna serta mesin pencari. Google PageRank untuk situs ini adalah 6. Ini adalah situs user-friendly di mana Anda bisa mengirimkan artikel Anda. Mereka memiliki seperangkat aturan dan peraturan yang harus Anda patuhi saat menulis artikel.

Artikel direktori lain yang populer adalah Goarticles.com. PageRank Google untuk halaman ini juga 6. Namun, lalu lintas yang dihasilkan kurang dari Ezinearticle. Ini juga merupakan direktori artikel umum. Yang harus Anda lakukan adalah menjadi anggota situs ini dan mulai mengirimkan artikel Anda. Sangat disarankan agar Anda membaca pernyataan privasi dari situs web itu dan mencari tahu rincian bagaimana memanfaatkan direktori ini. Ada juga beberapa panduan dan pedoman penulis dan penerbit yang harus Anda baca. Saat mengirimkan artikel, Anda harus diingat aturan Copyscape. Plagiarisme bisa sangat mahal untuk bisnis online Anda.

Articlebase.com adalah direktori artikel populer lain yang memiliki Google PageRank 5. Anda tidak perlu melakukan berbagai upaya untuk menjadi anggota situs ini. Dengan hanya satu klik tombol, Anda dapat mendaftar keanggotaan dan mulai mengirimkan artikel yang berkaitan dengan konten perusahaan Anda.

Artikel direktori lain yang baik adalah ArticleDashboard.com di mana Anda dapat menemukan dan mengirimkan artikel. Website ini dibagi ke dalam kategori di mana Anda dapat dengan mudah menemukan artikel yang terkait dengan topik yang spesifik. Memiliki peringkat Google halaman 6 dan menarik lalu lintas tertinggi kedua untuk artikel direktori.

Evoire.com adalah direktori artikel baru-baru ini diluncurkan. Artikel direktori ini membagi 80% dari Google Adsense dengan penulis, membuatnya menjadi situasi yang menguntukan bagi penulis, yang bisa mempromosikan situs melalui link dalam artikel sementara mendapatkan penghasilan tambahan. Interaksi mirip Facebook di situs ini juga menjadi fitur yang menyenangkan, membuatnya menjadi komunitas yang hidup.

Sebuah direktori artikel adalah langkah menuju sukses untuk bisnis online. Saat ini, situs sulit meningkatkan grafik keuntungan mereka tanpa bantuan dari suatu direktori artikel. Jika Anda ingin menghasilkan lebih banyak lalu lintas di situs Web Anda, meningkatkan keberadaan Web Anda, meningkatkan peringkat website Anda di berbagai search engine maka anda perlu mengetahui nuansa optimasi mesin pencari. Menulis artikel dan mengirimkannya ke direktori artikel adalah salah satu cara yang paling hemat dan mudah untuk menarik pelanggan potensial.

Tentang author :

Fernando

Adalah kontributor di Cheatad.com, sebuah blog tentang SEO & Google Adsense.
Blog : www.cheatad.com

Read More

Penerapan Fancybox dengan JQuery di Blogger

Fancybox adalah efek jendela munculan (pop up) dengan menggunakan JQuery yang dikembangkan Janis Skarnelis. Berbeda dengan jendela munculan yang biasa kita lihat, Fancybox mempunyai desain elegan yang menyerupai pop up pada Mac OS serta efek transisi yang menarik. Selain dapat menampilkan gambar, Fancybox juga mampu menampikan halaman eksternal dengan Iframe. Lebih lanjut, silakan lihat mampir ke halaman demo.

Cara Penerapan

 

Pemasangan di template Blogger/blogspot

Langkah 1
Unduh (download) kode yang telah dikustomisasi di sini

Isi file:
1. jquery.fancybox-1.3.1.css
2. jquery.fancybox-1.3.1.js
3. jquery.mousewheel-3.0.2.pack.js (opsional)

Unggah (upload) file jquery.fancybox-1.3.1.js dan jquery.mousewheel-3.0.2.pack.js (opsional) ke hostingan Anda (saya menggunakan Fileave.com untuk menitipkan file js).

Langkah 2
Buka file jquery.fancybox-1.3.1.css dengan notepad, copy semua kode di dalamnya

Langkah 3
Backup template Anda, lalu tuju halaman Edit HTML, paste kode pada Langkah 2 di atas ]]></b:skin>

Langkah 4
Tempatkan kode JQuery berikut di atas </head>  (bila belum ada)

<!-- jQuery -->
<script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'/>

Langkah 5
Selanjutnya tempatkan kode berikut setelah kode JQuery tersebut (ganti http://hostingan-anda.com/jquery.fancybox-1.3.1.js dengan alamat hostingan file Anda)

<!-- Fancybox Costumized Js -->
<script src='http://hostingan-anda.com/jquery.fancybox-1.3.1.js' type='text/javascript'/>

<!-- Js Tambahan -->
<script type='text/javascript'>
$(document).ready(function() {
    $(&quot;a:has(img)&quot;).fancybox();
    $(&quot;a.image&quot;).fancybox();
    $(&quot;a.iframe&quot;).fancybox();
    $(&quot;a#inline&quot;).fancybox({
    &#39;hideOnContentClick&#39;: true
    });
    $(&quot;a.group&quot;).fancybox({
        &#39;speedIn&#39;    : &#39;600&#39;,
        &#39;speedOut&#39;    : &#39;200&#39;,
        &#39;overlayShow&#39;    : &#39;false&#39;
    });
    $(&quot;a.buzz&quot;).fancybox({
                    &#39;autoScale&#39;     : false,
                    &#39;transitionIn&#39;  : &#39;none&#39;,
                    &#39;transitionOut&#39; : &#39;none&#39;,
                    &#39;type&#39;          : &#39;iframe&#39;
            });
});
</script>
<!-- end Fancybox Costumized Js  -->

Langkah 6
Simpan template Anda

Penerapan
Sampai di sini proses pemasangan Fancybox di template Blogger Anda telah selesai. Langkah selanjutnya adalah penerapan efek Fancybox pada objek yang Anda inginkan di postingan, maupun elemen halaman blog Anda (Single Image, Image Gallery, Iframe dan konten Inline)

1.    Single Image
<a class="single_image" href="http://gambar-anda.jpg"><img src="gambar-thumbnail-anda.jpg" alt="keterangan-gambar"/></a>

 

2.    Image Gallery
<a class="grouped_elements"  href="http://gambar1-anda.jpg"><img src="gambar-thumbnail1-anda.jpg" alt="keterangan-gambar 1"/></a>

<a class="grouped_elements" href="http://gambar2-anda.jpg"><img src="gambar-thumbnail2-anda.jpg" alt="keterangan-gambar 2"/></a>

 

3.    Iframe
<a class="iframe" href="http://www.google.com" title="keterangan-iframe">Contoh Iframe Google.com</a>

 

4.    Konten Inline
<a id="inline" href="#data">Menampilkan konten dari elemen dengan id="data"</a>

<div style="display:none"><div id="data">Kata-kata (objek inline) yang muncul di pop up</div></div>

 

Opsi Tambahan

1.    Anda dapat mengaktifkan mouse weel sebagai navigasi untuk Image Gallery dengan menambahkan jquery.mousewheel-3.0.2.pack setelah penempatan kode jquery.fancybox-1.3.1.js. Untuk melihat efeknya silakan lihat halaman demo bagian Image Gallery dan gunakan mouse weel Anda.

2.    Untuk menampilkan Iframe dengan skala tertentu, Anda dapat menambahkan kode berikut di deretan <-- Js Tambahan --> (ubah angka 35 untuk lebar dan 75 untuk tinggi sesuai kebutuhan)

            $(&quot;.extLink&quot;).fancybox({
         &#39;width&#39; : &#39;35%&#39;,
         &#39;height&#39; : &#39;75%&#39;,
         &#39;autoScale&#39; : false,
         &#39;transitionIn&#39; : &#39;none&#39;,
         &#39;transitionOut&#39; : &#39;none&#39;,
         &#39;type&#39; : &#39;iframe&#39;
            });

Selanjutnya gunakan class="extLink" untuk melakukan pemanggilan (contoh dapat dilihat di halaman demo shoutmix)

Penutup
Untuk keterangan lebih lanjut silakan mampir ke Fancybox.net. Terima kasih, selamat mencoba, dan semoga bermanfaat

Ardhiansyam

Seorang penulis lepas yang tertarik dengan Blogger dengan berbagai seluk-beluknya

Blog: www.berandabumi.co.cc

Read More

5 Menit membuat server Web Localhost

Server web localhost. Apaan itu?? Server web localhost adalah sebuah server local di computer Anda. Server localhost ini berfungsi untuk menjalankan script-script PHP untuk sebuah website. Tanpa server ini, dijamin deh web-web yang pake bahasa PHP gak akan kebuka dengan sempurna, bahkan mungkin gak kebuka sama sekali. Selain itu, server web localhost ini juga berguna untuk menyimpan data-data member/lainnya dari sebuah website di dalam database (kita akan gunakan phpMyAdmin untuk database).

Nah, sekarang mending langsung kita install ajah server web localhost, biar gak bosen baca pendahuluan yang panjang lebar. Berikut adalah langkah-langkahnya:

1. Langkah pertama adalah mendownload XAMPP Localhost, di sini.

2. Lalu menginstall XAMPP yang berisi Apache Server dan MySQL server di computer kita, berikut adalah tahap-tahapnya:

 

3. Pilih tempat/drive yang akan diinstall, lalu klik next.

 

4. Centang ketiga menu di “SERVICE SECTION”, lalu klik install.

 

5. Tunggu sampai proses install selesai

 

6. Setelah proses selesai maka akan muncul tampilan seperti gambar di samping, lalu klik “Finish” dan tunggu beberapa saat. Jika muncul konfirmasi maka pilih “YES”.

 

7. Setelah muncul tampilan seperti gambar dibawah maka proses instalasi telah selesai.

 

Sekarang proses Apache Server dan MySQL Server (phpMyAdmin) telah selesai terinstall. Tunggu tutorial berikutnya yah tentang penggunaan PHP dan MySQL dalam sebuah aplikasi di server localhost dari blog ini. (Kita akan buktikan kegunaan server localhost ini).

NOTE: Username untuk mengakses phpMyAdmin adalah “root” (tanpa tanda petik) sedangkan untuk passwordnya dikosongkan saja.

 

Wilianto Indrawan
Seorang blogger dan freelance web developer yang suka coba-coba hal-hal baru walaupun kadang suka sok tau, but be myself..
Blog: http://www.wilianto.com

Read More

5 Langkah dasar menghasilkan uang dari Internet

Menghasilkan uang dari bisnis online menjadi impian hampir semua blogger atau bahkan semua orang. Kebebasan dalam memilih tempat dimana kita bisa bekerja, pemasukan yang tak terbatas dan otomatis menjadi daya tarik yang tak dapat dihindari oleh semua orang tentunya. Tetapi jelas itu tidak mudah dan tanpa kesulitan.

Apakah masalahnya? masalahnya adalah hampir tidak ada seorangpun yang benar benar mengajari atau membagi ilmunya tentang bagaimana mendapatkan penghasilan tinggi dari internet. Pada kenyataannya, kebanyakan mereka pada intinya adalah menginginkan uang dari Anda bukan?. Oleh karena itu saya akan coba sedikit memberikan pencerahan tentang bagaimana sebenarnya yang harus dilakukan ketika menginginkan penghasilan dari internet.

Mari kita lihat point point penting ketika ingin memulai make money online dan penghasilan tak terbatas. Apapun jenis dan macam bisnis online yang Anda coba jalankan, baik itu afiliasi, PPC, atau bahkan jualan ebook, perhatikan hal hal berikut ini:

1. Temukan niche

Menemukan niche pasar menjadi hal penting utama dalam memulai bisnis online dan make money online. Banyak orang gagal dan menyia nyaiakan waktu di depan komputer dan internet dalam kegiatan blogging mereka hanya karena mereka tidak mempunyai niche. Ini juga berguna nantinya untuk fokus pada satu topik blog atau website. Pernah dengan nasehat dari webmaster dunia yang mengatakan 'one site, one niche'?.

Konsen pada satu topik dalam satu website sering tidak dilakukan oleh kebanyakan blogger karena masih ada anggapan bahwa ngeblog itu untuk menuangkan apa saja yang ada di pikiran. Ok itu benar dan boleh sekali. Tapi jika ingin ngeblog yang menghasilkan uang, silahkan mulai konsentrasi pada satu niche saja, terlebih yang mencoba afiliasi, PPC sungguhan (Google AdSense, Chitika Premium etc).

Secara singkat saja, rahasia menemukan niche adalah bagaimana menemukan sesuatu topik yang banyak dibutuhkan orang dan belum banyak tersedia. Temukan masalah kebanyakan orang dan berikan jawabannya. Itulah sedikit mengenai niche.

2. Membuat website dan membeli domain

Saat ini, hampir bisa dikatakan tidaklah sulit lagi membuat website. Banyak tool tersedia di internet yang bisa digunakan dengan mudah oleh yang sangat pemula sekalipun. Satu hal penting yaitu : belilah domain sendiri. Banyak kelebihan dan manfaat yang didapat dari domain sendiri. Saat ini domain bukan hal yang mahal lagi, sekitar 7o s/d 90 ribuan sudah bisa mempunyai domain sendiri untuk 1 tahun. Website ini akan berfungsi sebagai blok bangunan bisnis online untuk niche Anda nantinya. Pengunjung yang datang ke website Anda adalah kesempatan sukses Anda dalam niche yang dipasarkan. Oleh karena itu hal penting yang ke 3 berikut ini menjadi hal penting selanjutnya.

3. Mengumpulkan nama dan alamat email (list email)

Daftar nama dan alamat email ini adalah ladang emas Anda. Semakin banyak daftar email dalam email list Anda, maka semakin luas pula ladang kesuksesan Anda. Penting untuk dicatat bagaimana cara mengumpulkan email ini adalah harus dengan cara yang benar. Bukan dengan mengumpulkan satu persatu dari tempat tempat dimana tertulis alamat email. Cara yang benar adalah Anda perlu untuk membuat sebuah form khusus penjaring email. Umumnya ini dilakukan dengan memasang Autoresponder pada website. Autoresponder terkenal seperti Aweber.com dan dari lokal juga sudah banyak bermunculan.

4. Membangun hubungan baik

Membangun hubungan yang baik dengan orang orang yang ada di list email mutlak diperlukan. Satu alasan pasti mengenai hal ini adalah: Orang yang sudah melakukan subscribe pada autoresponder Anda adalah hampir sebagian besar prospek Anda. Maka tidak ada alasan untuk tidak menghiraukan mereka. Bukankah secara teori mereka siap untuk mendengarkan setiap rekomendasi yang Anda berikan lewat kiriman email atau salesletter nantinya?.

5. Mulai menghasilkan uang

Jika 4 point di atas sudah terlaksana dengan baik, disinilah saatnya menghasilkan uang melalui internet. Siapkan produk yang ingin dijual, tidak peduli itu produk nyata, produk afiliasi, jasa, informasi, ebook dan apapun yang jelas sesuai dengan niche Anda. Buatlah salesletter sebaik mungkin dan mulai gunakan autoresponder Anda dan segeralah hasilkan penjualan.

Apakah sering mendengan istilah 'autopilot'? Nah, bila Anda benar benar sukses menjalankan 5 point di atas, Anda akan benar benar menghasilkan uang dengan sendirinya atau sering kita dengan dengan istilah 'autopilot'.

Satu hal penting adalah mindset atau pola pikir. Tanamkan dalam pikiran bahwa kesuksesan membutuhkan kerja keras, pengorbanan waktu, investasi pikiran, duit dan kesabaran serta keuletan. Untuk mencapai kesuksesan bisnis online tentu juga diperlukan semua hal tersebut. Setiap satu dari kelima point di atas juga membutuhkan ilmu dan pengetahuan yang perlu dipelajari dengan serius jika ingin benar benar sukses.

Furqon
Blogger biasa yang sangat tertarik dan sedang belajar keras tentang bisnis online dan internet marketing.
Blog : http://furqonblumah.blogspot.com

Read More

Blogazine Guna Meningkatkan Upaya Branding Anda

Fungsi blog kurang lebih adalah untuk personal branding. Jadi dengan konsep blogazine, Anda bisa sedikit meningkatkan branding di dunia webdesain atau blogosphere (dunia blog).

Apa sih blogazine dan apa itu? Blogazine sendiri merupakan akronim dari kata blog + magazine = Blogazine

Blog dibuat sebagai sarana mempublikasikan pemikiran di internet. Blog engine seperti wordpress, blogspot dan sebagainya dibuat untuk mempermudah kegiatan blogging. Dengan paradigma content management system, blog engine mempermudah blogger dalam mempublikasikan konten dan men-styling melalui theme / template yang dengan mudah diinstall blog engine tersebut.

Apa sih blogazine dan apa itu dan apakah Blogazine barang baru? Blogazine sendiri merupakan akronim dari kata blog + magazine = Blogazine. Untuk kapan waktunya saya belum tahu? Mungkin Kang Rohman tahu kapan adanya konsep Blogazine itu sendiri, namun berdasarkan tulisn dari Paddy Donnely bahwa 'Jason Santa Maria' sudah membuat custom post sejak juni 2008. Kalau begitu Bukan Barang baru lagi ni? Ya gitulah. Kembali ke topik lagi, Seperti asal istilah blogazine di atas yaitu magazine, dan Apa yang terjadi jika sebuah majalah memiliki layout yang seragam untuk semua halamannya? Membosankan, bukan?

Masih bengong, apa Blogazine itu, OK saya bantu dengan bahasa lebih mudah dan simple, intinya Blogazine adalah satu paradigma blogging yang membuat tampilan setiap post blog berbeda, seperti perbedaan layout setiap artikel di majalah. Contohnya kita bisa simak “ The Death of the Blog Post ?” oleh Paddy Donnely yang dipublikasikan di Smashing Magazine. Lihat bagaimana setiap post yang memiliki layout berbeda ini dan memanjakan mata kita lalu dan berujar dalam hati “Oh My God, keren sekali!“

 

lalu bagaimana dengan Blogazine citarasa Blogger lokal?

Blogger lokal yang sudah mengadopsi gaya blogazine ini baru Yahya Junianto Aifit. Blogger dan Web designer asal Kota Cepu ini mengaplikasikan gaya blogazine kepada blognya cahcepu.com . Anda bisa lihat custom post yang dipublikasikan disana, dan Menurut saya ini perlu dihargai dan diacungin jempol sebagai sebuah gagasan baru yang mencoba melawan kebosanan.

Blog diatas memang sangat kreatif. Gaya "Blogazine" sangat kental. Layaknya sebuah majalah, tiap halaman memiliki layout dan warna yang berbeda.

Memang konsep "Blogazine" sangat membutuhkan kreatifitas tinggi, dan waktu luang yang banyak. Bukan hanya isi artikelnya, tapi juga untuk membangun layout yang menarik. Tidak seperti halnya "blog post" yang statis (tradisional).

Membuat blogazine memakan waktu yang lama bahkan bisa sampai 2-3 minggu (coba cek rentan waktu update postingan dari Om Ipit) dan effort yang tidak sedikit, jika ditinjau dari manfaatnya sangat baik dan berguna buat saya yang masih pemula. Karena kita bisa belajar hal – hal yang baru tentang desain. Misalnya, belajar memilih warna yang cocok dan belajar bagaimana membuat sebuah tampilan yang disesuaikan dengan konten. Sehingga konten yang dulunya “membosankan” kini menjadi menarik jika diberi sedikit style.

Selain sebagai portfolio yang mantap, blogazine memberikan keleluasaan untuk berekspresi sepenuhnya atas post anda. Adalah sebuah kenikmatan tersendiri saat anda membuat sesuatu karya yang super keren seperti custom post yang blogazine-ish ini. Meskipun begitu, kenikmatan membuat blogazine ini terbatas hanya untuk mereka yang memiliki kemampuan desain dan CSS, serta anda yang bersedia untuk “menginvestasikan” waktu membuat custom layout untuk post anda.

Anda bisa terima atau tidak pemikiran 'fungsi blog adalah untuk personal branding, kesimpulannya dengan blogazine ini, Anda bisa sedikit meningkatkan branding Anda di dunia blogosphere' saya tersebut, karena ini sebuah opini dari saya.

Apapun itu yang ditawarkan "Blogazine" menurut saya ini sebuah penyegaran, untuk mengatasi kejenuhan atau kebosanan blog post tradisional.

Blogazine adalah cara-cara yang tepat untuk memamerkan kemampuan anda. Entah bagaimana dilihat secara 'aksesibilitas' dan 'kebergunaan' menilai konsep "Blogazine" tersebut.

Apakah, Kang Rohman juga tertarik dengan Konsep Blogazine ini untuk di aplikasikan di Kolom Tutorial. Bagaimana dengan Anda juga? tertarik bukan! Kuncinya adalah Anda harus bisa menguasai CSS dan untuk menentukan warna atau pemilihan layout setidaknya anda bisa menguasai desain untuk menentukan layout yang akan Anda gunakan. Dan inilah salah satu kehebatan dari CSS3.

Sekarang, apa yang ada dipikiran anda mengenai blogazine. Mari berdiskusi! :D

Gus Ikhwan

Seorang blogger, CSS writer, web enthusiast, yang berhasrat menjadi web developer.

Blog : http://mxwan.web.id

Read More