NewbieLabs adalah tempat untuk belajar, bukan untuk menggurui, jadi kita sama-sama berdiskusi disini, jika ada yang bingung silahkan ditanyakan, jika saya bisa jawab akan saya jawab, jika tidak silahkan teman-teman yang lain yang sekiranya tahu untuk membantu menjawab.

Semua tutorial disini diusahakan akan disertai gambar agar lebih jelas dan yang terpenting situs ini menggunakan bahasa indonesia/melayu, jadi buat kalian yang belum begitu paham bahasa inggris tidak perlu khawatir, kalian tetap bisa belajar disini.

Jika ada yang ingin menjadi kontributor (memposting tutorial atau tips dan trik sekitar blogger, css, html, javascript ataupun wordpress) silahkan tinggalkan komentar di Shoutbox

Mohon maaf jika kualitas gambar tidak begitu bagus, ini dikarenakan agar web dapat terbuka dengan cepat, namun tetap bermanfaat dengan gambar yang bisa membantu, dan jika dirasa gambar terlalu kecil, coba klik gambar tersebut untuk melihat lebih jelas...

Koleksi NewbieLabs

Hitung Kata


Tuesday, September 16, 2008

Membuat "Read More" Di Blogger

Author : Belajar Blogger (newbielabs.blogspot.com)

Membuat blog kalian lebih mirip lagi dengan wordpress dengan adanya tambahan link READ MORE di blog kalian? kira2 bisa ngga sih ? ahh.. masalah mudah itu, kalian dengan mudah dapat menambahkan READ MORE di blog kalian, sehingga tulisan kalian yang panjang bisa dipotong di halaman depan, dan bisa dibaca kelanjutannya di halaman tersendiri...

Caranya, okey deh kita mulai..

Pertama-tama yang kalian lakukan adalah masuk kehalaman admin area kalian dan masuk ke bagian tata letak. setelah berada disana, kalian pilih sub menu edit html, nah gimana sampai disini dah paham ? hmmm masih bingung ya, ya udah deh dikasih picture tutorialnya yah..


  • Masuk ke admin area, dan cari bagian tata letak setelah itu pilih menu edit html

  • Setelah itu centang kolom disamping tulisan expand template widget

  • Kemudian cari code </head>, nah kalian masukan code dibawah ini TEPAT sebelum code </head> tersebut.

  • <style>
    <b:if cond='data:blog.pageType == "item"'>

    span.fullpost {display:inline;}
    <b:else/>
    span.fullpost {display:none;}
    </b:if>
    </style>

  • Setelah itu cari lagi code ini <p><data:post.body/></p> setelah kalian menemukannya tambahkan code dibawah ini TEPAT dibawah code yang ada diatas.

    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>

  • Nah tinggal disave deh, sekarang yang perlu kalian lakukan setiap kali mengisi berita/artikel di blog kalian, cukup masukan code <span class="fullpost"> dan </span>, jika belum paham maksudnya, gini low contohnya...
isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu <span class="fullpost"> isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu </span>
nah nanti yang akan terlihat dihalaman utama adalah
isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu

Read More....
Nah isi lengkap artikel kamu baru akan terbuka setelah pengunjung mengklik tulisan Read More.. tersebut...

Ok deh akhirul kata, selamat mencoba...

Read More..

Monday, September 15, 2008

Membuat Form Search Di Blogspot

Author : Belajar Blogger (newbielabs.blogspot.com)

Punya blog tapi ga ada fasilitas mesin pencarinya malu donk, nah tapi kalo sekarang ga perlu malu lagi, kalian sekarang bisa pasang search form sendiri di blog kalian, caranya gimana ? Sangat mudah koq, cukup kalian ikuti langkah2 dibawah ini.

  1. Login ke halaman admin area blog kamu
  2. Masuk ke bagian Tata Letak kemudian pilih elemen halaman (jika blog kamu masih berbahasa inggris, ubah dulu ke bahasa indonesia, caranya? Coba lihat disini)
  3. Klik di bagian tambah elemen halaman
  4. Pilih html/javascript
  5. Masukan code dibawah ini dan save.
<p><form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" type="text"/>
<input id="search-btn" value="Cari" type="submit"/>
</form></p>


Dan sekarang kalian sudah mempunyai search form sendiri, hasil dari search form ini akan muncul di halaman utama blog kalian, jadi benar-benar search form yang sesungguhnya hehehe, kalo mo liat demonya, tuh di pojok kanan atas dibawah Profiles hehehehe

