Teknologi Masa Kini ™

Cara Memasang Kotak "Tukar Link" Pada Sidebar

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Wed, 10 Aug 2011 16:38:00 +0700

Kali ini Orang GapTek akan memposting bagaimana cara Membuat Kotak Tukar Link di blog, tujuannya adalah agar sobat blogger yang lain apabila mau memasang link kita atau banner kita tidak perlu harus mengatur kode HTML untuk memasang link/banner kita, jadi sobat blogger cukup menyalin kode HTML yang ada di kotak tukar link dan menaruhnya di blog sobat. berikut caranya :

Sobat blogger cukup memasang kode HTML textarea, yaitu :

<textarea style="width: 100px; height:10px;" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="readonly" onclick="this.focus(); this.select();"><a href="http://belajargaptek.blogspot.com/" target="_blank" title="Informasi Unik dan Menarik"><img style="width: 321px; height:68px;" src="http://images.cooltext.com/2203430.gif" alt="Informasi Unik dan Menarik" /></a></textarea></center>

hasilnya akan seperti ini :

<a  href="http://belajargaptek.blogspot.com/" target="_blank" title="Informasi Unik dan Menarik"><img style="width: 250px; height: 90px;"  src="http://images.cooltext.com/2203430.gif"  alt="Informasi Unik dan Menarik" /></a>

Catatan :
http://belajargaptek.blogspot.com/ ganti dengan Url blog sobat
Informasi Unik dan Menarik ganti dengan judul blog sobat
http://images.cooltext.com/2203430.gif ganti dengan Url/Alamat Gambar sobat

Thanks buat sobat yang memasang banner/link Orang GapTek

Alasan Mengapa Rasulullah SAW Melarang Kita Minum Sambil Berdiri

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Wed, 10 Aug 2011 15:54:00 +0700

Mengapa RASULULLAH SAW. Melarang kita MINUM BERDIRI? Ternyata, Secara medis di dalam tubuh manusia ada penyaring yg bernama sfringer, saringan itu bisa membuka ketika kita duduk & menutup ketika berdiri. Air yg kita minum belum 100% steril untuk diolah tubuh. Jika kita minum sambil berdiri, air tidak disaring krn
SFRINGER tertutup & jika air yg tidak disaring itu langsung masuk ke kandung kemih, bisa menyebabkan penyakit kristal ginjal. Masya ALLAH...
Dalam
SUNNAH RASULULLAH ada mukjizat & manfaat bagi manusia dan dijamin tidak ada yg merugikan... semua perintah dan larangannya adalah bentuk cinta beliau terhadap umatnya.
Tambahan: "Sfingter adalah struktur, biasanya otot melingkar, yang biasanya penyempitan mempertahankan suatu bagian tubuh yang alami atau lubang dan yang merenggangkan sesuai dengan fungsi fisiologis normal ada lebih dari 50 sfingter yang berbeda dalam tubuh manusia;. Beberapa sfingter yang mikroskopis dalam ukuran, khususnya sfingter precapillary "

Peringatan Blog sedang Maintanance

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Wed, 10 Aug 2011 14:28:00 +0700

Sobat blogger pasti pernah merubah tampilan blog kan? entah itu menambah widget blog, mengganti template blog dll. pasti tampilan blog sobat menjadi tidak karuan bukan? mungkin sobat bisa menonaktifkan blog sobat sebentar dengan membuat peringatan Under Maintanance. Hasilnya akan seperti ini :

Berikut langkah-langkahnya :

1. silahkan login ke blogger dengan ID kamu
2. klik Rancangan

3. klik Tab Edit HTML

4. Sebelumnya Back up template kamu untuk berjaga-jaga dengan mengklik Download Template Lengkap

5. Cari kode ]]></b:skin>

6. Copy kode di bawah ini & paste di atas kode ]]></b:skin> :

