Meningkatkan Page Rank dengan Jaringan Link

Sobat tentu sudah pada tahu kalau link sangat berperan dalam menaikkan page rank website atau blog kita. Terutama bagi sobat yang tertarik untuk mendaftarkan blognya ke program-program penghasil uang seperti sponsored review atau adsense, dukungan link ini sangat dibutuhkan. Bagaimana mau me-review kalau belum apa-apa blog kita udah ditolak duluan karena popularitas linknya nol…

Kalau kita sudah cukup lama aktif membina jaringan blog kita, mungkin link nya sudah cukup banyak ya. Tapi kalau kita masih baru terjun, atau kita punya blog baru yang ingin segera kita pompa page rank-nya, maka kita sangat perlu dukungan link disamping dukungan trafik.

Selain dengan saling bertukar link, cara lain adalah dengan membeli program pemasangan link. Jadi kita membayar sejumlah uang supaya blog kita di-link secara masif. Program-program semacam ini sangat praktis tapi biasanya lumayan mahal, harganya bisa ratusan dolar.

Namun jangan berkecil hati, ternyata ada juga kok program pemasangan link yang murah abiss, cuma Rp 50.000,- Nama programnya Get 100 links!

Sesuai dengan namanya, link website atau blog kita akan dipasang pada jaringan 100 blog mereka. Kalau dihitung-hitung, berarti biayanya 500 perak per link. Link kita dipasang secara permanen, bukan bulanan. Murah banget khan? Jadi kita bisa lebih fokus pada materi blog, dan tidak terlalu memikirkan lagi urusan link.

Gak harus punya kartu kredit atau saldo PayPal untuk membeli program yang beralamat di www.get100links.net tersebut. Walaupun namanya in inglis, yang punya orang kita juga kok. Bisa bayar lewat transfer BCA atau Mandiri.

Mau?

PhotoShop Tutorial – Teknik dasar Slicing

Saya yakin dan percaya bahwa anda pasti sudah mengetahui software pengolah gambar yang bernama PhotoShop. Dengan Photoshop anda dapat menciptakan sebuah gambar yang menarik dengan mudah, atau anda dapat mengedit sebuah gambar yang sudah jadi ( misal photo, dll ) sehingga menghasilkan gambar dalam bentuk lain yang anda inginkan.



Bagi anda yang senang akan blog design atau Web design tentu saja harus bisa mengoperasikan software pengolah gambar yang salah satunya seperti yang kang Rohman sebutkan tadi yaitu PhotoShop. Salah satu teknik yang sangat erat hubungannya dengan dunia blog design atau website design adalah teknik slicing.

Slicing adalah teknik membagi atau memotong gambar mejadi beberapa bagian dan mempunyai ukuran file serta format yang berbeda-beda. Teknik slicing ini sering di gunakan agar gambar tidak telalu berat pada saat blog anda di loading oleh pengunjung. Contoh, perhatikan contoh gambar (1) di bawah ini :

Gambar seperti contoh di atas seringkali di gunakan sebagai background dari judul sidebar. Tahukah anda bahwa untuk menampilkan background seperti contoh di atas tidak perlu menampilkan keseluruhan gambar, namun anda hanya cukup memotongnya menjadi potongan kecil agar pada saat loading blog anda tidak terlalu berat. Gambar yang di perlukan cukup hanya potongan kecil seperti ini saja :

Teknik untuk menampilkannya adalah dengan bantuan kode :