selamat berkreasi...

Read More..

Sunday, September 14, 2008

Melihat Private Photos Friendster Tanpa Repot

Author : Belajar Blogger (newbielabs.blogspot.com)

NOT WORK ANYMORE !!!

Barusan iseng2 browsing, eh nemu sesuatu yang asik punya nih, kalian tau donk FS, iya lah sapa si yang ga tau situs sosial networking ini, nah kalian juga pasti tau kalo di FS tu ada fasilitas untuk upload foto, nah upload foto juga dibagi lagi menjadi dua.

  1. public photos, foto yang kalian upload bisa dilihat oleh semua pengunjung
  2. private photos, foto yang kalian upload hanya bisa dilihat teman2 kalian yang telah mendapat ijin terlebih dahulu dari kalian si empunya foto.
Nah tapi sekarang private photos juga bisa dilihat low, biarpun tanpa ijin hihihi (jahil mode ON), caranya cukup mudah, ga perlu repot buka source code, copy ini paste ini, tambah ini tambah itu, cukup UID masukan form, enter dan private photos terbuka hihihi.

Gini nih misal ambil contoh FS teman kalian http://profiles.friendster.com/1111111 (note: cm sample, ini FS fiktif), nah yang kalian butuhin hanya nomor yang ada dibelakang itu, nomor dibelakang itu dinamakan UID, UID tiap2 FS berbeda2 satu dengan yang lain tidak ada yang sama ! ok anggap kalian sudah mempunyai UID teman kalian itu, sekarang coba kalian maen ke situs ini.

XXXXXXX
(honestly i dont know the owner of this site, tapi aku bener2 makasih banget ada fasilitas seperti ini hehehe)

Nah yang perlu kalian lakukan adalah memasukan UID target ke dalam kolom yang telah disediakan nanti akan muncul daftar album milik target, kalo ada yang private, yang keluar adalah gambar gembok (persis seperti yang ada di FS) bedanya, kalo kalian klik gambar gembok di FS, maka akan muncul form permintaan ijin, nah kalo disini daftar gambarnya akan langsung muncul hihihih gimana mantaf kan !!

Trus muncul deh masalah, di FS kan ada tu yang alamat FSnya jadi kaya gini http://profiles.friendster.com/co_paling_keren_ya_gue, nah gimana tu liat UIDnya ?

Jawabannya gampang bin simple, cukup kalian klik kanan di bagian Send Message letaknya biasanya dibawah foto, kalian klik kanan trus pilih copy link location (kalo di firefox), ato copy shortcut (kalo di IE), trus paste di notepad, nanti kalian akan liat link semacam ini http://www.friendster.com/sendmessage.php?uid=111111 nah tuh UIDnya keliatan hehehe, tinggal ikutin deh cara diatas. sukses ya....

Tapi ya berhubung itu fasilitas gratis, yang make bejibun banyaknya, jadi kalo rada lag lag ya bersabar yah hehehe

Read More..

Wednesday, September 10, 2008

Vote For New 7 Wonders

Author : Belajar Blogger (newbielabs.blogspot.com)

Akan ada pemilihan 7 keajaiban dunia baru, Indonesiapun sudah mengusulkan sedikitnya 3 tempat antara lain :

  1. Komodo National Park
  2. Krakatau, Volcanic Islands
  3. Lake Toba
Nah buat kalian yang merasa orang Indonesia, bantu donk vote ketiga tempat tersebut, biar nama Indonesia lebih terangkat lagi, data terakhir (11 september 2008) ketiga tempat tsb masih di urutan 50 kebawah.

Voting akan ditutup pada bulan july 2009, jadi ayo ajak semua orang untuk bantu ngevote ke tiga tempat tersebut.

VOTE NOW

ps : dinegara lain pemerintah bahkan kabarnya memberikan koneksi internet gratis hanya untuk menggiatkan para warganya untuk memvote..

Read More..

Monday, September 8, 2008

Membuat Iklan Baris Dengan Blogspot

Author : Belajar Blogger (newbielabs.blogspot.com)

Pada tau kan sekarang ini yang namanya iklan baris online di internet mulai menjamur, entah itu menggunakan media wordpress sebagai enginenya, maupun script yang coding sendiri mulai dari awal sampai the end.