html {

  height: 100%;

  background:url(http://i1104.photobucket.com/albums/h331/labibkhairi1/under-maintenance.gif)



 no-repeat center 50%;

  margin: 0;

}

body {

  display: none;

}

Note: Anda bisa mengganti gambar Under Maintanance dengan mengganti kode warna biru

7. Simpan template dan lihat hasilnya..

Selamat Mencoba

Membuat label blog tertentu dengan thumnail.

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Wed, 10 Aug 2011 13:05:00 +0700

Membuat Label Blog dengan Thumnail.

Trik ini saya dapatkan dari Blogger miscah. Jadi konsepnya seperti recent post dengan thumnail (Baca: Cara Membuat Read More Automatis + Thumbnail (Versi 3) ). Namun, kali ini yang diberi thumnail adalah post tertentu dalam satu kategori

Langkahnya,

Masuk ke akun blogger
Buka design/rancangan
Pilih Edit HTML
Copy kode barikut, dan paste di atas kode

/---Image-Label---/
img.label_thumb {
float:left;
padding:3px;
background:#CCC;
border:1px solid #A4A4A4;
width:100px;
height:75px;
margin-right:10px;
margin-top:10px }
img.label_thumb:hover {
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8 }

Keterangan: silahkan modifikasi sendiri warna backgroundnya, lebar dan tingginya (ubah angka di width, dan height)
Copy juga kode berikut, dan paste setelah kode

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>
Simpan
Sekarang buka Page Elemen/Elemen Laman
Klik pada "Tambahkan Gadget / Add Gadget Element"
Pilih HTML/Javascript
Paste kode barikut

<script type='text/javascript'>var numposts = 6;</script>
<script type="text/javascript" src="/feeds/posts/default/-/SEO?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Keterangan: Silahkan sesuaikan sendiri jumlah posting (thumnail) yang ditampilkan, ubah angka "6". Dan yang warna merah "SEO" ganti dengan nama labelnya. Mudah
Simpan

Kisah Mark Zuckerberg ( Pendiri Facebook ) Kini Hadir Dalam Format Komik

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Wed, 10 Aug 2011 01:47:00 +0700

Kisah Mark Zuckerberg kini telah dibukukan. Bukan dalam bentuk biografi, melainkan dalam kemasan komik yang santai dan segar.

Komik yang menggambarkan kehidupan si pendiri Facebook itu sudah menyambangi toko buku di Amerika Serikat (AS) pekan ini. Adalah Bluewater Productions, perusahaan penerbit komik asal Kanada yang merilis komik setebal 48 halaman ini.

Adapun naskah kisah dalam komik ditulis oleh seorang jurnalis lepas Jerome Maida dan komikus Sal Field membuat ilustrasinya.

"Mark Zuckerberg adalah miliuner termuda sejagat dan menciptakan sesuatu yang telah memberi dampak besar pada dunia. Namun hampir tidak ada yang tahu banyak tentang dia. Ini sungguh mengagumkan," kata Maida.

Benar atau salah, lanjutnya, Mark telah berhadapan dengan banyak orang yang merasa dikhianati dalam perjalanan hingga sampai ke tempat di mana dia berpijak hari ini.

"Saya mencoba mengisahkan yang terbaik dan berlaku adil di sini," tambah Maida.

Sebelumnya, kisah Zuckerberg dan Facebook juga sudah dihadirkan dalam layar lebar di film The Social Network. Film yang naskahnya digarap oleh Aaron Sorkin ini laris manis ditonton dan memenangkan beberapa penghargaan Academy Awards.

Apakah komik seharga USD 6,99 (Rp 61 ribuan) ini juga akan selaris filmnya?

Source : siewok.blogspot.com

Keutamaan Shalat Tarawih Di Bulan Ramadhan

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Wed, 10 Aug 2011 01:09:00 +0700

Dalam Kitab Duratun Nasihin, Bab.Keistimewaan Bulan Ramadhan. Dari Ali bin Abi Thalib ra bahwa dia berkata: Nabi Muhammad SAW ditanya tentang keutamaan-keutamaan Shalat Tarawih di bulan Ramadhan dari malam pertama sampai malam ke-30. Beliau bersabda:

1.Orang mukmin keluar dari dosanya pada malam pertama, seperti saat dia dilahirkan oleh ibunya.

2.Dan pada malam kedua, ia diampuni, dan juga kedua orang tuanya, jika keduanya mukmin.

3.Dan pada malam ketiga, seorang malaikat berseru dibawah ‘Arsy: “Mulailah beramal, semoga Allah mengampuni dosamu yang telah lewat.

4.Pada malam keempat, dia memperoleh pahala seperti pahala membaca Taurat, Injil, Zabur, dan Al-Furqan (Al-Quran).

5.Pada malam kelima, Allah Ta’ala memeberikan pahala seperti pahala orang yang shalat di Masjidil Haram, masjid Madinah dan Masjidil Aqsha.

6.Pada malam keenam, Allah Ta’ala memberikan pahala orang yang berthawaf di Baitul Makmur dan dimohonkan ampun oleh setiap batu dan cadas.

7.Pada malam ketujuh, seolah-olah ia mencapai derajat Nabi Musa a.s. dan kemenangannya atas Fir’aun dan Haman.

8.Pada malam kedelapan, Allah Ta’ala memberinya apa yang pernah Dia berikan kepada Nabi Ibrahin as

9.Pada malam kesembilan, seolah-olah ia beribadat kepada Allah Ta’ala sebagaimana ibadatnya Nabi saw.

10.Pada Malam kesepuluh, Allah Ta’ala mengaruniai dia kebaikan dunia dan akhirat.

11.Pada malam kesebelas, ia keluar dari dunia seperti saat ia dilahirkan dari perut ibunya.

12.Pada malam keduabelas, ia datang pada hari kiamat sedang wajahnya bagaikan bulan di malam purnama.

13.Pada malam ketigabelas, ia datang pada hari kiamat dalam keadaan aman dari segala keburukan.

14.Pada malam keempat belas, para malaikat datang seraya memberi kesaksian untuknya, bahwa ia telah melakukan shalat tarawih, maka Allah tidak menghisabnya pada hari kiamat.

15.Pada malam kelima belas, ia didoakan oleh para malaikat dan para penanggung (pemikul) Arsy dan Kursi.

16.pada malam keenam belas, Allah menerapkan baginya kebebasan untuk selamat dari neraka dan kebebasan masuk ke dalam surga.

17.Pada malam ketujuh belas, ia diberi pahala seperti pahala para nabi.

18.Pada malam kedelapan belas,seorang malaikat berseru, “Hai hamba Allah,sesungguhnya Allah ridha kepadamu dan kepada ibu bapakmu.”

19.Pada malam kesembilan belas, Allah mengangkat derajat-derajatnya dalam surga Firdaus.

20.Pada malam kedua puluh, Allah memberi pahala para Syuhada (orang-orang yang mati syahid) dan shalihin (orang-orang yang saleh).

21.Pada malam kedua puluh satu, Allah membangun untuknya sebuah gedung dari cahaya.

22.Pada malam kedua puluh dua, ia datang pada hari kiamat dala keadaan aman dari setiap kesedihan dan kesusahan.

23.Pada malam kedua puluh tiga, Allah membangun untuknya sebuah kota di dalam surga.

24.Pada malam kedua puluh empat, ia memperoleh duapuluh empat do'a yang dikabulkan.

25.Pada malam kedua puluh lima , Allah Ta’al menghapuskan darinya azab kubur.

26.Pada malam keduapuluh enam, Allah mengangkat pahalanya selama empat puluh tahun.

27.Pada malam keduapuluh tujuh, ia dapat melewati shirath pada hari kiamat, bagaikan kilat yang menyambar.

28.Pada malam keduapuluh delapan, Allah mengangkat baginya seribu derajat dalam surga.

29.Pada malam kedua puluh sembilan, Allah memberinya pahala seribu haji yang diterima.

30.Dan pada malam ketiga puluh, Allah berfirman : “Hai hamba-Ku, makanlah buah-buahan surga, mandilah dari air Salsabil dan minumlah dari telaga Kautsar. Akulah Tuhanmu, dan engkau hamba-Ku.”

Semoga amal ibadah kita pada bulan ini diterima oleh Allah SWT. Amin..

Inilah Kumpulan Sms Terbaru Ramadhan 2011

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Wed, 10 Aug 2011 00:26:00 +0700

Bulan suci Ramadhan 2011(1432 H). telah di ambang pintu, sudah menjadi tradisi umat muslim di seluruh belantara Dunia dan khususnya di Indonesia untuk saling memberi ucapan selamat menyambut bulan puasa (Ramadhan) dengan memanfaatkan teknologi SMS, apalagi sekarang sudah ada paket murah sms dari operator seluler.
Untuk sobat yang lagi mencari ide sms untuk ucapan Ramadhan pada tahun 2011 ini, sudah saya sediakan koleksi berbagai bentuk sms ucapan Ramadhan silakan sobat kutip sepuasnya untuk dikirim kepada teman, pacar, saudara dan semua handai taulan.

**
Assalamualaikum . . . . , marhaban ya ramadhan, Ya Allah – Berkahilah Sdrku ini dgn rahmat-MU, iringi langkahnya dgn ridha-MU, sayangilah ia dgn cinta-MU, lindungi dan kuatkan ia beserta keluarganya dari ujian-MU, muliakan ia dgn syafaat Rasul-MU dan terimalah puasa, shalat, zikir, tilawah, i’tikaf dan sedeqahnya. MOHON MAAF LAHIR BATHIN,
**
Bila hati saling terpaut rasa cinta terjalin indah Bila salah & Khilaf telah terjadi maka Mohon Maaf Lahir & Batin atas kesalahan, “Marhaban Ya Ramadhan” Selamat Menunaikan Ibadah Puasa Semoga kita selalu diberkahi dibulan yang penuh mahrifah
**
anak melayu mengail ikan,perahu berlabuh ditengah lautan,sambil menunggu dtgnya ramadhan jari ku susun mohon ampunan,selamat menyambut bulan suci ramadhan bagi semua umat muslim..
**
Allahuma Baarik Lahaa Fii Syaban Wa Ballegnaa Ramadhan. Mohon maaf Lahir & Bathin, Selamat Menunaikan Ibadah Puasa Ramadhan 1432 H.
**
Kalau hidup tanpa tujuan,
kalau nafsu jadi pedoman,
umur habis dalam pencarian,
kebahagiaan menjauh dari pandangan.
Puasa saatnya benahi tujuan,
untuk mengabdi pada Tuhan,
agar diri diliputi kebahagiaan,
hidup bermakna bagi sesama ciptaan.
**

Tiada kemenangan tanpa zikrullah
tiada amal tanpa keikhlasan
tiada ampunan tanpa maaf dari sesama
marhaban ya ramadhan..
**
Bila dalam kata perbuatan tergores salah & khilaf, dgn segala kerendahan hati terucap mhn maaf setulus2nya. Selamat menunaikan ibadah puasa 1432 H
**
SEIRING TERBENAM MENTARI DI AKHIR SYA’BAN, TIBALAH KINI BULAN RAMADHAN, PESAN INI SEBAGAI GANTI JABAT TANGAN UNTUK MOHONKAN MAAF DAN KEKHILAFAN.
MARHABAN YA RAMADHAN.
**
Cobaan perlu Ketabahan
Keputusan perlu Keberanian
Puasa melatih Kesabaran
Segala salahku mohon dimaafkan
**
sobAT2 que se tanah air, marilah sama2 kita persiapkan diri menuju Bulan Penuh Rahmat Berkah AmPuNaN,,, Mari Saling Memaafkan Segala KesalaHaN dan KeKhiLaFan AgaR PenUh MaKnA dlm Menyemai Keiklasan, MeMuPuK KeSaBaRaN, MeNuMbUhKaN SeMaNgaT IbAdAH GuNa MeMeTiK “KEMENANGAN BESAR”….
InsyaAllah.
MaRhAbAN ……………Ya…………RaMaDhaN………..
**
tak terasa satu tahun telah terlewatkan kini ia mengunjungi kita lagi Ramadhan Yamarhaban
Bulan Penuh Berkah, Bulan Penuh Rahmad, Bulan Penuh Ampunan ……. Sungguh mulia Bulan Suci Rahmadhan
Selamat Menunaikan Ibadah Puasa …
**
Esok adalah harapan sekarang adalah pengalaman kemarin adalah kenangan…yg tak luput dari kekhilafan
Mohon maaf lahir dan Batin., Semoga
RAMADHAN kali ini lebih baik dari RAMADHAN tahun lalu.. amin….
**
Jika semua HARTA adalah RACUN maka ZAKAT-lah penawarnya,
Jika seluruh UMUR adalah DOSA maka
TAQWA&TOBAT lah obatnya,
Jika seluruh BULAN adalah NODA maka
RAMADHAN lah pemutihnya.
MOHON MAAF LAHIR & BATHIN,SELAMAT MENUNAIKAN IBADAH PUASA
**
Fajar ramadhan segera menghampiri dunia, selembar sutra menghapus noda,sebening embun penyejuk kalbu, sucikan hati bersihkan jiwa di bulan yang suci. selamat menunaikan ibadah puasa 1432 H semoga amal kita diterima disisi Alllah SWT..Amiiin…
**
Perkataan yg indah adlh “ALLAH”
Lagu yg merdu adlh “ADZAN”
Media yg terbaik adlh “AL QUR’AN”
Senam yg sehat adlh “SHALAT”
Diet yg sempurna adlh “PUASA”
Kebersihan yg menyegarkan adlh “WUDHU”
Perjalanan yg indah adlh “HAJI”
Khayalan yg baik adlh ingat akan “DOSA&TAUBAT”
Mudah2an bln yg suci ini bs membawa iman dan takwa, Amien..
**
Mungkin hari-hari yang lewat telah menyisakan sebersit kenangan yang tak terlupa….., ada salah, ada khilaf, ada dosa yang mengikuti perjalanan hari-hari itu.
agar tak ada sesal, tak ada dendam,tak ada penyesalan ….
mari kita sama-sama sucikan hati,diri dan jiwa kita.
Marhaban Yaa Ramadhan……
**
Jika HATI sejernih AIR, jangan biarkan ia keruh.
Jika HATI seputih AWAN, jangan biarkan ia mendung.
Jika HATI seindah BULAN, hiasi ia dengan IMAN….”Di Bulan yg suci ini ijinkan kami sekeleluarga MOHON MAAF LAHIR N BATHIN.
**
11 bulan banyak kata sudah di ucapkan, dan dilontarkan tak semua menyejukan..
11 bulan banyak prilaku yang sudah dibuat, dan diciptakan tak semua menyenangkan..
11 bulan banyak keluhan, kebencian,
kebohongan, menjadi bagian dari diri..
Mari kita memaafkan, Marhaban ya Ramadhan..
“mohon maaf lahir dan batin”
**
Tiada kata seindah ZIKIR, tiada bulan seindah bulan RAMADHAN, izinkan kedua tangan bersimpuh, maaf untuk lisan yg tak terjaga, janji yg terabaikan, hati yg berprasangka & sikap yg pernah menyakitkan.
Selamat Menunaikan Ibadah Puasa.
**
Sebelum cahaya padam,
Sebelum hidup berakhir,
Sebelum pintu tobat tertutup,
Sebelum Ramadhan datang,
saya mohon maaf lahir dan bathin…
**
Nafaspun menjadi tasbih, tidurpun menjadi ibadah, amal diterima&doa2 dijabah bagi orang yang shaum&rajin membaca Kitab-Nya di bulan ramadhan.
Marhaban ya Ramadhan, maaf lahir dan bathin,
selamat menjalankan ibadah PUASA
**
Pergilah keluh, ku tak mau berteman dengamu.
Silahkan kesah, kau bukan takdirku… mujahadah adalah temanku, dakwah adalah nafasku, dan Allah adalah kasihku… Maafkan segala kesalahan
**
Gelap malamMU ku terjaga, karnaMU ku bergerak melangkah menuju mentariMU, kusambut pemberianMU (“Marhaba YA Ramadhan”), dengan harapan kudapat keridoanMU……..
Slama menunaikan Ibadah Puasa……
**
Cinta bukan dibibir saja
Cinta bukan dalam hati saja
Cinta butuh bukti nyata
dengan patuh pada firman-Nya
untuk berpuasa di bulan penuh pahala agar kita menjadi insan bertakwa
**
Gersang bumi tanpa hujan..gersang akal tanpa ilmu,,gersang hati tanpa iman..gersang jiwa tanpa amal..
marhaban ya ramadhan…………….
selamat menunaikan ibadah puasa mohon maaf lahir dan bathin
**
Hidup ini hanya sebentar..
bentar marah,bentar ketawa, bentar berduit,bentar bokex, bentar senang,bentar susah.
ooo ye…bentar lagi bulan puasa
met ramadhan.. mohon maaf lahir bathin..
**
Tinggalkan Ariel, Luna, & Cut Tari
Abaikan Sinta & jojo
Mari ita sucikan diri dibulan yang penuh berkah ini.
Marhaban Ya Ramadhan..
**
mari mendownload pahala sebanyak2nya, mumpung Allah SWT menyediakan acces Speedy dibulan yang suci, open port maaf, di gateway ramadhan. marhaban ya ramadhan
**
Fajar Ramadhan kan segera hadir, membawa kemudahan akses rahmat, berkah, hidayah, & maghfirah, Saatnya optimalkan upgrade diri & mndekatkan diri pd Allah sedekat dekatnya, mohon keikhlasan segala khilaf.
selamat menunaikan ibadah puasa Ramadhan 1432 H.

**

Hati tidak sebening XL & secerah MENTARI. Banyak khilaf yg buat FREN kecewa, kuminta SIMPATImu utk BEBASkan diri dari ROAMING dosa selama hidup. Karena kita harus FLEXIbel utk menerima pemberianNYA.
**
Ijinkan aku untuk MENGISI ULANG Maaf dariku ini. MARHABAN YAA RAMADHAN
**
Bagai sebening vodka, seharum ganja & seputih heroin, niat dari hati mohon maaf tuk sambut ramadhan.
Smoga diberi nikmat kesehatan dlm menjalani ibadah ramadhan, amin.
**
PENGUMUMAN!!!..
1 ramadhan di perkirakan akan tfliba pd tgl 1 agustus 2011,..dihimbau kpd sluruh umat : jka ada yg mnemukan bang toyib harap segera mnyuruh pulang..kasian istri dan anaknya drmh sdh mnunggu 3x puasa 3x lbaran g' plang2..Terima kasih
Selamat Menyambut Bulan Ramadhan 1432 H
**
Marhaban ya Ramadhan, semoga bulan ini penuh BBM (Bulan Barokah dan Maghfirah)
mari kita PREMIUM (Pre Makan dan Minum)
serta SOLAR (Sholat Lebih Rajin ), dan
MINYAK TANAH (Meningkatkan Iman dan Banyak Tahan Nafsu Amarah)
serta PERTAMAX (Perangi Tabiat Maksiat)
Mohon Maaf Lahir dan Bathin
**
Marhaban yaa Ramadhan,
pucuk selasih bertunas menjulang
dahannya patah tolong betulkan,
puasa Ramadhan kembali menjelang, salah
dan khilaf mohon dimaafkan. Selamat
Menunaikan Ibadah puasa
**
Terimakasih

Membuat Anti Copy Paste pada blog (anti Klik-Kanan)

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 23:46:00 +0700

Membuat blog anti klik kanan,anti copy paste, kembali lagi blog tutorial GAPTEK mengulas tentang tutorial blogspot yg mana pada kesempatan kali ini akan membahas tentang membuat anti klik kanan,membuat blog anti copy paste,disable your right click,membuat blog anti jiplak, mungkin lebih tepatnya mematikan klik-kanan untuk menghindari peng-copy paste-an artikel dari suatu blog ke blog lain.

Manfat dari membuat anti klik-kanan pada suatu blog itu banyak,terutama dalam urusan SEO,mengapa? Jika suatu artikel di copy paste dari suatu blog ke blog lain,maka ke-2 blog yg di copy maupun blog yang mem-paste akan berkurang nilai SEO blog tersebut di mata search engine, terutama search engine Yahoo yg pengecekannya dilakukan secara manual oleh tenaga manusia. Yang berakibat menurunnya traffic,pagerank dan alexa rank suatu blog. Yang mana walaupun blog yg meng-copy menyebutkan blog sumber artikel berasal, itu hanya untuk pengunjung saja memberitahu,tapi untuk search engine ''halah nyong ora ngarti pokoke koen ora kreatif dadi tak tempatna nang mburi pisan'', ihh gak banged deh.
Tapi ada satu hal yg perlu kamu catat baik-baik sebelum membuat anti jiplak pada blog kamu yakni pelu gak blog kita diberi kode anti copy paste?
Jika blog kamu bertemakan sama kayak blogtegal ini atau sejenisnya maka sebaiknya jangan,karena berisi tentang tutorial kode yg memang harus di copy, jěka diberi script anti jiplak mau dibuang kemana tu pengunjung? Mau dapat ilmu dari mana jika kodenya tidak bisa di kopi? Di tulis? Keburu kiamat
Kecuali kode yg mau di copy di tempatkan pada textarea
Jika memang ingin membuat blog anti copy paste bisa ikuti tutorial berikut:
Ada dua script yg bisa kamu pake menurut keperluan dari blog kamu, diantaranya:

Script anti copy paste + disable klik kanan.
script anti copy paste yg bisa klik kanan.

1. Script anti copas + disable klik kanan

Script yang pertama ini berguna untuk membuat blog anti copas plus men-disable klik kanan, jadi pengunjung tidak bisa membuka tab baru dg klik kanan diatas link ''Open in New Tab'', caranya: Yakni tempatkan script di bawah ini pada widget HTML/javascript pada blog kamu.

login ke dashboard blogspot kamu.
pilih Rancangan/Desain
pada halaman element laman klik ''tambah gadget'' / ''Add gadget''
pilih widget HTML/javascript
dan pastekan script berikut didalamnya.
klik SIMPAN

Script yang dicopy:

<script language="javascript">  PopUpURL = "Maaf anda tidak di perbolehkan klik kanan"; isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; if (isIE||isNN) { document.oncontextmenu=checkV; } else { document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP); document.onmousedown=checkV; } function checkV(e) { if (isN4) { if (e.which==2||e.which==3) { dPUW=alert("Maaf anda tidak di perbolehkan klik kanan"); shake(2); return false; } } else { dPUW=alert(PopUpURL); shake(2); return false; } } </script>