background:url("URL_gambar) repeat-x;



repeat-x adalah teknik menampilakn gambar secara berulang dalam bentuk horizontal ( sumbu X ). Jadi walaupun gambarnya hanya berupa potongan kecil saja, gambar tersebut akan terlihat penuh ke pinggir seperti gambar (1) di atas.



Contoh lain adalah seperti gambar 2 di bawah ini :

gambar seperti contoh di atas biasanya di pakai sebagai background blog atau web (dalam ukuran besar tentunya). Agar gambar yang begitu besar tidak membebani loading, maka kita perlu memotongnya seperti gambar di bawah ini :

Teknik untuk menampilkannya adalah dengan bantuan kode :



background:url("URL_gambar) repeat-y;



repeat-y adalah teknik menampilakn gambar secara berulang dalam bentuk vertikal ( sumbu y ). Jadi walaupun gambarnya hanya berupa potongan kecil saja, gambar tersebut akan terlihat penuh ke secara vertikal seperti gambar 2 di atas.



Sepertinya postingan ini tidak akan terlalu mendalam tentang teknik gambar repeat-x atau repeat-y karena akan lebih fokus kepada teknik dasar slicing pada Photoshop.

Tanpa basa basi agar tidak terlalu panjang, maka silahkan buka adobe photoshop anda, buatlah file baru.

Pilihlah ukuran gambar 640 x 480 ( sebagai contoh )

Buatlah layer baru, klik : Layer » New » Layer…

Atau cukup klik icon create New layer (secara default biasanya ada di kanan bawah layar)

Klik icon add a layer Style, lalu pilih gradien overlay…

Setting angle menjadi 0 (nol), kemudian klik pada contoh gambar gradien :

Pilih gambar gradien kuning (sebagai contoh), maka hasilnya akan seperti ini ;

Sekarang waktunya kita melakukan slicing, Pilih Slice Tool ( space + k )

Arahkan pada sudut gambar yang ingin di potong sesuai keinginan, klik lalu tahan, kemudian geser pada arah yang anda inginkan. Lepaskan (klik yg di tahan tadi) pada ujung gambar yang di inginkan. Lakukan kembali slicing pada area gambar lainnya yang anda inginkan.

Klik File lalu Save For Web… untuk menyimpan hasil gambar anda.

Pilih yang tab 4-up dan pilih format gambar serta kualitas yang anda inginkan. Lalu Save untuk mengakhirinya.

Mungkin itu saja teknik dasar dari slicing. Ternyata cape banget yah bikin tutorial photoshop, kapok sepertinya nih



Semoga bermanfaat.

Free Tool – CSS Tab Designer

Jika pada posting sebelumnya saya berbagi informasi tentang download tool CSS Menu Generator, maka kali ini pun akan berbagi informasi tentang tool yang masih berhubungan dengan CSS Tab Menu. Tool yang satu ini di beri nama CSS Tab Designer. Fungsi dari CSS Tab Designer boleh di katakan sama dengan CSS menu Generator, namun apabila boleh membandingkan antara kedua tool ini menurut kang Rohman Sendiri lebih OK CSS Tab Designer karena menghasilkan Menu CSS yang sangat elegan dan terkesan Profesional.

 

 

 

Dengan tool ini anda bisa membuat Horizontal Tab Menu ataupun Vertical Tab Menu dengan sangat mudah.

Untuk mendapatkan tool ini anda tidak harus merogoh kocek anda, cukup download dan nikmati CSS Tab Menu yang profesional untuk web atau blog anda. Yang tertarik silahkan download di sini ;

 

http://www.highdots.com/css-tab-designer

 

Selamat berdownload ria! dan nikmati indahnya berbagi.

Free Tool – CSS Menu Generator

Ada info menarik untuk anda pecinta CSS tab menu namun sangat merasa kesulitan membuatnya. kini anda tidak usah berbingung ria memikirkan coding sangat rumit karena ada tool yang sangat user friedly namun powerfull yang bisa anda gunakan. Tool ini bernama CSS Menu generator, dengan CSS Menu Generator anda dapat menciptakan sebuah Tab Menu baik itu Tab Menu Horizontal, Tab Menu Vertikal, ataupun Tab menu Dropdown. dengan sangat mudah.  Anda tidak perlu lagi berpusing ria dengan coding CSS ataupun kode warna, karena semua disediakan dengan mudah secara visual.

Berikut tampilan depan dari CSS Menu Generator ;

Berapa harga dari tool yang sangat berguna ini? ini dia yang membuat kita lebih berbahagia, CSS Menu Menerator bisa anda download secara gratis. Tidak percaya? harus percaya donk, masa percaya sih. penasaran? download saja sendiri! disini nih ;

http://wonderwebware.com/css-menu/download.html

Selamat menikmati CSS Menu Generator nya!

WordPress Plug in – PHP Contact Form v.2.0WP

Hallo Pembaca, Selain menggunakan mesin blogger sebagai sarana blogging, apakah anda menggunakan mesin WordPress juga? Jika jawabannya “Ya” maka saya mempunyai info menarik seputar WordPress. Namun ini tidak berlaku untuk yang membuat blog di wordpress.com akan tetapi untuk wordpress yang memakai hosting sendiri.

Info tersebut adalah tentang sebuah plug in yang sangat menarik yaitu PHP Contact Form v.2.0WP, dengan PHP Contact Form v.2.0WP anda bisa memasang sebuah Contact Form yang cantik dan sangat beguna. Untuk melihat contoh hasil dari plug in PHP Contact Form v.2.0WP bisa anda lihat dari blog saya yang menggunakan mesin wordpress, silahkan kunjungi :

http://kangrohman.com/contact/

Tolong jangan melakukan test karena Contact Form tersebut memang bekerja dengan baik.

Kabar yang tidak kalah menarik lainnya yaitu PHP Contact Form v.2.0WP bisa anda download secara gratis. Tidak sabar untuk segera mendownload plug in PHP Contact Form v.2.0WP, silahkan anda kunjungi langsung situsnya :

http://green-beast.com/blog/?page_id=136#df

Selamat menikmati Contact Form baru anda.

Hot Ringtones Download

If you love music very much, I believe you can not pass a day without listening to music. You always follow the latest information and the latest hits on the top billboard. You always know the newest gossip about your favorite artist and the newest song of the month. You always want to the first to know the new song, which is including ringtones. If you also love to know the latest ringtone, you can visit worldringtones.com.

This website have a wide selection of ringtones, you'll be love it. You can look and download the entire song that you want here. This is the right place to get Ringtones Download, wallpaper, and games from your cell phone. You can get new hot ringtones in the website. For you people who live in Australia, you can also get your favorite ringtones here.

Looking for Java games? This website has the collection, only for you. This is the perfect place that you really need to know when you want to make a ringtones for your cell phones. Check also the latest wallpaper from famous games and movies in this website. You will love it. You can also check the oldest song, if you like in this website. So, check it out now!

Form Kontak Kami Punyaku Ko Melorot Yah?

Dulu kang rohman pernah posting tentang cara membuat form kontak kami, yang berminat untuk membaca posting tersebut silahkan baca di “Cara Membuat Kontak form”. Namun dari begitu banyaknya blogger yang mempraktekan, ternyata banyak juga yang mempunyai kendala. Kendala yang banyak di alami yaitu ketika form kontak kami tersebut di posting, ternyata hasilnya tidak sebagus seperti “ form kontak Kami “ yang kang Rohman miliki, bentuknya melorot ke bawah sehingga tidak enak untuk di lihat, lalu di mana letak permasalahannya? ayo kita telusuri bersama!

Menurut hemat kang Rohman ( padahal hemat itu kan pangkal kaya yah ), pangkal permasalahannya adalah pada menu pengaturan (Setting) blog anda. Coba anda login ke blogger lalu klik » Pengaturan » Format » kemudian alihkan perhatian anda ke bagian bawah dan lihat tulisan Konversi ganti garis. Apakah anda memilih “Ya” atau “Tidak”?

 

 

Jika pilihannya adalah “Ya” maka itulah yang menyebabkan form Kontak Kami milik anda menjadi melorot. Pilihan ini berarti setiap anda menyimpan apapun secara pindah garis, maka akan di tampilkan ganti garis pula (kode HTMl pada dasarnya tidak mengenal ganti garis walaupun tulisan yang kita tulis jauh di bawah, kecuali di tambah kode <br/> atau <p></P>). Bagaimana solusi untuk mengatasi masalah ini. Berikut adalah beberapa solusi yang bisa anda anda coba.

 

• Ubah Pengaturan Konversi ganti baris menjadi “Tidak”

Cara mengubah pengaturan konversi ganti garis sangatlah gampang : Login » Pengaturan » Format » Konversi ganti garis » pilih “Tidak” » SIMPAN SETELAN » Selesai. Akan tetapi langkah ini mempunyai konsekuensi yaitu posting anda yang sudah ada akan terlihat tidak rapi karena terlihat menumpuk tidak ada paragrap. Makanya untuk langkah pertama ini, kang Rohman kurang menyarankan untuk di lakukan.

 

• Posting kode Form kontak kami secara menumpuk

Jika anda kurang nyaman dengan langkah pertama, maka anda bisa mencoba langkah ini yaitu memposting kode Form kontak kami secara menumpuk. Misalkan kode form kontak yang anda dapatkan seperti ini :

 

<form method="post" action=”http://www.emailmeform.com/fid.php?formid=1231212” enctype="multipart/form-data" accept-charset="UTF-8">
<table cellpadding="2" cellspacing="2" border="0" bgcolor="#eeeceb">
<tr>
<td>
<font face="Georgia" size="2" color="#000000"></font>
 <div style="" id="mainmsg"> </div>

</td>
</tr>
</table>

<br>

<table cellpadding="10" cellspacing="0" border="0" bgcolor="#eeeceb">

<tr valign="top">
 <td nowrap><font face="Georgia" size="2" color="#000000">Name</font></td>
 <td>
<input type="text" name="FieldData0" value="" maxlength="100" size="30"> </td>
</tr>      

<tr valign="top">
 <td nowrap><font face="Georgia" size="2" color="#000000">Email Address</font></td>
 <td>
<input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td>
</tr>      

<tr valign="top">
 <td nowrap><font face="Georgia" size="2" color="#000000">Subject</font></td>
 <td>
<input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td>

</tr>      

<tr valign="top">
 <td nowrap><font face="Georgia" size="2" color="#000000">Message</font></td>
 <td>
<textarea name="FieldData3" cols="50" rows="10"></textarea><br> </td>
</tr>      

<tr>
 <td colspan="2">
<table cellpadding=5 cellspacing=0 bgcolor="#e8e6e5" width="100%">
<tr bgcolor="#eeeceb">
<td colspan="2"><font color="#000000" face="Verdana" size="2"><b>Image Verification</b></font></td>

</tr>
<tr>
<td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td>
<td valign="top"><font color="#000000">Please enter the text from the image</font>   <br><input type="text" name="Turing" value="" maxlength="100" size="10">
 [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">ini apa?</a> ]
</td>
</tr>
</table>

</td>
</tr>
<tr>
 <td> </td>
 <td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Kirim email" name="Submit">    <input type="reset" class="btn" value="  Clear  " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
</td>
</tr>

</table>                      

</form>

 

Maka sebelum mempostingnya anda harus mengedit kode tersebut secara menumpuk (jangan ada pindah garis ke bawah) seperti ini :

 

<form method="post" action="http://www.emailmeform.com/fid.php?formid=121212" enctype="multipart/form-data" accept-charset="UTF-8"><table cellpadding="2" cellspacing="2" border="0" bgcolor="#eeeceb"><tr><td><font face="Georgia" size="2" color="#000000"></font><div style="" id="mainmsg"></div></td></tr></table><br><table cellpadding="10" cellspacing="0" border="0" bgcolor="#eeeceb"><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Name</font></td><td><input type="text" name="FieldData0" value="" maxlength="100" size="30"></td></tr><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Email Address</font></td><td><input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td></tr><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Subject</font></td><td><input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td></tr><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Message</font></td><td><textarea name="FieldData3" cols="50" rows="10"></textarea><br></td></tr><tr><td colspan="2"><table cellpadding=5 cellspacing=0 bgcolor="#e8e6e5" width="100%"><tr bgcolor="#eeeceb"><td colspan="2"><font color="#000000" face="Verdana" size="2"><b>Image Verification</b></font></td></tr><tr><td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td><td valign="top"><font color="#000000">Please enter the text from the image</font><br><input type="text" name="Turing" value="" maxlength="100" size="10"> [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">ini apa?</a> ]</td></tr></table></td></tr><tr><td></td><td align="right"><input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"><input type="submit" class="btn" value="Kirim email" name="Submit"><input type="reset" class="btn" value="  Clear  " name="Clear"></td></tr><tr><td colspan=2 align="center"><br></td></tr></table></form>

 

Dan jangan lupa pada saat posting harus dalam modus Edit HTML bukan modus Compose.

 

 

• Buat link langsung ke alamat sumber skrip form kontak kami milik anda

Jika anda mengalami kesulitan memposting form kontak kami, maka kang Rohman menyarankan untuk tidak mempostingnya di blog, namun cukup membuatkan link biasa ke alamat sumber form kontak kami. Sebagai contoh alamat sumber pada kode di atas adalah seperti ini :

 

http://www.emailmeform.com/fid.php?formid=121212

 

Anda tinggal membuatkan link seperti biasa seperti ini :

 

<a href="http://www.emailmeform.com/fid.php?formid=121212”>Kontak Kami <a/>

 

Atau anda bisa menyimpan pada kode navbar anda, misal seperti ini :

 

<div id='nav'>
<ul>
<li><a href='http://kolom-tutorial.blogspot.com/'>home</a></li>
<li><a href='http://rubrik-elektronik.blogspot.com/' rel='nofollow'>Rubrik Elektronik </a></li>
<li><a href='http://blogtemplate4u.com/' rel='nofollow'>Free Template</a></li>
<li><a href='http://www.blogspottutorial.com' rel='nofollow'>Blog Tutorial</a></li>

<li><a href='http://www.resepbisnis.com/?id=rohman'>Belajar Web</a></li>
<li><a href='http://www.kursus-online.com/?id=rohman'>Kursus Online</a></li>
<li><a href='http://www.emailmeform.com/fid.php?formid=121212'>Kontak Kami</a></li>
</ul>
</div>

Tentang membuat link pernah kang Rohman bahas disini atau di sini. jika tentang cara membuat navbar pernah di bahas di sini.

 

Mudah-mudahan anda tidak mempunyai keluhan lagi tentang form Kontak kami. Selamat mencoba