Rada tergelitik juga pengen coba2, apa iya blogger bisa dijadikan media iklan baris online, nah dengan sedikit coba coba barusan (cuman makan waktu 10 menitan) jadi deh sebuah iklan baris berbasis blogspot, yang sama2 serba otomatis, jadi begitu posting langsung nongol, tapi ya masih sederhana banget si, kaga ada kategorinya, jadi yah simple2 aja dah istilahnya. Yang penting kaga dibikin tempat nyepam, soalnya dah ada captcha imagenya. dan juga copy an dari iklan tersebut juga bisa dikirim masuk ke email kita, PLUS karena make blogspot so pasti dah SEO FRIENDLY donk hehe..

Buat yang penasaran pengen liat gimana hasilnya coba cek di http://mediapromosiiklan.blogspot.com, tapi ingat ini cuma test blog, jadi sewaktu2 bisa aja aku apus hehehehe, selamat menikmati..

ps : abis sakit nie, 3 hari kaga masuk kerja, mo internetan jg males bgt, badan rasanya kaga enak..

Read More..

Thursday, September 4, 2008

Mendeteksi Teman Yang Invisible Di YM

Author : Belajar Blogger (newbielabs.blogspot.com)

Yah lagi2 baru posting, sori dah abis dah mulai gawe, apalagi ni kerjaan mulai berangkat jam 7 pagi balik jam 6 sore, jadi ya rada susah buat onlen.

Tapi alhamdullilah kemaren gaji pertama lumayan, jadi bisa buat modal masang speedy, nah jadi sekarang bisa onlen tiap ari, tapi ya itu karena balik jam 6 sore, onlen paling bisanya jam 7an malem, sekedar update ni blog kesayangan atawa chat ame tmen2 hehehe.

Okeh udah deh basa basinya, ni ada tips sedikit buat kalian yang (lagi2..) demen YM, pernah ga si karena kalian pengen onlen tapi ga ingin smua tmen kalian tau, trus onlen make status invisible biar status kalian di YM tmen kalian tetep offline padahal kalian lagi onlen, nah kalian pasti mikir tu trik aman dan bisa chat ma tmen yang kalian pilih aja kan? jangan salah sekarang status invisible tu dah ga aman lagi, ada beberapa cara agar tmen2 kita yang invisible bisa ketauan.

Salah satu caranya yaitu dengan menggunakan fasilitas dari web ini, namanya, www.invisible.ir di web ini yang perlu kalian lakukan sangat gampang

  1. buka www.invisible.ir
  2. masukan ID yahoo tmen kalian yang sedang onlen (dan kalian anggap dia cuma hidden)
  3. tekan ENTER
  4. tunggu deh
Kalo memang dia hidden ato memang offline bakalan ketahuan, nah jadi sekarang jangan merasa aman yah karena kalian masi bisa di cek dengan invisible.ir hehehe...

ps : masih ada cara lain untuk mendeteksi teman yang sedang hidden, pensaran, tunggu artikel berikutnya yah...

Read More..

Wednesday, August 13, 2008

YM Hidden Emoticons / Smillies Tersembunyi

Author : Belajar Blogger (newbielabs.blogspot.com)

buat yang seneng chatting dan penasaran gmn sih temen temen kalian bisa munculin smilies lucu lucu di yahoo messenger mereka, caranya sebenarnya gampang, tinggal ketik aja code codenya, nah yang pusing kan code codenya kita kaga paham, nah disini aku coba kasi daftar code2nya, tinggal kalian ketik deh di YM kalian...

puppy dog eyes - New! :o3 puppy dog eyes - New! praying [-O< praying
I don't know - New! :-?? I don’t know - New! money eyes $-) money eyes
not listening %-( not listening whistling :-" whistling
pig :@) pig feeling beat up b-( feeling beat up
cow 3:-O cow peace sign :)>- peace sign
monkey :(|) monkey shame on you [-X shame on you
chicken ~:> chicken dancing \:D/ dancing
rose @};- rose bring it on >:/ bring it on
good luck %%- good luck hee hee ;)) hee hee
flag **== flag chatterbox :-@ chatterbox
pumpkin (~~) pumpkin not worthy ^:)^ not worthy
coffee ~O) coffee oh go on :-j oh go on
idea *-:) idea star (*) star
skull 8-X skull hiro o-> hiro
bug =:) bug billy o=> billy
alien >-) alien april o-+ april
frustrated :-L frustrated yin yang (%) yin yang

Read More..