Ganti tulisan yang berwarna ungu resuai kehendakmu.

2. Script anti copas yang bisa klik kanan

Untuk script yang kedua ini berguna untuk membuat blog anti copy paste yang bisa klik kanan. Jadi pengunjung bisa membuka halaman blog kamu dengan klik kanan ''Open in New Tab, caranya: Tempatkan script berikut diantara kode <head> dan kode </head> di dalam template kamu.

<SCRIPT type='text/javascript'> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>

Tentukan pilihanmu untuk membuat blog anti klik kanan,anti copy paste,anti jiplak,disable klik kanan.

Membuat ucapan kotak komentar

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 23:38:00 +0700

Membuat komentar berbeda lain dari pada yang lain yakni membuat ucapan salam atau ucapan terima kasih pada kotak komentar untuk para komentator yang telah berkomentar di blog kamu.
Langsung sajalah, lagi males basa basi basu

Login ke dashboard blog kamu.
pilih Rancangan »» Edit HTML
Cari kode berikut menggunakan tombol F3 untuk memudahkan pencarian

<p><data:comment.body/></p></b:if>
Tambahkan kode berikut di bawahnya

<div style='margin: 10px 10px 0px 0px;
text-align: center; font-size: 13px;'>
Tempatkan tulisan apa saja disini terserah yg kamu mau.
</div>

Jadi nantinya akan menjadi seperti ini

<p><data:comment.body/></p></b:if> <div style='margin: 10px 10px 0px 0px; text-align: center; font-size: 13px;'> Terima kasih telah berkomentar di blogtegal.com </div>

Kamu pun bisa memvariasikan bentuk, warna, jenis pada teksnya dg mengedit pada bagian CSS'nya
Untuk contohnya silahkan lihat pada blogtegal ini, atau coba aja berkomentar langsung untuk membuktikannya hiks...hiks...hiks...

Sekilas Mengenai KASKUS

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 23:35:00 +0700

Siapa yang tidak kenal dengan situs Kaskus? Setiap orang yang rajin berdiskusi di forum internet bisa dipastikan mengenal situs ini. Istilah Pertamaxx, Lanjut Gan, Nice inpo, menjadi akrab di otak kita.

Kaskus adalah situs forum komunitas maya terbesar Indonesia. Kaskus lahir pada tanggal 6 November 1999 oleh tiga pemuda asal Indonesia yang sedang melanjutkan studi di Seattle, Amerika Serikat. Situs ini dikelola oleh PT. Darta Media Indonesia. Anggotanya, yang berjumlah lebih dari 1.000.000 member, tidak hanya berdomisili dari Indonesia namun tersebar juga hingga negara lainnya. Pengguna Kaskus umumnya berasal dari kalangan remaja hingga orang dewasa.

Kaskus, yang merupakan singkatan dari Kasak Kusuk, bermula dari sekedar hobi dari komunitas kecil yang kemudian berkembang hingga saat ini. Kaskus dikunjungi sedikitnya oleh 600.000 orang, dengan jumlah page view melebihi 3.500.000 setiap harinya. Hingga saat ini Kaskus sudah mempunyai lebih dari 80 juta post.

Tidak sedikit manfaat yang bisa di dapat dari situs yang berupa forum diskusi ini. Dan tidak sedikit pula hal-hal negatif yang ada di situs tersebut.

Sebelum undang-undang ITE yang dikeluarkan oleh Depkominfo, Kaskus telah lama menjadi ajang bagi penyebaran pornografi maupun ajang diskusi saling menghina dan mencaci keyakinan beragama. Sebutlah thread BB17 (buka-bukaan 17 tahun) yang dulu sempat ada di situs ini. Konon pada topik ini menyajikan berbagai macam erotisme dari yang semi vulgar sampai yang sangat vulgar. Dan sebelumnya juga ada thread FC (Fighting Club), yang berisi cacian, makian, hinaan terhadap apa dan siapa saja, termasuk keyakinan beragama.

Demikian sekilas mengenai Kaskus untuk dapat teman-teman ketahui dan pahami bersama,

Saya tidak membeberkan secara detail tentang KASKUS dikarenakan saya tidak berkompeten untuk hal ini

Cara Meningkatkan Traffic Blog/Website

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 23:32:00 +0700

Belajar seo dan belajar untuk mendatangkan traffik ke blog memang butuh ketekunan, mungkin selama ini, banyak sekali pertanyaan: bagaimana ya Cara Untuk Meningkatkan Traffic Blog/website, jika anda seorang blogger atau pemilik sebuah website, anda pasti menginginkan traffic yang lebih banyak untuk blog atau website anda tersebut. Anda mungkin sering mencari-cari informasi di internet tentang bagaimana Cara Untuk Meningkatkan Traffic Blog Anda/website anda. Pada tulisan ini saya akan menjabarkan 75 Cara Untuk Meningkatkan Traffik Blog/website Anda. List ini berbeda dengan yang lain karena simple, ide asli dan unik. Jika anda ingin mencari orang untuk melihat website/blog anda, berarti anda sedang membaca artikel yang tepat.

Semua dari 75 Cara Untuk Meningkatkan Traffic Blog/website ini saya yakin dapat bekerja dengan baik untuk site/blog anda. Berikut adalah 75 cara tersebut:

Tulis contain lebih banyak. Jika anda menginginkan traffic, anda harus menulis contain. Orang-arang tidak akan mengunjungi site anda jika anda tidak menulis contain yang baik, menarik & berkualitas, dan pengunjung baru tidak akan kembali ke blog anda. Maka teruslah menulis postingan yang menarik.
Design & layout yang baik. Jika design site anda berantakan, navigasinya sulit, warnanya tidak match atau mengganggu penglihatan (silau), atao juga full error, pengunjung pasti tidak akan betah untuk berlama-lama diblog anda.
Gunakan nama domain sendiri. Saya yakin jika anda memiliki nama domain sendiri anda akan dapat traffic yang lebih banyak. Site kamu akan dilink oleh lebih banyak orang & orang akan lebih mudah untuk mengingat URL anda & blog anda akan terkesan lebih profesional. Cobalah untuk mendapatkan nama domain sendiri & “have it from the start”. (Sampai saat tulisan ini dipost saya sendiri belum menggunakan domain sendiri, he he he …)
Gunakan StumbleUpon. Saya memiliki pangalaman sukses dengan stumbleUpon. Ketika sebuah artikel yang baik dari blog anda di “StumbleUpon”, diharapkan banyak orang akan menilai baik blog anda dan akan “mengstumbling upon” blog anda.
Post di blog orang lain. Tawarkan tulisan kepada orang lain untuk dipost blog miliknya. Lebih baik lagi apabila tulisan tersebut sudah siap dipost. Biarkan blogger tersebut tau bahwa anda mempunyai tulisan yang siap untuk di post di blognya, jika mekera setuju. Ketika anda menulis artikel untuk dipost di blog orang lain, carilah post di blog anda anda yang relefan & buatlan link ke post tersebut. Sebuah link anda dapatkan di blog mereka & dapatkan traffic dari sini.
Mulailah “tagging” image diblog anda. Ketika anda menyisipkan image dipostingan anda, anda harus selalu memberi identitas (tagged). Pastikan ukuran lebar dan tinggi gambar anda ketahui. Tetapi yang paling penting adalah tuliskan keywords gambar pada tag “alt” & “title”.
Contoh: img src=http://superbloggingtips.com/wp-content/uploads/2007/06/kenya-smokey-me-001.jpg alt=”Tortoise Shell Kitten Mix in Sink” title=”Tortoise Shell Kitten Mix in Sink” height=”300? width=”350?. Untuk keterangan lebih lanjut, klik disini.
Respon segera commentar & email. Orang akan menyukai blog yang pemiliknya interaktiv & yang merespon segera commentar dan email yang masuk. Jika anda melakukan ini akan banyak pembaca yang akan setia dan menyukai anda & anda akan mendapatkan traffic dan link lebih banyak.
Gunakan MyBlogLog. SignUp ke MyBlogLog & join ke semua MyBlogLog communities (max. 15 communities per hari), dan anda akan melihat visitor akan berdatangan ke blog anda dari MyBlogLog.
Jangan buang waktu anda. Jangan buang waktu anda dengan program2 penghasil uang seperti PTC, PTR, Pay to surf , pay to search atau yang sejenisnya. Program seperti itu tidak akan menghasilkan apa2 melainkan hanya akan membuang-buang waktu anda. Tulislah contain yang berkualitas & traffic akan datang dengan sendirinya.
Perhatikan dan pelajari statistik anda. Pelajari statistic dan google Analitic anda. Lihat keyword apa yang digunakan pengunjung untuk mencari blog anda & artikel apa yang disukai atau yang tidak disukai pembaca blog anda. Ini akan membantu anda untuk menentukan tulisan anda selanjutnya yang bisa popular & disisipi dengan keyword yang efektif.
Link ke potingan lain. Ketika anda link ke potingan pada blog lain, maka hal itu akan membuat trackback, atau pingback. Ketika anda ngelink ke postingan blog lain, jika mereka mempunyai trackback yang diaktifkan maka anda akan menerima sebuah linkback di bagian comments postingan yang anda link.
Pada postingan anda, tanyakan pada para pembaca blog anda beberapa pertanyaan. Para pembaca akan merasa senang jika dianggap penting & sebagian besar dari mereka akan senang untuk tukar pendapat. Jika lain kali anda buat tulisan sebaiknya tanyakan para pembaca sebuah pertanyaan atau pendapat mereka terhadap sesuatu. Maka anda akan mendapatkan banyak komentar dan banyak visitor akan suka untuk kembali.
Buat “Lens” di Squidoo. Di Squidoo, anda dapat membuat “lens” anda sendiri, juga aka & halaman pada site mereka. Buat sebuah “lens” yang berhubungan dengan blog anda dan pastikan anda mengelinkannya dengan blog anda. Di Squidoo anda juga bias menghasilkan uang. klik disini untuk pelajari lebih lanjut.
Comment pada blog lain. Ketika anda memberikan komentar di log lain 99.9 % ada box dimana anda dapat menuliskan alamat URL blog anda. Dari sini ketika seseorang melihat komentar anda mereka dapat mengklik URL blog anda. Berikanlah komentar pada blog yang berbeda sebanyak-banyaknya, makin banyak anda memberikan komentar maka akan semakin banyak traffic yang anda dapatkan.
Tulislah List Posting. Semua orang suka akan list posting. Post ini berisi list poting yang ngelink ke potingan-postingan lain. Misalnya: “Top 10 Blog Themes”’ “25 Uses for Vinegar”, & “5 Helpful Website Tools”. Postingan List biasanya ngelink ke lebih banyak potingan & bisa mendapatkan lebih banyak traffic dari pada postingan biasa.
Submit Blog anda ke search engine. Banyak orang yang mayoritas trafficnya didapat dari search engine. Ketika orang mencari dengan keyword anda dan menemukan site anda, anda akan mendapatkan traffic! Klik disini untuk submit blog anda agar diindex oleh google jika anda belum pernah melakukannya, dan ingat untuk tetap menulis contain baru agar blog anda tetap memiliki peringkat di search engine.
Jalin kerjasama dengan blogger lain. Kembangkan kerja sama dengan semua blogger lain terutama yang blognya sejalan dengan blog anda. Berikan komentar pada blog mereka buat percakapan, link dengan mereka & jalin persahabatan. Dan sebelum anda mengetahui mereka akan mengelink blog anda yang tentunya akan mendatangkan traffic ke blog anda.
Gunakan Traffic Exchange. Saya kurang yakin anda akan terkena penalty dari adsense jika anda menggunakan traffic exchange. Traffic exchange akan membawa para pembaca yang loyal jika blog anda cukup baik disamping mendapatkan traffic yang berkelanjutan. Lihat posting mengenai BlogMad traffic exchange.
Link ke postingan anda yang lain sebanyak yang anda bisa. Link internally ke potingan dalam blog anda. Ini akan membantu ranking blog anda dan juga akan membantu traffic. Jika orang yang datang ke blog anda tidak ada pilihan lagi untuk dilihat maka mereka akan pergi. Ketika anda ngeling ke postingan anda yang lain meraka akan klik link anda dan akan tetap di blog anda lebih lama.
Sign up ke Yahoo! Answer. Di Yahoo Answer anda dapat menjawab pertanyaan orang lain & menolong orang lain. Disana ada box dimana anda dapat menuliskan sumber dari jawaban anda. Jawablah pertanyaan yang ada dan buat link ke blog anda sebagai sumber.
Sign up blog anda di top blog list. Blog top list adalah sebuah blog yang me listing semua blog yang menjadi member pada blog tersebut. Blog anda akan berada pada peringkat yang lebih tinggi jika memiliki lebih banyak traffic, lebih banyak vote & lebih banyak visitor. Cara joinnya sangat simple, plus cara ini akan dapat menambah traffic. Klik disini untuk melihat beberapa blog toplist (dunia) yang dapat anda join & pelajari lebih lanjut.
Submit ke site directory. Beberapa directory melisting ratusan site, & beberapa ribuan. Blacklink dari directory adalah baik, tapi traffic dari directory hanya sebuah tric kecil, bahkan hampir tidak ada hasil. Walaupun demikian submit dengan nama site anda menggunakan keyword anda akan dapat ranking yang lebih tinngi di Google untuk keyword tersebut, yang akan berarti traffic yang lebih banyak.
Jangan Gunakan Link Train. Hal ini tidak secara langsung berhubungan dengan traffic, tetapi ini merupakan hal yang perlu diketahui. Saya pernah membuat kesalahan dengan bergabung di ViraLink and ViralTags, dan anda sebaiknya jangan melakukan itu, kecuali jika para pembaca anda menyukainya & mereka membaca blog anda lebih lama.
Baca ulang, edit dan lanjutkan posting artikel anda. Tidak ada yang akan mau me link sebuah posting yang tidak berkualitas, walaupun potingan itu sebuah ide yang brilian jika penuh dengan ejaan dan gramatikal yang salah. Tidak ada yang melink berarti tidak ada traffic.
Submit postingan anda ke Blog carnival. Kunjungi Blog Carnival website dan submit sebanyak-banyaknya artikel anda ke carnival yang berhubungan dengan niche anda. Ketika artikel edisi carnival yang anda submit diposting, tidak hanya anda akan dapat linkback, tetapi anda akan mendapatkan visitor yang lebih banyak ke blog anda. Jika anda tidak mengerti apa itu blog carnival silahkan pelajari disini.
Pertahankan blog carnival anda. Menurut saya blog carnival sangat menyenangkan untuk dipertahankan. Orang akan submit artikel mereka ke carnival anda, & hampir semua orang2 ini akan mengunjungi edisi carnival anda untuk melihat link mereka disana. Dan carnival anda dapat juga menjadi yang utama & tampil di homepage website Blog Carnival.
Tukar Link dengan site lain dilingkungan anda. Di manapun tukar link dibuat, entah itu di sidebar pada setiap halaman site, di dalam halaman site tersebut, ataupun di postingan itu terserah anda. Tukar Link dengan orang lain yang memiliki blog yang berhubungan akan banyak membantu. Dan ketika site mereka menjadi besar maka akan lebih banyak membantu.

28. Gunakan Feedburner untuk orang subscribe to blog anda. Ketika seseorang subscribe blog anda via RSS atau mendapatkan update blog anda via email, mereka akan melihat postingan anda ketika ada yang baru. Hal ini akan menjadi vital untuk menjaga para pembaca tetap berhubungan dengan blog anda & menarik mereka kembali.

29. Gunakan Youtube. Buat account di youtube, dan kemudian pada profile anda anda akan dapat melist alamat2 website anda. List alamat blog anda disana & mulailah buat video. Ketika seseorang melihat profile anda kemungkinan ia akan mengklik blog anda.

30. Mintalah blog yang lebih besar untuk sebuah link. Bangunlan relation ship yang baik sebelum anda meminta sesuatu. Pastikan anda melink mereka dulu dipostingan anda. Sebelum anda melakukan ini silahkan and abaca “Kumiko’s post” . Jika blog anda mendapatkan banyak link tidak hanya akan mengangkat page rank anda tetapi juga akan mendapatkan banyak traffic.

31. Gunakan Techorati tags. Mendapatkan lebih banyak category pada Techorati berarti anda akan mendapatkan lebih banyak expose, yang berarti mendapatkan lebih banyak traffic. Jika anda ingin mengetahui lebih banyak tentang Techorati silahkan kunjungi Court’s post.

32. Tulislah mengenai celebrity. Tidak perduli tentang apa blog anda, anda akan dapat cara untuk menyesuaikan dengan topik blog anda tentang celebriti. Sebagai contoh, 6 Lessons Britney Spears Can Teach You About Blogging. Orang akan mencari info tentang celebriti setiap waktu dan menyukai gossip tentang mereka. Lipatgandakan traffic anda ketika anda mendapatkan sebuah gosip tentang celebriti setelah sesuatu yang terjadi pada celebriti tersebut. Sebagai contoh, misalnya tentang pencukuran rambut mereka, hari ulang tahun anak mereka, perkawinan mereka atau tentang kematian mereka.

33. Menganjurkan pembaca untuk meng”Digg” artikel anda. Digg adalah sebuah site yang mengumpulkan vote pada artikel. Dengan kata lain pembaca suka atau tidak artikel tersebut. Teman blogger anda akan dengan suka rela meng”Digg” artikel anda jika anda memintanya dengan sopan, atau lebih baik tambahkan tombol Digg pada bagian bawah semua postingan anda. Pastikan artikel-artikel terbaik anda mendapatkan Digg & jika postingan tersebut cukup baik maka akan mendapatkan ribuan visitor tiap hari.

34. Dapatkan “plugin” ke social bookmarking site. Pada setiap artikel blog sering didapati barisan tombol yang mempersilahkan para pembaca untuk submit dan vote artikel ke social bookmarking site (Digg, Reddit, Netscape, atau yang lainnya). Saya sendiri menggunakan AntiSocial plugin. Jika anda anda mengimplementasikan plugin ini artikel anda akan tersubmit ke social bookmarking site yang berarti traffic yang lebih banyak.

35. Link ke “A-listers”. Teknik ini digunakan untuk meminta A-lister untuk sebuah link atau membujuk mereka untuk memberikan sebuah link kepada anda. Makin banyak anda melink ke A-listers dan probloggers makin banyak kemungkinan mereka mengenal anda, lalu mungkin mereka akan melink ke artikel anda yang akan memberikan banyak traffic ke blog anda.

36. Tulislah sebuah post pilar. Pilar post tidak hanya merupakan list post. Pilar post merupaka inti dari blog anda. Potingan ini biasanya panjang, authoritative, & instructional. Pilar post membutuhkan waktu yang lama untuk menulisnya. Anda harus melink ke pilar post sebanyak mungkin dalam blog anda & pastikan pilar post mendapatkan perhatian terbanyak. Pilar post akan mendapatkan banyak link & mendatangkan banyak traffic.

37. Ketika masa perayaan tiba, tulislah tentang hal itu. Ketika Easter, Lebaran, Thanksgiving, Chrismas, atau hari-hari libur/perayaan lain tiba, buatlah post tentang hal itu sebulan sebelumnya. Pastikan postingan anda terindex & dilink. Ketika harinya tiba, kemungkinan akan dicari oleh banyak orang & blog kamu mungkin akan ditemukan.

38. Gunakan smart URLs di WordPress. Jika anda menggunakan wordpress dan menggunakan messy URL mereka, anda sebaiknya gunakan plugin ini untuk menukar URL termasuk tanggal dan nama post di link. menggunakan plugin tersebut tidak akan menghilangkan statistic search engine anda atau yang lainnya.

39. Buat pengunjung blog anda merasa seperti dirumah. Jika anda seseorang yang tidak sopan, jangan pernah memberikan apapun kepada pembaca blog anda, jangan menjawab komentar atau email, jangan menolong blogger lain, atau selalu sinis dan tidak membuat para pembaca blog anda merasa seperti dirumah mereka sendiri, maka besar kemungkinan mereka akan berhenti untuk mengunjungi blog anda. Tapi jika anda membuat mereka seperti dirumah sendiri anda akan mendapatkan banyak traffic.

40. Jadilah manusia, bukan robot. Jika di dalam semua poting anda selalu hanya meneriakkan business secara extrim, misalnya tidak menampilkan diri anda, hanya berbicara tentang hal yang sama setiap waktu, atau 100 % sempurna, hal itu kan membuat mereka menjauh. Saya tidak bermaksud mangatakan anda untuk selalu sopan, berbicara tentang diri anda setiap waktu, melenceng dari topic anda, atau berbuat banyak kesalahan. Tetapi biarkan para pembaca anda tahu bahwa anda juga seperti mereka, bahwa anda juga manusia biasa. Jangan buat blog anda membosankan.

41. Keluarkan iklan dari blog anda. Untuk meningkatkan traffic hilangkanlah iklan anda. Ketika anda tidak ada jalan untuk mendapatkan uang dari blog anda, anda akan merasa sayang, tapi yakinlah bahwa anda akan mendapatkan traffic dan pembaca yang loyal jika blog anda memang berkualitas. Dan jika sudah memungkinkan anda bisa memasangnya lagi untuk memulai meraup uang.

42. Mulailah membuat blog directory anda sendiri. Buatlah blog directory, misalnya di miserably. Ketika anda buat directory pertama kali, buatlah semua link dengan gratis dan dapatkan sebuah link submit form, dimana submission akan mengirimkan anda email. Anda dapat melakukannya mingguan/harian tergantung link yang dikirimkan kepada anda, atau anda dapat assign linknya ke “proper Categoies” yang disediakan. Ketika blog anda sudah menjadi besar, anda dapat mengajukan pemintaan “reciprocal link” & akan mendapatkan “featured site table” yang ngelink ke blog anda.

43. Post tentang A-listers. Misalnya tentang blogger Darren Rowse dan John Chow. Anda dapat menulis tentang mereka sebagai personal atau sebagai blogger, atau anda dapat menulis tentang bagaimana mereka melakukan sesuatu. Anda dapat mempost pikiran anda tentang yang mereka katakana atau mengembangkan postingan mereka dan kemudian tinggalkan pesan dipostingan mereka bahwa anda juga sudah melakukan hal yang sama.

44. Interview blogger lain. Interview blogger lain biasanya akan memberikan beberapa posting & links. Link berarti traffic.

45. Buatlah postingan link yang digemari. Saya mencoba membuat post link yang saya sukai setiap 2 kali seminggu. Ini hanya potingan link ke artikel di blogosphere atau ke web yang saya suka, terutama yang relefan dengan tema blog saya. Hal ini tidak hanya akan mendapatkan trackback, tapi juga akan memberikan anda kesempatan untuk mendapatkan medapatkan link balik yang berarti traffic.

46. Buatlah kontes berhadiah. Ini adalah ide yang baik. Buatlah kontes dengan hadiah yang menarik. Orang orang akan mengikuti blog anda dengan harapan akan memenangkan hadiah. Jika anda memberikan hadiah yang menarik beritanga pasti akan tersebar, tapi sebelumnya pastikan dulu bahwa bahwa blog anda memiliki banyak pembaca yang setia.

47. Berpura-puralah menjual blog anda. Ini adalah salah satu cara untuk mendapatkan traffic, tapi saya tidak merekomendasikannya. Anda dapat membayar beberapa dolar untuk melist blog anda di marketplace & dapatkan traffic dari para pembeli potensial. Lalu batalkan penawaran dan keep blog anda. Tidak akan ada dari traffic anda yang akan kembali. Ini bukan targetnya dan hanya akan membuang uang. Tetapi jika anda ingin hanya mendapatkan traffic sesaat cara ini boleh dicoba.

48. Jadilah comedian. Buatlah pengunjung tertawa. Ini susah susah gampang. Jika anda dapat membuat pengunjung anda tertawa dan senang mereka akan mengingat blog anda & akan memberitahukan yang lain tentang blog anda & akan kembali lagi.
49. Tolonglah blogger yang membutuhkan anda. Jika ada blogger pemula yang meninggalkan anda komentar atau email bantulah mereka. Siapa tau suatu saat mereka akan menjadi besar & akan selalu mengingat kebaikan anda.

50. Buatlah poll pada blog anda. Orang-orang menyukai voting & selalu ingin melihat hasil dari sebuah polling. Polling itu popular & popular akan mendatangkan traffic.

51. Buatlah blog baru. Jika anda masih dapat menanganinya dengan baik buatlah blog baru, baik itu di hosingan gratis atau domain anda sendiri. Apapun yang anda inginkan usahakan traffic untuk setiap blog yang anda miliki, & pastikan semua blog anda ngelink terhadap yang lainnya, terutama blog yang kecil harus di link oleh blog yang lebih besar. Diharapkan siapapun yang membaca salah satu blog anda dapat diperkenalkan blog anda yang lain.

52. Buat atau hack plugin wordpress. Oke, ini hanya untuk yang pitar “nge-hack” atau membuat plugin wordpress. Saya belum pernah melakukannya. Tapi jika anda bisa, anda akan mendapatkan banyak link & traffic dari semua yang menggunakan plugin anda.

53. Buatlah blog theme (wordpress, blogspot, atau apapun). Sama halnya seperti membuat sebuah plugin, traffic akan datang seiring dengan link. Bahkan membuat blog theme lebih mudah dari membuat plugin atau belajar seo.

54. Buatlah gambar yang dapat digunakan oleh orang lain. Jika anda membuat gambar yang gratis, yang dapat digunakan orang lain untuk blog mereka, anda akan mendapatkan traffic dari sini. Dan jika anda professional dalam membuat gambar, anda bisa mendapatkan tambahan uang dari sini.

55. Buatlah gambar untuk site social networking. Orang yang menggunakan Myspace, facebook, dan semua site tipe ini menyukai menggunakan gambar. Banner berwarna, gambar animasi, gambar berkedip, jika membuat ini maka mereka akan menggunakannya, Tempatkan link anda disana.

56. Gabung di Myspace dan dapatkan banyak teman. Bergabunglah di Myspace klicklah “browse” dan add people. Jika anda sudah mendapatkan banyak teman buatlah link ke blog anda pada bulletin dan di profile anda atau dimana saja yang anda bisa. Ini akan mendapatkan traffic jika anda melakukannya dengan benar.

57. Jawablah pertanyaan yang anda dapatkan dari komentar ataupun email dengan sebuah post. Jika seseorang memberikan komentar atau pertanyaan dan jawabannya cukup panjang, Jangan buang waktu anda jawablah dengan link ke potingan anda. Jika postingan mengenai hal itu belum ada, buatlah sebuah postingan mengenai hal itu.

58. Kerjakan Search Engine Optimization. Semakin baik rangking anda di search engine maka akan semakin banyak visitor yang akan mereka kirimkan.

59. Buatlan sebuah serial award/penghargaan. Luangkan waktu anda untuk membuat sebuah trophy atau banner untuk sebuah award atau penghargaan. Pastikan award itu memiliki tema atau nama, misalnya, “Tropy Penghargaan Untuk Blogger Terbaik”. Lalu linkkan banner tersebut ke 5 blogger lain yang menurut anda terbaik. Buat peraturan bahwa kelima blogger tersebut juga melakukan hal yang sama dengan banner tersebut, link dengan lima blogger lain yang menurut mereka terbaik. Pastikan di dalam banner tersebut terdapat link anda sebagai pembuat banner. Jika ini berjalan maka akan ada banyak linkback kepada blog anda & anda akan menerima banyak traffic.

60. Order review melalui ReviewMe. Jika anda order review pada blog lain dengan ReviewMe atau PayPerPost orang banyak akan membaca tentang blog anda. Review adalah cara terbaik anda mengiklankan blog anda untuk mendapatkan pembaca yang setia.
61. Pasang iklan di Google Adwords. Jika anda ada uang lebih tidak ada salahnya anda membeli iklan di Google Adwords. Mereka yang tertarik akan mengklik iklan anda. Sebagian dari mereka akan menjadi pembaca yang setia dan mungin sebagian lagi tidak. Ini adalah jalan yang baik untuk mendapatkan traffic.

62. Gunakan ReviewBack untuk mendapatkan review gratis. Anda akan mendapatkan review gratis disini, berguna untuk mendapatkan traffic. Check di ReviewBack.

63. Tulislah sebuah Press Release. Klik disini untuk mengetahui bagainama caranya.

64. Dapatkan favorit list di Techorati. Tachorati top 100 favorited list direview di sini. Akan sangat sulit untuk mendapatkannya, anda memerlukan beberapa ratus favorite atau bahkan beberapa ribu jika anda menginginkan berada ditempat teratas list. Tapi ini akan menghasilkan banyak sekali traffic jika anda berhasil melakukannya.

65. Join forum dan & message board. Bergabunglah dengan forum dan message board yang relevan dengan tema blog anda. Jika diizinkan link blog anda dimana yang anda bisa. Orang yang melihatnya akan senang untuk mengecheck blog anda.

66. Tambahkan link blog anda di forum signature. Ide lain, tapi tetap hanya jika diizinkan. Tambahkan link anda di forum signature dan aktiflah berkomunikasi. Link anda akan terlihat di setiap posting anda. Anda akan mendapatkan traffic yang lumayan jika forum banyak membernya.

67. Tulis sebuah post dengan title yang menarik, gampang diingat & mengandung keyword. Postingan dengan title yang menarik & gampang diingat biasanya akan mendapatkan traffic yang lebih banyak, apalagi jika mengandung keyword. Anda akan mendapatkan rangking di search engine, dan jika seseorang melink artikel anda dengan keywords tersebut anda akan mendapatkan rangking yang lebih baik dan akan mendapatkan traffic lebih dari google, yahoo, atau yang lainnya.

68. Gunakan gambar pada postingan anda. Jika postingan hanya berupa text postigan akan menjadi cepat membosankan. Gambar juga berguna untuk SEO jika seseorang mencari gambar di search engine. Tapi saya merekomendasikan hanya menggunakan 1 gambar per posting, agar tidak terjadi kesimpangsiuran pada search engine.

69. Tulislah sebuah review. Jika anda membuat sebuah review yang baik terhadap suatu product, hal itu akan menjadi perhatian dari orang orang yang tertarik terhadap product tersebut. Buatlah review terhadap sebuah product yang lagi digandrungi saat ini.

70. Buat tulisan yang lebih berkualitas. Jika artikel-artikel anda ada yang di Digg atau StumbleUpon oleh para pembaca blog anda, postinglah artikel yang lebih menarik dan lebih berkualitas. Biarkan pengunjung blog anda tau bahwa blog anda adalah blog yang berkualitas dan mereka akan datang kembali.

71. Post tentang event-event penting yang berhubungan dengan blog anda. Jika sesuatu event penting yang sesuai dengan tema blog anda akan datang, tulislah mengenai hal itu sebulan sebelum event itu tiba, berikan kesempatan search engine untuk mengindext artikel anda. Dan jika event itu tiba anda akan dapat traffic dari orang-orang yang mencari artikel tentang event tersebut.

72. Berbagilah rahasia anda dengan pembaca blog anda. Baik itu rahasia sukses bisnis anda, rahasia belajar seo ataupun rahasia hidup anda orang pasti akan senang mengetahuinya dan tidak akan menjadi antipati terhadap anda.

73. Jadilah lain dari yang lain. Bangunlah citra dan lakukan sesuatu yang berbeda yang orang lain belum pernah melakukannya. Anda akan mendapatkan ucapan terima kasih karena pembaca anda mendapatkan sesuatu yang baru. Nama anda akan diingat dalam waktu yang lama, tapi bukan selamanya. Muncullah dengan konsep baru yang orang lain belum pernah melakukannya.

74. Teruslah kembangkan blog anda. Para pembaca anda akan kembali lagi pada blog anda jika blog anda terus berkembang secara konstan. Usahakan menulis setiap hari, terutama menulis tentang topik belajar seo.

75. Jadilah diri anda sendiri. 75 Cara Untuk Meningkatkan Traffic Blog/website Anda

Kelenger nich bacanya ya ?? Nggak apa apa dech yang penting sebagian tips diatas bisa dijalankan dengan baik, sehingga kita semua bisa jadi Blogger yang sukses....

Plugin Sosial dari Facebook

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 23:27:00 +0700

Sekitar 1 (satu) bulan Og (Orang Gaptek) meninggalkan dunia on-line, termasuk blogging. Bertapa mencari ilham di dasar seribu sungai (hanya becanda). Bukannya bosan melainkan kesibukan pindah homebase dan mendirikan usaha sendiri di tempat baru tersebut. Alhamdulillah sekarang sudah rampung kira-kira 75%. Sekarang Og menyempatkan membuat satu postingan yang sekiranya menambah daftar trik blogger di hati dan pikiran para blogger. Kok, jadi dramatis gini... Trik blogger ini masih terkait dengan posting sebelumnya tentang promosi blog dengan facebook, coba tebak? Betul sekali. Setelah pamer blog di facebook, tentunya ingin pula plugin di facebook muncul di blog kamu.
Kemudian Og tidak akan menjelaskan secara detail tentang kodenya yang seperti apa, karena kode tersebut otomatis tampil pada saat kamu mengkostumisasi plugin ini di layanan pengembang plugin sosial facebook. Demo salah satu plugin tersebut (Like Button) dapat kamu lihat di kiri bawah (footer) blog ini.

Arahkan alamat browser kamu ke Facebook Developers.
Kamu akan di bawa ke halaman kumpulan plugin sosial yang dapat diterapkan dalam blog kamu, seperti ; Like Button, Activity Feed, Recommendations, Like Box, Login Button, Friendpile, Comments, dan Live Stream.

Contoh Terapan I (Like Button) :

-> Klik link yang bertuliskan Like Button.
-> Isi form sesuai dengan keinginan dan template blog kamu, seperti yang ditunjukkan oleh gambar di bawah ini.

Catatan :
URL to Like diisi dengan alamat blog kamu.

-> Setelah selesai klik "Get Code", maka akan muncul kode sesuai dengan isian form tersebut.

-> Copy kode dalam kotak iframe ke blog kamu.
-> Sign-in ke akun blogger kamu.
-> Kemudian klik Design (Rancangan) --> Add Gadget (Tambah Gadget).
-> Dalam jendela pop-up yang tampil, pilih HTML/JavaScript dengan mengklik tanda + di kanannya.
-> Paste kode iframe dari plugin sosial facebook.
-> Selesai.

Contoh Terapan II (Like Box) :

-> Klik link yang bertuliskan Like Box.
-> Isi form sesuai keinginan dan template blog kamu, seperti yang ditunjukkan oleh gambar di bawah ini.

Catatan :

Facebook Page ID diisi dengan ID halaman facebook kamu.

-> Selanjutnya lakukan langkah yang sama dengan contoh terapan I.

Catatan :
Langkah dalam mengkostumisasi plugin sosial lainnya lebih kurang sama dengan contoh terapan di atas.

Selamat memajang plugin sosial facebook di blog kamu...

Step by Step Validasi Blogger

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 23:23:00 +0700

Mungkin salah satu kelemahan terbesar blogger sebagai media weblog adalah format HTML dan CSS yang tidak bisa valid menurut W3C Validator. Padahal validasi itu sendiri diperlukan untuk mendapatkan design weblog yang mendekati sempurna selain beberapa aspek lain yang tidak kalah penting. Setelah beberapa lama menyimpan artikel ini kini akan saya ulas dibagian Blogger Tutorial.

Satu hal yang perlu diperhatikan sebelum melakukan Validasi pada template Blogger yaitu karakteristik tiap template yang berbeda, jadi jangan kaget jika ada beberapa code yang tidak anda temukan dalam template anda. Selain hal tersebut ada juga bagian yang sering dilupakan yaitu pemakaian widget yang tidak valid, tentunya hal tersebut menambah daftar error dalam validasi weblog anda. Terlalu banyak kalimat pembuka, mari kita lanjut ke Step by Step Validasi Blogger. Jangan lupa save template sebelum edit lebih lanjut, jaga-jaga kalau terjadi error pada template anda. Pada tab lain buka halaman HTML Validation W3C untuk melihat seberapa banyak error yang tersisa dan letak kesalahannya.

1. Pada Edit HTML "doctype" default blogger mempunyai tingkat kesulitan untuk menjadi valid, Solusinya ganti

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
dengan

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2. Pada Edit HTML contreng expand template widget lalu cari code

<b:include data='post' name='postQuickEdit'/>
dan
<b:include name='quickedit'/>
selanjutnya hapus semuanya. Fungsi code tersebut adalah icon Quick edit pada masing-masing widget, beberapa blogger hack bisa mendisable atau menghilangkan icon tersebut namun link edit widget itu sendiri adalah error karena mengandung code & yang tidak di tutup oleh ; sehingga menghasilkan error.

3. Jangan lupa tambahkan tag ALT pada setiap image yang terdapat pada weblog, sekecil apapun image tersebut. Hal ini dimaksudkan agar Image tersebut tidak hanya berfungsi secara visual, namun dapat di baca oleh robots. Selain itu jangan lupa untuk menggunakan penutup tag tersebut dengan attribut /> sehingga bisa mengurangi error pada html validation.

4. Jangan gunakan widget Archive menggunakan tampilan Hierarchy, karena itu akan menampilkan banyak error. Lebih baik gunakan Model List sehingga mengurangi error, selain itu tampilannya akan lebih simple dan elegant.

5. Berhati-hati dalam menggunakan langkah berikut ini, pastikan anda tidak salah dalam melakukan copy paste karena sedikit perubahan dapat mengakibatkan error.

Cari code

<b:include data='blog' name='all-head-content'/>
Ganti code tersebut dengan code berikut ini


<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/IDBLOGGERANDA' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDBLOGANDA' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDBLOGANDA/posts/default' rel='service.post' title='OBLO - Atom' type='application/atom+xml'/>
<link href='http://www.URLANDA.blogspot.com/feeds/posts/default' rel='alternate' title='OBLO - Atom' type='application/atom+xml'/>


Perhatikan!
IDBLOGGERANDA = dapat anda jumpai pada alamat URL Profile Blogger anda.
IDBLOGANDA = dapat anda jumpai pada alamat URL edit Html Blog anda.
URLANDA = isi dengan url blog anda.

6. Jangan terlalu banyak menggunakan dash ( - ) pada HTML blog anda, memang akan terlihat indah jika kita menambahkan beberapa code ASCII disana, namun sadarkah anda itu hanya akan menambah jumlah error pada HTML / CSS anda.

Gunakanlah sesederhana mungkin.

HTML

 SALAH

 Benar ( terlihat simple dan rapi )
CSS

/*----------- Header ------------*/ SALAH

/* Header */ Benar
7. Banyak yang mengeluarkan trick untuk mendisable Default NAVBAR Blogger, tapi bagaimana kalo kita hapus saja Navbar tersebut. Karena walaupun di hidden / disable, link yang terdapat didalamnya akan tetap terbaca. Letakkan code berikut diantara </head> dan <body>


setelah itu save template, maka akan keluar notifikasi untuk menghapus Widget Navbar. Done you lost the Navbar. :)

8. Sebetulnya masih banyak yang perlu di benahi dalam blogger terutama penggunaan & ( & ) dalam setiap URLnya, karena code tersebut tidak bisa berdiri sendiri dan harus di akhiri dengan ( ; ) pada HTML, solusinya gunakan code &amp;.

Dengan melakukan beberapa step diatas anda tidak akan memperoleh hasil yang valid dari blogger karena beberapa bagian penting dari blogger sendiri itu mengandung ERROR. Kita bisa mengakalinya dengan menghapusnya, namun fungsi dari widget yang kita hapus tersebut tidak bisa berjalan dengan sempurna. Beberapa bagian blogger yang cukup mengandung banyak error adalah Comment box dan link Comments yang lagi lagi menggunakan code ( & ). Selain itu pada halaman index terdapat juga error pada navigation page ( New and older post ).

Untuk menghilangkan Navigasi newer dan older post pada halam index, dapat menggunakan trik berikut ini. Cari code dibawah ini

<b:include name='nextprev'/>
ganti dengan

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>
</b:if>

Catatan: Jangan lupa cek error blog anda pada W3C HTML Validator untuk mengetahui sisa kesalahan anda tiap kali melewati Step by Step Validasi Blogger.

Membuat "Back to Top"

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 23:23:00 +0700

Ketika kita menulis suatu blog yang lumayan panjang, scroll halaman pun akan semakin lama. Kadang yang membaca ingin pula buru-buru untuk menyelesaikan bacaannya, namun ada kalimat yang harus dipahami sebelumnya. Kebetulan kalimat tersebut berada di paragrap pertama (atas). Repot juga muter scroll mouse atau sekedar menggeser bar yang letaknya dikanan halaman browser. Seandainya ada satu shortcut yang tersedia dalam blog, kemungkinan hal di atas bisa diminimalisasi. Nah, itu yang namanya fasilitas "Back to Top" atau kembali ke atas.

Bagaimana trik blogger untuk menambah fasilitas itu, OB? EGP (emang gue pikirin), mungkin itu jawaban ketus OB ketika ditanya pas sakit gigi atau sariawan 5 biji. Alhamdulillah, sekarang OB tidak sakit gigi & sariawan. Sebenarnya trik blogger membuat "Back to Top".

Cara I :

Tambahkan kode CSS berikut di atas kode ]]></b:skin>.

p.to-top {
font-family:Trebuchet MS, Verdana, Verdana Ref, sans serif;
font-size:90%;
float:right;
padding-right:10px; }

Keterangan :

font-family = keluarga bentuk teks yang akan kita tampilkan.
font-size = ukuran teks.
float = peletakkan teks (kanan atau kiri)
padding-right = jarak antara teks dengan bidang sebelah kanan.

Sekarang, kita tinggal menentukan posisi teks link back to top, misalnya diletakkan di atas footer.
Cari kode yang menunjukkan awal footer, seperti : <div class='footer-wrapper'>, <div class='footer'>, <div id='footer-wrapper'>, <div id='footer'>, & sejenisnya.
Kemudian copas kode berikut di atasnya :

Jangan lupa melakukan edit pada kode <body> menjadi <body id='to-top'>
Kemudian simpan template kamu.

Catatan :

Untuk peletakkan back to top tidak harus di atas footer.
Silakan edit/modifikasi kode CSS tersebut sehingga sesuai dengan yang kamu harapkan.

Cara II :

Metode ini menggunakan jquery, sehingga scrolling halaman (ketika mengklik back to top) lebih lembut & akan mengikuti scroll halaman. Demo versionnya silakan perhatikan back to top di sebelah kanan bawah blog ini.

Catatan :
Jquery di atas sudah dikompres (compress) menggunakan online YUI Compressor.

Letakkan jquery back to top tersebut di atas kode </head>
Tambahkan kode CSS berikut di atas ]]></b:skin>.

#back-to-top {right:20px;bottom:40px;position:fixed;}

Ganti kode <body> dengan <body id='to-top'>
Selanjutnya tambahkan kode berikut di atas kode </body>.

Catatan :

height = tinggi image
width = lebar image
Silakan ganti image (http://i647.photobucket.com/albums/uu191/ariamsi/Icon%20Blog/Top.png) dengan image kamu sendiri. Atau menggunakan image yang ada dengan terlebih dulu mendownloadnya dan upload ke hosting image kamu.

Kompres Kode CSS dan Javascript

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 22:54:00 +0700

Mungkin kamu tahu & mengerti komponen-komponen apa saja yang menyebabkan suatu blog lambat loading (internal), antara lain : Banyaknya assessoris blog (widget/gadget), menampilkan banyak image, tampilan full post di halaman utama (home), banyaknya script, dan lain-lain. Atau kamu ingin mendefinisikan & menambahkan "dan lain-lain" dalam komentar.
Dalam trik blogger kali ini, kita akan mendiskusikan tentang bagaimana mengoptimalkan kode CSS & javascript agar sedikit banyaknya dapat lebih cepat loading. Nah, layanan online yang dapat kita pergunakan untuk melaksanakan fungsi tersebut adalah Online YUI Compressor. Cara menggunakan layanan ini juga tidak sulit, kita tinggal memasukan semua kode javascript yang ingin di-kompresi, ingat! tanpa memasukan tag <script type='text/javascript'> ... </script> atau <script type='text/javascript'> //<![CDATA[ ... //]]> </script> tapi hanya kode utamanya saja.
Adapun cara menggunakan Online YUI Compressor dapat direview seperti ulasan berikut :

Masukkan kode javascript dalam kotak "Code".
Pilih secara dropdown jenis file pada "File Type".
Selanjutnya untuk opsi-opsi kosongkan.
Klik tombol "Compress"
Tunggu beberapa saat file dikompres dan hasilnya akan ditampilkan tepat di bawah tombol "Compress".

Copy kode tersebut & paste di antara tag <script type='text/javascript'> ... </script> atau <script type='text/javascript'> //<![CDATA[ ... //]]> </script> dalam blog kamu.

Contoh :

Javascript otomatis readmore.

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>
</script>

Catatan :
Kode yang berwarna merah merupakan kode yang dimasukkan dalam kotak "Code" pada site Online YUI Compressor.

Hasilnya setelah dikompres & dimasukkan dalam full kode Javascript otomatis readmore.

//]]>
</script>

Semoga bermanfaat...
Salam Gaptek

Animasi Transparent Navbar

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 22:51:00 +0700

Yang perlu dijadikan catatan pada trik ini adalah kita tidak mengubah navbar bawaan default blogger, melainkan sedikit menambah kreasi agar navbar tersebut tampil lebih menarik. Di samping itu, ketika kita mengunjungi blog lain tidak jarang ditemukan blog yang memiliki kresi pada navbarnya, antara lain ; memasang auto hide, menindih navbar bawaan blogger dengan navbar lain, mengganti dengan jenis navbar lain, bahkan menghilangkan secara permanen navbar tersebut.

Nah, jika kamu tidak ingin menghilangkan navbar default tersebut, tapi hanya ingin memodifikasinya, mungkin trik blogger ini dapat menjadi salah satu referensi untuk diterapkan dalam blog kamu. Trik ini menampilkan navbar blogger secara transparan dengan menggunakan jQuery, namun akan terlihat ketika didekati oleh kursor mouse. Adapaun jQuery-nya dapat disimak seperti di bawah ini :

Silakan Copas jQuery di atas di atas tag </head>.

Catatan :

Ganti kode yang berwarna merah (0.1 = 90%) menggambarkan transparasi navbar pada saat belum didekati kursor mouse. Jika ingin navbar tidak nampak sama sekali letakkan saja nilai 0.0 :)
Ganti kode yang berwarna hijau (1.0) menjadi 0.75 jika ingin transparasi navbar saat didekati mouse bernilai 25%. Sedangkan jika tetap pada nilai 1.0, maka navbar akan terlihat sangat jelas (tanpa transparansi) saat didekati kursor mouse.

Selamat mencoba...

Menghapus secara permanen navbar blogger Anda

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 22:50:00 +0700

Bagi kamu yang perduli dengan validasi terhadap blog kamu, saya rasa cara ini pantas diterapkan di blog blogspot kamu, karena engine blogspot terlalu banyak kode-kode validasi yang error.

Sekarang Anda dapat secara permanen menghapus navbar blogger tersebut.

Biasanya sangat mudah untuk menyembunyikan. Yang harus Anda lakukan hanyalah menambahkan sedikit kode dalam template.

Sebelumnya kami juga menggunakan kode CSS untuk hanya menyembunyikan navbar tersebut.

Cukup ikuti langkah-langkah di bawah ini

1. Login ke Blogger>> Tata Letak >> Edit HTML

2. Cari kode <body> dan tambahkan Kode berikut tepat di atas itu.

<script type='text/javascript'>
<![CDATA[

]]>
</script>

Setelah itu simpan template dan Anda akan melihat gambar konformasi seperti di bawah ini.

Klik widget menghapus dan navbar akan dihapus.

Kerugian utama menghapus adalah bahwa Anda juga akan menghapus Link Quick Edit gambar pensil atau Link Quick Edit gambar kunci pas link di blog Anda, walaupun Anda sedang dalam keadaan login.

Cara Ini sangat banyak mengurangi valiadasi error pada blog kita.

Bagi kamu-kamu yang ingin blognya ingin mengurangi error pada validasi bisa membaca postingan tentang Step By Step Validasi Blogger disini...

Pasang Navbar Statis ala Apture

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 22:48:00 +0700

Satu lagi navbar pengganti bawaan blogger yang pantas anda pasang pada blog Anda, selain daripada WIBIA. Bagi kamu-kamu yang sudah menghilangkan Navbar dafault dari blogspot bisa memasang Navbar Apture ini.

Apture bar yg bernaung dalam perusahaan swasta dan bermarkas di San Francisco, California ini menawarkan tampilan navbar guna berbagi berpenampilan menarik. Pada posisi diatas tidak tampak, kalau di scroll kebawah baru kehilahatan.

Oke, kita langsung aja ya,
1. Masuk ke website Apture
2. Isi alamat Blog kamu serta alamat email yang valid.
3. Isi judul, title blog kamu atau apapun terserah.
4. Modifikasi warna dari Apture tersebut.
5. lalu klik Get My Bar.

Setelah itu muncul Javascript codenya yang bisa kamu copy paste keblog kamu dengan tahapan sebagai berikut :

1. Sign In ke blogger.com
2. klik Tata Letak kemudian Edit HTML
3. Cari kode </body>
4. Letakkan kode Apture diatas kode no.3

Selesai dan lihat hasilnya di blog kamu

Admin Bar Widget untuk Blogger

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 22:33:00 +0700

Ketika ingin mengupdate blog kadang-kadang kita mendapatkan beberapa ide posting baru atau untuk melakukan beberapa perubahan dengan blog. Admin bar ini memudahkan untuk menavigasi langsung kepada point-point yang ingin kita rubah secara langsung.

widget ini menciptakan link yang akan membawa langsung ke pilihan blogger. Ada dua jenis dan masing-masing memiliki cara instalasi yang berbeda. Kita akan membahas kedua cara tersebut.

1. Instalasi Custom jenis-jenis ini adalah lebih bergaya, dapat melihat screenshot di bawah ini.

Untuk memasang widget ini, pergi ke PAGE ELEMENT>> ADD A GADGET>> HTML/JavaScript dan salin kode di bawah ini.

<ul class="adminbar">
<li><a class="dashboard" href="http://www.blogger.com/home" target="_blank">Dashboard</a></li>
<li><a class="settings" href="http://www.blogger.com/blog-options-basic.g?blogID=####" target="_blank">Change Settings</a></li>
<li><a class="layout" href="http://www.blogger.com/rearrange?blogID=####" target="_blank">Change layout</a></li>
<li><a class="editpost" href="http://www.blogger.com/post.g?blogID=####" target="_blank">Edit posts</a></li>
<li><a class="newpost" href="http://www.blogger.com/post-create.g?blogID=####" target="_blank">New post</a></li>
</ul>

Rubah #### dengan id blog Anda. Anda dapat menemukan ID blog anda pada Adress Bar diatas, kemudian jangan lupa disimpan.

Kemudian pergi ke EDIT HTML lalu temukan ]]></b:skin> kemudian salin kode berikut diatasnya:

ul.adminbar
{background-color:#EEEEEE;
border:1px solid #E6E8E9;
margin-bottom:8px;
padding:5px 5px 0;
}
ul.adminbar li {
background-color:#FAFAFA;
border:1px solid white;
list-style:none outside none;
margin-bottom:6px;
outline:1px solid #DDDDDD;
padding:12px;
}
ul.adminbar li a
{display:block;
color:#888888 !important;
text-shadow:1px 1px 0 #FFFFFF;
text-decoration:none;
font-size:22px;
height:27px;
margin:0 0 0 15px;
}
a.dashboard
{background:url(http://i54.tinypic.com/9iseuw.jpg) no-repeat 0px 0px;
padding:4px 0 2px 47px;
}
a.settings
{background:url(http://i56.tinypic.com/2hdofnt.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;}
a.layout
{background:url(http://i55.tinypic.com/2d8s4qw.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.editpost
{background:url(http://i54.tinypic.com/10gwpl5.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.newpost
{background:url(http://i54.tinypic.com/4ky1xi.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}

Kemudian Simpan & Selesai sudah.

Sekarang jika Anda mengalami kesulitan dengan widget diatas, ada cara lain yang lebih sederhana untuk menginstalnya tanpa menggunakan CSS.

2. Instalasi jenis klasik ini lebih sederhana dan mudah. Hanya pergi ke PAGE ELEMENT>> LINK LIST dan tambahkan link berikut di dalamnya.

Dashboard : http://www.blogger.com/home

Change Settings : http://www.blogger.com/blog-options-basic.g?blogID=####

Change Layout : http://www.blogger.com/rearrange?blogID=####

Edit Posts : http://www.blogger.com/post.g?blogID=####

New Post : http://www.blogger.com/post-create.g?blogID=####

Ganti #### dengan ID blog kamu dan kemudian simpan.

Posting lain yang berkaitan (label)

Membuat Menu Navigasi Image

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 22:24:00 +0700

Navigasi merupakan penentuan posisi & arah tujuan, baik di medan sebenarnya atau di peta (Wikipedia). Dalam blog, kita bersama mengenal istilah sitemap yang mungkin dapat kita hubungkan dengan peta. Navigasi dalam blog bertujuan untuk memberikan kemudahan bagi pengunjung menemukan tujuan konten yang ingin ia cari (baca:red).
Berbagai jenis menu navigasi dapat Anda sematkan dalam blog, seperti: navigasi horizontal, vertikal, dan sebagainya. Termasuk menu navigasi dengan image (gambar) yang akan kita review sekarang ini. Bagaimana bentuk dari navigasi yang saya maksud, Coba perhatikan kumpulan gambar di sebelah kanan blog demo tersebut! Navigasi image akan terus bergeser mengikuti arah scroll mouse ke atas dan ke bawah (fixed).
1. Letakkan kode CSS berikut di atas ]]></b:skin>.

/*-- NAV IMAGE --*/
#nav-image {
right:4%;
position:fixed;
top:33%;
padding:0 6px;
overflow:hidden;
}

.linkopacity img {
filter:alpha(opacity=25);
-moz-opacity:0.3;
opacity:0.3;
border:0;
}

.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border:0;
}

.to-home, .table-of-content, .back-to-top, .to-subscribe, .to-comment, .back-to-down {border:0; margin:1em 0;}

Catatan:

Kode yang berwarna merah dapat Anda rubah, sesuai dengan karakter blog Anda.
Jika Anda ingin meletakkannya di sebelah kiri, ganti right:4%; menjadi left:4%;.
Semakin kecil nilai opacity atau -moz-opacity (warna hijau) — nilainya berkisar antara 0 – 1 — maka image semakin blur (baca:kabur).

2. Letakkan — atau tidak — jQuery berikut di atas </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$("a[href*=#content], a[href*=#comments-block], a[href*=#footer-content]").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var a=$(this.hash);a=a.length&&a||$("[name="+this.hash.slice(1)+"]");if(a.length){var b=a.offset().top;$("html,body").animate({scrollTop:b},1000);return false}}})});
//]]>
</script>

JQuery di atas hanya akan menampilkan scrolling yang lembut, ketika link dalam image kita klik. Kemudian untuk kode jQuery yang berwarna merah merupakan link - link tujuan dari navigasi image. Attention! Mungkin template yang satu berbeda dengan lainnya, dimungkinkan pula untuk merubah kode yang berwarna merah (#content, #comments-block, #footer-content).
3. Letakkan kode HTML berikut di atas </body>.

<figure id='nav-image'>
<div class='to-home'>
<a class='linkopacity' href='isi dengan alamat blog Anda…' title='Halaman Utama'><img alt='Home' height='30' src='https://lh6.googleusercontent.com/_sl-hvfgWCfI/TXaFG5_UosI/AAAAAAAAABU/tEReYbtwo4w/home.png' width='30'/></a>
</div>
<div class='table-of-content'>
<a class='linkopacity' href='isi dengan alamat blog Anda…/search?max-results=200' rel='nofollow' title='Daftar Isi'><img alt='Content' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYqFFo_HMGfP1kap2Y1HEj_Z3MP8L-ZN8URRxE8K5X-Us0s7J8dhUmhU-ffcDbbuL587XIi5ENFBNU_ujVk3icUdN87hQ975AT8qtB4B14F2IsZFj8T_yYcC40TVvutw6HWVcFS5ckzkk/s800/arsip.png' width='30'/></a>
</div>
<div class='back-to-top'>
<a class='linkopacity' href='#content' title='Ke Atas'><img alt='Up' height='30' src='https://lh4.googleusercontent.com/_sl-hvfgWCfI/TXaFHPH5nuI/AAAAAAAAABY/UtBQNUtekmA/arrow-up.png' width='30'/></a>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='to-comment'>
<a class='linkopacity' href='#comments-block' title='Komentar'><img alt='Comment' height='30' src='https://lh3.googleusercontent.com/_sl-hvfgWCfI/TXaFHgfaC9I/AAAAAAAAABg/0FmVG-_r7p4/comment.png' width='30'/></a>
</div></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='to-subscribe'>
<a class='linkopacity' href='isi dengan alamat RSS blog Anda…' title='Langgan RSS'><img alt='Langgan RSS' height='30' src='https://lh5.googleusercontent.com/_sl-hvfgWCfI/TXaX0fGJIPI/AAAAAAAAABw/aZqTbkdIeQI/RSS.png' width='30'/></a>
</div></b:if>
<div class='back-to-down'>
<a class='linkopacity' href='#footer-content' title='Ke Bawah'><img alt='Down' height='30' src='https://lh4.googleusercontent.com/_sl-hvfgWCfI/TXaFHSoQCxI/AAAAAAAAABc/evR8CjwFCFQ/arrow-down.png' width='30'/></a>
</div>
</figure>

Catatan :

Perhatikan kode yang berwarna merah (HTML = JQuery )!
Silakan rubah — atau tidak — alamat image (warna hijau) sesuai dengan alamat penyimpanan image Anda.
Sesuaikan height & width dengan besar - kecilnya gambar yang Anda inginkan.
Kode yang berwarna biru silakan buka kembali posting tentang “optimasi tampilan widget”.
Jangan dilupakan! Bagi blog yang menggunakan image sebagai media bacanya, sebaiknya selalu menambahkan atribut alt='…' dan title='…'.

Semoga bermanfaat trik membuat menu navigasi image ini.

Dropdown Menu (Navigasi Horizontal) dengan CSS3

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 22:09:00 +0700

“Salam persahabatan”,
mungkin seperti itulah salam pembuka atau salam penutup dari sang empu tutorial ini. Anda mungkin kenal, bahkan mungkin juga telah menjadi salah satu sahabatnya dalam GFC.

Gambar 1. Screenshot dropdown menu horizontal dengan CSS3.

Trik blogger ini mungkin agak berbeda dengan posting aslinya¹ (sama caranya), karena menu horizontal di sini tidak menggunakan image & ditambahkan form pencarian — mempercantik search button dengan CSS3 oleh Rudy — di kanannya.
Letakkan kode CSS3 berikut di atas ]></b:skin>.

/*-- NAV --*/
nav {
width:100%;
background:#585858;
font:14px Sans-Serif;
letter-spacing:0.03em;
position:relatif;
overflow:hidden;
border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0, .4);
-moz-box-shadow: 0 2px 4px rgba(0,0,0, .4);
}
/* main level */
#menu-nav{
width:500px;
float:left;
margin:0;
padding: 7px 6px 0;
position:absolute;
}
#menu-nav li {
line-height:1.5em;
float:left;
list-style:none;
margin:0 auto;
padding:0 5px 8px;
position:relatif;
}
#menu-nav a, #menu-nav a:visited {
color:#e7e5e5;
text-decoration:none;
padding:  3px 16px;
border:solid 1px transparent;
display:block;
margin: 0;
-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
background: #000;
color: #fff;
}
/* main level link hover */
#menu-nav a.current, #menu-nav li:hover > a {
background:#E6E6E6;
color:#444444;
text-decoration:none;
border:outset 1px #f2f2f2;
-webkit-box-shadow: 0 1px 1px #585858;
-moz-box-shadow: 0 1px 1px #585858;
box-shadow: 0 1px 1px #585858;
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
/* sub levels link hover */
#menu-nav ul li:hover a, #menu-nav li:hover li a {
color:#666666;
background:none;
border:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#menu-nav ul a:hover {
background: #0078ff !important;
color: #fafafa !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 0 1px 0 #dddddd;
}
/* dropdown */
#menu-nav li:hover > ul {
display: block;
z-index:1;
}
/* level 2 list */
#menu-nav ul {
display: none;
margin: 0;
padding: 0;
width: 180px;
position: absolute;
top: 40px;
left:auto;
background:#f2f2f2;
border: solid 1px #b4b4b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#menu-nav ul li {
float: none;
margin: 0;
padding: 0;
}
#menu-nav ul a {
text-shadow: 0 1px 0 #fafafa;
}
/* level 3+ list */
#menu-nav ul ul {
left: 90px;
top: auto;
position: absolute;
}
/* rounded corners of first and last link */
#menu-nav ul li:first-child > a {
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
}
#menu-nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#menu-nav:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#menu-nav {
display: inline-block;
}
html[xmlns] #menu-nav {
display: block;
}
* html #menu-nav {
height: 1%;
}

/*-- SEARCH --*/
#search {
width: 240px;
float: right;
margin: 0;
padding: 3px 8px; }

.searchform {
display: inline-block;
zoom: 1; /* ie7 hack for display:inline-block */
*display: inline;
border: solid 1px #5e6366;
padding: 3px 5px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
box-shadow: 0 1px 0px rgba(0,0,0,.1);
background: #71787b;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}

.searchform input {
font: normal 12px/100% Arial, Helvetica, sans-serif;
}

.searchform .searchfield {
background: #d5d5d5;
padding: 6px 6px 6px 8px;
width: 180px;
border: solid 1px #bcbbbb;
outline: none;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.searchform .searchbutton {
color: #fff;
border: solid 1px #494949;
font-size: 11px;
height: 27px;
width: 27px;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
background: #555;
background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
background: -moz-linear-gradient(top, #9e9e9e, #454545);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

Sesuaikan kode yang berwarna merah (width) dengan lebar blog Anda. Kemudian silakan mengganti kode - kode yang berhubungan dengan pewarnaan, baik menggunakan hex triplet (ex: #ff0000), color name (ex: red), RGB {ex: rgb(255, 0, 0)}, atau RGBA {ex: rgba(255, 0, 0, 0.5)}.
Kemudian letakkan kode HTML seperti yang tampak di bawah ini, di sekitar elemen header blog Anda (bisa di atas, di dalam, maupun di bawah elemen header tersebut).

<nav>
<ul id='menu-nav'>
<b:if cond='data:blog.url != "#"'>
<li><a href='#' title='Beranda'>Home</a></li>
<b:else/>
<li><a class='current' href='#' title='Anda sekarang berada di halaman Beranda'>Home</a></li>
</b:if>
<b:if cond='data:blog.url != "#"'>
<li><a href='#' title='Tentang Penulis'>About</a></li>
<b:else/>
<li><a class='current' href='#' title='Anda sekarang berada di halaman Tentang Penulis'>About</a></li>
</b:if>
<li><a href='#'>Untuk Percobaan</a>
    <ul>
    <li><a href='#'>kosong</a></li>
    <li><a href='#'>kosong</a>
        <ul>
        <li><a href='#'>kosong</a>
            <ul>
            <li><a href='#'>kosong</a></li>
            <li><a href='#'>kosong</a></li>
            </ul>
        </li>
        <li><a href='#'>kosong</a></li>
        <li><a href='#'>kosong</a></li>
        <li><a href='#'>kosong</a>
            <ul>
            <li><a href='#'>kosong</a></li>
            <li><a href='#'>kosong</a></li>
            <li><a href='#'>kosong</a></li>
            <li><a href='#'>kosong</a></li>
            </ul>
        </li>
        </ul>
    </li>
    <li><a href='#'>kosong</a></li>
    <li><a href='#'>kosong</a></li>
    </ul>
</li>
<b:if cond='data:blog.url != "#"'>
<li><a href='#' title='Daftar Isi'>Sitemap</a></li>
<b:else/>
<li><a class='current' href='#' title='Anda sekarang berada di halaman Daftar Isi'>Sitemap</a></li>
</b:if>
</ul>

<div id='search'>
<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' type='text' value=''/>
<input class='searchbutton' type='submit' value='Go'/>
</form>
</div>

</nav>

Ganti kode yang diberi tanda ‘kres’ (#) dengan alamat tautan yang Anda tuju

Mempercantik Search Buttom dengan CSS3

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 22:08:00 +0700

Hampir setiap blog mempunyai tombol search untuk mempermudah pencarian pada blog kita, tapi tampilannya masih banyak yang terkesan standart aja, kalaupun ada yang bagus masih menggunakan image untuk mendukung tampilannya.
Kali ini saya ingin membuat search buttom hanya dengan menggunakan kode CSS tanpa image sama sekali.

Untuk postingan cara membuat search pada blog dapat anda lihat pada postingan sebelumnya.

kodenya HTMLnya seperti ini :

<form action='http://#/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value='Teks kamu...'/> <input id='searchsubmit' type='submit' value='Cari'/></form>

kamu ganti kode diatas dengan kode dibawah berikut ini :

<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/>
<input class='searchbutton' type='submit' value='Go'/>
</form>

Langkah selanjutnya kamu harus membuat Kode CSS-nya biar tampilannya menjadi seperti gambar dibawah ini :

Letakkan kode berikut ini diatas ]]></b:skin> :

/*- Search -*/
.searchform {
display: inline-block;
zoom: 1; /* ie7 hack for display:inline-block */
*display: inline;
border: solid 1px #5e6366;
padding: 3px 5px;

-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;

-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
box-shadow: 0 1px 0px rgba(0,0,0,.1);

background: #71787b;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
background: #d5d5d5;
padding: 6px 6px 6px 8px;
width: 240px;
border: solid 1px #bcbbbb;
outline: none;

-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;

-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
color: #fff;
border: solid 1px #494949;
font-size: 11px;
height: 27px;
width: 27px;
text-shadow: 0 1px 1px rgba(0,0,0,.6);

-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;

background: #555;
background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
background: -moz-linear-gradient(top, #9e9e9e, #454545);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

Setalah itu coba kamu pratinjau blog kamu seperti apa tampilannya. kamu bisa merubah warnanya yang saya kasih tanda merah dengan warna yang disesuaikan dengan template blog kamu.

Selamat berkreasi......

Membuat Search dalam Blog

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 22:06:00 +0700

Fitur "search" sangat berguna untuk menemukan kata-kata kunci yang ingin dicari. Dalam blog sudah barang tentu memiliki kata kunci tertentu yang terletak dalam postingan. Coba bayangkan ketika kamu berkunjung ke suatu blog, kemudian ingin mencari kata atau frase kata tertentu untuk dibaca. Namun dalam blog tersebut tidak memiliki fasilitas search, terpaksa deh kamu mencari manual dengan membuka postingan satu per-satu. Beruntunglah yang punya blog, apabila kamu termasuk orang yang sabar. Maka dari itu fasilitas "search" sangat bermanfaat bagi kelestarian suatu blog.
Nah, dalam trik blogger kali ini, kita akan belajar bersama-sama tentang bagaimana menambahkan fasilitas "search" dalam blog. Kalau kamu jeli,
Bentuk dasar HTML untuk memunculkan fasilitas "search" adalah sebagai berikut :

<form action='http://#/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value='Teks kamu…'/> <input id='searchsubmit' type='submit' value='Cari'/></form>

Bentuknya kurang lebih seperti di bawah ini.
Kalau ingin kata "Teks kamu" dalam kotak search menghilang otomatis ketika kamu klik dalam kotak search tersebut, maka kamu perlu merombak kodenya seperti di bawah ini :

<form action='http://#/search' class='searchform' method='get'><input class='searchfield' id='q' name='q' onblur='if (this.value == "") {this.value = "Teks kamu…";}' onfocus='if (this.value == "Teks kamu…") {this.value = ""}' type='text' value='Teks kamu…'/><input class='searchbutton' type='submit' value='Cari'/></form>

Catatan :

Ganti tanda "#" yang berwarna hijau dengan alamat blog kamu.
Apabila kamu ingin agar kotak search tampil polos, hapus saja kata Teks kamu (warna merah).

Selamat membuat search dalam blog.

Link Penulis Komentar (Comments Author) Terbuka di Tab Baru

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 21:58:00 +0700

Coba buka salah satu postingan di blog kamu yang ada komentarnya. Kalau sudah klik salah satu link komentator (comments author). What happen? Tentu saja kamu akan dibawa ke halaman link komentator tersebut, namun terbuka pada tab yang sama. Kecuali kamu melakukan klik kanan dan pilih "Open link in New Tab". Nah, trik blogger yang akan OB diskusikan kali ini adalah bagaimana jika kita meng-klik link penulis komentar, maka link itu akan langsung terbuka di tab baru.

Versi demonya silakan klik salah satu link comments author di blog OB.

Sign-in ke akun blogger kamu.
Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari kode seperti di bawah ini :

<b:if cond='data:comment.authorUrl'>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.

Sisipkan target="_blank" (warna hijau) pada kode yang berwarna merah.

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

Jangan lupa disimpan.

Sekarang buka kembali salah satu posting yang ada komentarnya di blog kamu dan klik link comments author. Mudah-mudahan telah terbuka di tab baru, kalau ngga... Maka OB akan pusing dan garuk-garuk kepala sendiri.

Mengganti Fonts Pada BLOG (Google Web Fonts)

ramadhan1933@gmail.com (http://belajargaptek.blogspot.com/) — Mon, 8 Aug 2011 21:55:00 +0700

Font yang digunakan dalam blog ini berukuran 120% (setara dengan 1.2em) dan mengadopsi google web fonts yang berbasis keluarga ‘serif’ (font:120% 'Crimson Text', georgia, serif;). Sedangkan pada title blog digunakan google web fonts tangerine, masih termasuk juga ke dalam keluarga ‘serif’.
Dalam template blogspot, google web fonts otomatis dapat di load melalui Rancangan (Design)→“Perancang Template” (baca posting: Font untuk Template Blogger). Untuk dapat menggunakan fitur ini, template blog Anda harus memiliki elemen variable definitions, contoh:

   <Variable name="bodyfont" description="Body Text Font"
             type="font" default="normal normal 80% Georgia, Serif" value="normal normal 80% Georgia, Serif">
   <Variable name="outerfont" description="Outer Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

Bagaimana jika tanpa variable definitions?
Silakan kunjungi WebFont Loader di Google Font API (Application Programming Interface) untuk mengetahui keterangan selengkapnya. Selanjutnya, masukkan script berikut di atas </head>.

<script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'Tangerine', 'Cantarell' ] }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
            '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })();
    </script>

Ganti kode script yang berwarna merah dengan google web fonts yang Anda gunakan.
Kemudian tambahkan CSS (Cascading Style Sheet) seperti yang tampak di bawah ini, bermanfaat apabila koneksi sedang ‘lemot’. Letakkan di atas ]]></b:skin>.

      .wf-loading p {
        font-family: serif;
      }
      .wf-inactive p {
        font-family: serif;
      }
      .wf-active p {
        font-family: 'Tangerine', serif;
      }
      .wf-loading p {
        font-family: serif;
        font-size: 16px;
      }
      .wf-inactive h1 {
        font-family: serif;
        font-size: 16px;
      }
      .wf-active h1 {
        font-family: 'Cantarell', serif;
        font-size: 16px;
      }

Ganti kode yang berwarna merah dengan google web fonts yang Anda gunakan.
Jika script tidak aktif (koneksi ‘lemot’) maka akan ditampilkan font ‘serif’ dengan ukuran 16px.

Anda pun dapat mengganti nilai dari CSS tersebut, sesuai dengan keinginan Anda.