Public Health Blogs

Live story si Mpunya "Play Boy"

2009-05-10T22:56:00.000-07:00

Kapanlagi.com - Jumat, Mei 8

Sebentar lagi kisah hidup pendiri majalah Playboy, Hugh Hefner akan difilmkan dan yang bakalan mendapat kehormatan memerankan Hefner adalah Robert Downey Jr. Hefner sendiri telah menyetujui proyek ini dan bahkan merasa bangga dirinya diperankan aktor sekelas Downey Jr.

Hugh Hefner terlahir 83 tahun lalu di Chicago. Ia sempat menjadi tentara sebelum akhirnya bekerja pada majalah Esquire. Tahun 1952, Hefner mundur dari jabatannya sebagai copywriter dan mulai mendirikan majalah Playboy yang saat itu bernama Stag Magazine. Hefner berhasil mengumpulkan US$8 ribu dari berbagai investor, termasuk ibunya sendiri, untuk memulai bisnis ini.

"Film panas" Wulan Guritno

2009-05-10T22:35:00.000-07:00

"Bukan gue tapi malah gue yang repot. Beredar di internet jadi heboh, itu bukan gue sama sekali," kata Wulan di Takigawa Resto di daerah Panglima Polim, Jaksel, Minggu (10/05) siang sekitar pukul 12 tadi.

"Yang jelas itu bukan aku. Itu adalah perempuan bule yang berumur sekitar 30 tahun ke atas. Ini merupakan video profesional yang dikasih nama aku. Itu karena raut wajahnya hampir mirip ama aku. Yang bikin aku sedih, kalian padahal tahu itu bukan aku, tapi masih saja beritanya dinaikin. Udah gitu nayanginnya setengah dan di-blur. Coba ditayangin full, orang pasti tahu itu bukan Wulan," tutur Wulan panjang lebar.

Gila!! buaya 6 m telen nenek2 bulat2

2009-05-10T21:38:00.001-07:00

Kompas - Minggu, Mei 10

BONTANG, KOMPAS.com - Buaya Sungai Santan kembali menerkam manusia. Kali ini kejadian nahas itu menimpa Masjan, 55, yang tengah mandi di belakang rumahnya di RT 01 Desa Santan Ulu Kecamatan Marangkayu Kabupaten Kutai Kartanegara, Jumat (7/5) sekitar pukul 18.00 Wita.

"Dia sudah diperingatkan oleh suaminya untuk tidak mandi karena sudah hampir maghrib," ujar Wahdian, petugas Perlindungan Masyarakat (Linmas) Desa Santan Ulu Kecamatan Marangkayu yang dikonfirmasi, Sabtu (9/5) malam ini.

Pencarian yang melibatkan sekitar lima puluh warga dan petugas Linmas Desa Santan Ulu kemudian dilanjutkan pagi hari menggunakan tiga perahu.

"Akhirnya kami menemukan serpihan organ tubuh korban, diantaranya otak, rambut, perut dan hati. Yang lainnya belum bisa kami temukan," katanya.

Dapet duit dari YAHOO

2009-05-10T06:42:00.000-07:00

Terbaru dari Buat yang suka searching di internet, silahkan gabung dengan interADmedia. Disini, setiap kali kita online di website tersebut, dan melakukan pencarian paling sedikit 1x setiap 5 menit, maka akan mendapat $0.01.

Misalkan dalam 1 hari kita online di website tersebut selama 3 jam, maka kita akan mendapatkan :
Per 1 hari = $0.01 x 180 menit = $1.8
Per 1 bulan = $1.8 x 30hari = $54

Belum lagi, ditambahkan dengan 10% dari penghasilan referral. Silahkan MENDAFTAR DISINI.

Berikut ketentuan-ketentuan lainnya :Bagaimana cara mendapatkan uang?

Kita mendapatkan uang dengan menggunakan melakukan pencarian di website interADmedia. interADmedia membayar $ 0,01 untuk setiap menit kita aktif melakukan pencarian melalui website tersebut.
Bagaimana kita dibayar?
Semua pembayaran dilakukan melalui Paypal.
Berapa saldo minimal untuk cashout?
Kita dapat meminta cashout dengan saldo minimum sebesar $ 25 atau lebih.
Berapa banyak perolehan dari referral?
Kita akan mendapatkan 10% dari penghasilan referral.

Selamat Mencoba Sobat :) salam Dasyat!!!

Supiah Sakti Tapi Pura-pura Stres

2009-05-09T10:35:00.000-07:00

Nenek Supiah (65), ditemukan duduk mengambang di atas permukaan air laut Grajagan.

Paranormal Banyuwangi mengaku meski sosok Supiah, nenek yang ditemukan duduk mengambang di atas permukaan air dianggap stres di lingkungan rumahnya, justru sosoknya menyamar untuk menutupi keampuhan yang dimilikinya.

>>Siapa nenek supiah ?

Hantu atau efek dekorasi panggung ???

2009-05-09T02:32:00.000-07:00

Ada hantu kuntilanak di konser D'masiv?? masa sih??apa iya...ih sereemm!!!

Bagaimana dengan opini kamu tentang peristiwa ini?

My opinion for this case...

coba kita lihat baik-baik videonya sekali lagi. Di video itu terlihat 2 bayangan kuntilanak, ada yang berukuran besar dan yang satunya lagi berukuran kecil (kaya poster ma patung gitu). Mungkin penampakkan itu akibat efek pencahayaan plus dari dekor panggungnya atau pengambilan gambar lewat handphone. emm.... ato mungkin dekornya waktu itu rencananya mau dikasih penari latar tapi belum ada yang pada datang terus dikasih dah tuh patung cewe..hehe. ak sih ngga percaya sama begituan coz dilatih ortu untuk g takut ma yang "begituan". nih ada tips buat kamu biar ga takut ma "begituan":

1. sering pergi ke tempat yang sepi sendirian dimalam hari yang gelap gulita (g da lampu sama sekali).

2. sering nonton film horor sebanyak mungkin biar kita kenal tuh ma setan2 indonesia atau setan2 luar negeri.

eh becanda tapi...?g becanda juga ma tips yang diatas itu. tapi yang jelas semua orang pasti punya iman (percaya sama Allah SWT) dan cuma Allah SWT yang patut kita takuti...kalo kita dah percaya banget Insya Allah g takut banget ma "begituan".

yang bikin kita takut tuh karena pengalaman empiris kita dah parno banget ma yang "begituan". contohnya waktu kecil sering ditakut2in ma temen2 kita parahnya lagi ma ortunya kita..kwkwkw..trus lagi, daya khayal atau daya imajinasi kita ma bentuk2 "begituan" kalo lewat ditempat yang gelap, sepi, sendirian, becek lagi...sebenarnya kita yang membuat bentuk itu ada coba kamu menghayal artis favorit kamu, pastinya g bakalan takut kan..jelaz,,,otomatis..hehe. coba lawan atau tantang penampakan "dia" waktu kamu lewat ditempat yang gelap, yakin bahwa ada yang Maha di dalam hati kamu...semuanya dianggap kecil...PASTI KAMU G BAKALAN TAKUT....sekian tips dan triks mengusir penampakan Si "dia" hehehe. pacar juga bisa kalo lagi marahan..kwkwkw

untuk videonya selengkapnya klik disini

Nb: Klik Skip This Message--> jika ingin langsung nonton ke videonya

Uji kemampuan Excel 2007 & get sertifikat

2009-05-09T00:17:00.000-07:00

Berita gembira ! ketika zaman masih membutuhkan sebuah formalitas, ketika persyaratan masuk dunia kerja masih membutuhkan “bukti” hitam diatas putih, maka berita ini sungguh sangat menyenangkan. Ya iyalah gratisan…. Tes Office 2007 lengkap klo yang Mpunya dah nyediain coz kemaren2 baru Excel 2007 aja. langsung aja berangkat
Buat teman-teman yang ngaku jago ama Office 2007 dan yang mau nglamar kerja n “eman-eman” alias berat banget buat ngeluarin duit atau ga punya duit, bisa ikutan tes ini 100% gratis + dapat sertifikatnya. Dan pastinya diakuin dalam taraf nasional atau local. Oh iya sertifikatnya bentuknya digital, tesnya online jadi ga usah nyontek kalo mo tau seberapa kemampuan kamu itu. Tapi kalo cepet2 buat kerja n harus ada buktinya kamu boleh nyontek dah..hiks tapi jangan ding ntar ga halal, tapi klo dah ngerjain sendiri tapi masih g percaya kamu tes aja langsungdidepan orangnya tuh. Kamu langsung aja uji kesaktian kamu disini…kabari aku ya nilainya berapa?  semoga sukses ya sobat…

OPERA 9.5 KALAHKAN FIREFOX 3

2009-05-09T00:11:00.000-07:00

Setelah Mozilla memutuskan untuk mengoptimalkan perfoma Java Script dan menggunakan teknik yang disebut Profile-Guided Optimization (PGO) yang memberikan peningkatan kecepatan signifikan pada Firefox 3.
Opera kemudian memutuskan untuk mengikuti jejak Mozila dengan mengaktifkan fitur PGO dengan dirilisnya Opera 9.5. Dengan teknik ini, Opera di-compile dua kali.
Kompilasi pertama menciptakan instrument khusus yang mengumpulkan berbagai statistik mengenai bagaimana kode dibuat dan variable apa saja yang digunakan.
Sayangnya, terdapat beberapa bug pada Opera 9.5 yang gagal pada saat tes Sunspider. Tetapi pada saat tes Moo Tools Slick Speed yang merupakan bagian dari JavaScript benchmarking tool membuktikan Opera 9.5 jauh lebih unggul dari Firefox 3.

CELAH BERBAHAYA SOFWARE OPEN SOURCE

2009-05-08T23:41:00.000-07:00

Sangat mengejutkan, sebuah celah berbahaya dengan dampak yang sangat besar telah ditemukan di open source key generation. Termasuk varian Linux Debian dan Ubuntu.

Mungkin sobat semua sering mendengar dari sana–sini tentang lemahnya keamanan Microsoft dengan embel-embel OS Windows gampang kena virus dan pengikut-pengikutnya sehingga banyak yang membangga-banggakan OS open source seperti Linux dan Ubuntu. Katanya sih,nih katanya temen gue, kalau OS Windows rentan ama virus, kalau kita ketinggalan ngapdate antivirus tunggu aja tanggal mainnya cos musuhnya (virus etc.) Windows banyak banget dan katanya lagi nih, kalau OS linux atau Ubuntu itukan sedikit musuhnya jadi kita aman dari serangan virus. Otomatis banyak orang yang beralih ke OS open source untuk jaga2 atau ambil amannya (kaya PNS aja).

Tetapi lama-lama ini (cos infonya ga up 2 date) bahkan telah digelar konferensi hacker yang menunjukkan betapa lemahnya sistem keamanan Mac OS X, terlepas dari lambatnya patch yang dirilis oleh apple. OS Mac dibajak hanya dalam waktu 10 menit, dan disaat yang sama Linux dan Windows ternyata lebih aman dari Mac.

Saat ini, para peneliti keamanan telah menemukan celah keamanan berbahaya yang digunakan diberbagai program keamanan Linux. Celah ini sebenarnya telah dideteksi sejak tahun 2006 ketika para programmer open source tanpa sengaja menemukan kesalahan pada kode dasar Linux. Kesalahan pemrogaman diprediksi oleh geerated program keys yang diciptakan oleh OpenSSL library.
Seorang hacker, H.D. Moore dari proyek Metaspoloit telah merilis sebuah “mainan” sobat, Gila! Cuma mainan tetapi bisa membantu para hacker menjebol sistem keamanan Linux dan Ubuntu. Situs Moore memberikan daftar key yang belum dikalkulasi berdasarkan celah pada Linux, agar para hacker dapat dengan mudah mengidentifikasi sistem yang tidak aman.
Sayangnya, memperbaiki clah pada Linix tidak semudah memperbaiki kelemahan buffer over flow.
Jadi kesimpulannya apa sobat? Mungkin ada istilah kalau Os windows gampang sakit-sakitan tapi dia bisa sembuh tapi kalo OS open source yang gagah sekali pukul langsung modar…T_T maybe, kali lho.

Tarakan travel guide "Wisata SEO Sadau"

2009-05-08T07:14:00.000-07:00

Tarakan is a town on an island of the same name in East Kalimantan. 100km south of Nunukan, it also serves as a visa-free border-crossing between Indonesia and the Malaysia town of Tawau in Sabah.To/from Tawau: One departure daily except on Sunday from Tawau. M.V. Indomaya sails every Monday, Wednesday and Friday at 11.30am, while M.V. TawindoM.V Labuan Express departs every Tuesday, Thursday and Saturday at 10.30am. Tickets cost RM130 to RM140 (depending on which ferry you get on) one-way and travelling time is 4 hours (and thats not counting the usual 1 hour delay in departure time).

Be prepared to pay porters to haul your bags for you. On the Malaysian side, RM10 should be sufficient, on the Indonesian side about 20,000-30,000 rupiah for a couple suitcases. In Tawau, the ferry docks at the Customs jetty behind the fish market. In Tawau, the ferry docks at Tengkayu port, which is close to the city center. The jetty, in this case, is a very long walk to the customs/immigration building. The minute the ferry docks (at either port), a crowd of porters will jump on board and hustle to grab your bags.

Alternative travel : A less mind numbing way of travel to Tarakan is to take the ferry service which plies a few times a day between Nunukan and Tawau, and a twice daily flight that goes between Nunukan and Tarakan. To get into Tawau this way, take the 11AM ferry (which usually waits to depart until it's full, which can mean it leaves at noon) from Tawau to Nunukan. The Labuan Express is the best option because it is just plain cleaner than the other ferries. The journey will take 45 minutes to an hour and it costs 40 Ringgit. After getting through Indonesian immigration, catch a minibus (RP 20,000 to charter the whole thing, and be prepared to bargain) to the airport which is a mere 15 minutes drive. There's a Kalstar plane (French ATR propellor plane which can seat 50 people) that arrives at 1:30pm to 2:00pm and you can catch that to Tarakan. Its RP 250,000 for that ticket which you can purchase at the airport. Oh, and there's some other tax of RP 8,000 too. The journey takes less than 15 minutes.

Of course you can travel to Tarakan from the Indonesian side (mainly going through the oil city of Balikpapan). From Balikpapan there are three to four flights daily except Sundays. By the way, if you do choose to go through Balikpapan airport, try the "Nasi Sop Buntut" at the Blue Sky restaurant on the second floor of the airport. Right beside the viewing gallery. Excellent stuff. Probably the best in Kalimantan ...

Tragedi Hilangnya Blog di Blogger

2009-05-08T03:42:00.000-07:00

Akhirnya kembali juga blog yg kusayangi ini. Setelah sekitar 2 hari lenyap dari dunia internet kini telah exist kembali, walopun belum pilih seutuhnya. Uuuuuh senengnya... :z
Ternyata bener-bener mengerikan jika blog yang kita buat, yang telah menghabiskan isi kantong dan juga waktu kita berbulan-bulan ato bahkan ada yg bertahun-tahun, tiba-tiba harus lenyap dalam sekejap karena dicurigai mengandung "malware". apa itu "malware"? malware (Malicious Software) adalah sebuah program yang pada umumnya diciptakan untuk membobol atau merusak suatu software atau sistem operasi. Nha dalam kasus kali ini, malware tersebut biasanya mendompleng pada sebuah ads/iklan, widget atau template.

Setelah aku cari info kesana kemari ternyata akhir-akhir ini banyak sekali bloger yang kehilangan blognya. Mereka semua juga langsung kelabakan begitu mengetahui bahwa blognya hilang, tidak bisa dibuka sama sekalli, dan ketika dibuka di browser yang yg muncul adalah pesan "Sory, the blog at xxxx.blogspot.com has been removed. This address is not available for new blogs."

Bener-bener membuat jantungan jika kita membuka blog kita dan yang muncul adalah pesan tersebut. Ditambah lagi ketika kita login dan melihat dalam dashboard kita kosong isinya, blog-blog yang kita buat lenyap semuanya. Dalam kasus ini aku mencurigai beberapa tersangaka yang diangal google sebagai malware, jadai hati2 jika rekan-rekan bloger bekerjasama dengan beberapa ads/tersangka dibawah ini :

- Tersangka Utama : Popuptraffic.com (salah satu program earning yang memunculkan popup)
- Tersangka Kedua : pay-ads.com (salah satu program banner CPM)
- Tersangka Ketiga : blueadvertise.com (sama seperti pay-ads)

Mungkin dari ketiga tersangka yang aku curigai tersebut ada yang tidak bersalah, aku masih belum tahu pasti yg mana dari ketiganya yang bener-bener bersalah, tapi berdasarkan pengalamanku aku memasang beberapa program tersebut dalam blogku. Jadi bagi bagi-rekan-rekan bloger yang ikut atopun akan ikut dalam program tersebut harap berhati-hati, alih-alih bukanya dolar yang didapat tapi malah kehilangan semua blog yg dimiliki.

Trus apa yang akan kita kita lakukan jika kita mengalami kejadian tersebut, kalo berdasarkan pengalamanku aba beberepa hal yang bisa kamu lakukan yaitu:

1. Hubungi blogger melalui "contact us blogger" mengenai hal ini

2. Masuk ke "Blogger Help Group", ungkapkan permasalahanmu disana karena disana banyak sekali terdapat para bloger yang mengalami kasus yang sama, dan disana ada juga karyawan blogger yang bisa mengatasi masalha kita.

Pada awalnya aku minta semua blogku dikembalikan tapi masih belum ada respon, kemudian aku minta beberapa blog utamaku aja yang dikembalikan dna teryata berhasil, tidak sampe satu hari blog yang aku minta untuk dikembalikan sudah ada dalam dashboardku . Kalo kemarin aku minta sama Mr. Gatsby (nama salah satu karyawan blogger) untuk mengembalikan blogku. aku dikasih tahu penyebabnya ama Mr. Gatsby ini dan juga dikasih solusinya. aku disuruh membersihkan blogku dari malware2 yang menempel, jika sudah aku disuruh melaporkan kembali blog yg sudah bersih dari malware tersebut. Jadi walopun blogku sekarang sudah exist lagi tapi keadaanya masih belum pulih total, alias masih dalam pengawasan blogger dan masih menunggu blogku direview dan dinyatakan bebas dari malware.
Jadi mohon maaf bagi para pengunjung, untuk saat ini yang bisa masuk untuk membaca artikel-artikel selain dihalaman utama hanyalah yang memiliki account di blogger dan dalam keadaan "login".

Oh ya aku ada beberapa tips supaya tidak mengalami atau setidaknya mengurangi resiko yang lebih parah dari hal yang semacam ini:

1. Jika kamu membuat banyak blog sebaiknya tidak dalam satu account karena dalam kasus seperti ini, bukan hanya satu blog yang mengandung malware aja yang akan diremove blogger tapi semua blog yang ada dalma satu account tersebut.
2. Hati dalam memilih iklan-iklan earning, alih-alih bukanya dolar yang didapat tapi malah kehilangan blog.
3. Hmmm... :t gitu aja deh tipsnya :D

Artikel yang berhubungan :

Cara Membackup Blog

Kode-kode Warna

2009-05-08T03:38:00.000-07:00

Di dalam dunia web/blog, warna itu sangat penting dan sangat berpengaruh terhadap penampilan web/blog. Warna-warna biasanya digunakan untuk background, text, links, table dll. Kalo kombinasi warna pada web/blog kita tidak sesuai, atau tidak enak dipandang mata mata, maka hal itu akan membuat pengungjung web/blog kita menjadi kurang nyaman, dan kemungkinan akan malas untuk mengunjungi blog kita lagi. Tapi karena untuk untuk membuat warna-warna ini harus menggunakan kode-kode warna, maka bagi yang tidak begitu mahir tentang html akan kesulitan untuk mendapatkan kode-kode warna ini.

Nha oleh karena itulah dibawah ini telah Mr.Kendhin buat Chart HTML Kode Warna bagi yang tidak tahu atau bagi yg pingin tahu kode-kode warna. Cara penggunaannya cukup mudah, km tinggal klik warna yang kamu pilih, maka kode warnanya akan tampil di kotak "kode warna:". Ok silahkan dicoba.

Tarakan travel guide "Wisata SEO Sadau"

2009-05-05T04:21:00.001-07:00

Dasar Dasar HTML (ngutak atik disini)

2009-05-02T22:32:00.002-07:00

Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok marikita mulai pelajaranya :

* CARA MEMASUKKAN GAMBAR
kode :
<img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90">
keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
hasil :

* CARA MEMBUAT LINK
Kode :
<a href="http://kesmasunsoed.blogspot.com" >trik blog </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href="http://kesmasunsoed.blogspot.com" target="_blank"><img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://trik-tips.blogspot.com"
Hasil :
trik blog (dibuka pada window yg sama)
(dibuka pada window baru)

* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center>
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

* CARA MEMBUAT BARIS BARU
Kode :
<br>
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b>
<i>text</i>
<u>text</u>
Hasil :
Tebal
Miring
Garis Bawah

* MEMBERI WARNA TEXT
<font color="#FF0000"> text </font>
<font color="red"> text </font>
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru

* KODE-KODE WARNA

Warna	Kode
	#000000
	#999999
	#FFFFFF
	#FF0000
	#00FF00
	#0000FF
	#FFFF00
	#00FFFF
	#FF00FF
	#9900FF
	#FF6600

Kode2 warna selengkapnya bisa dilihat DISINI

* PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :

Karakter	Kode
>	>
<	<
&	&
"	"
(spasi)

Melihat Statistik Blog Kita

2009-05-02T22:28:00.007-07:00

Di episode yang dulu pernah saya ulas mengenai Google Analytic, yaitu salah satu penyedia layanan yang akan mendata statistik blog kita. Nha kini aku nemu yang baru lagi nih, yang ini lebih mudah dan lebih simpel, layanan ini namanya shinystat. Apa aja yang dimiliki layanan ini dan apa kelebihannya dibanding google analytics?
Layanan yang diberikan shinystat diantaranya yaitu:
1. Kamu bisa mengetahui berapa banyak pengunjung yang sedang melihat blogmu saat ini.
2. Bisa mengetahui berapa banyak pungunjung yang datang tiap harinya dan juga berapa total pengunjung yang mampir di web/blogmu.
3. Bisa mengetahui para pengunjung kamu itu datangnya lewat mana, maksudnya lewat search engine atau lewat blog orang lain atau leangsung datang mak pedunduk ke blogmu. itu semua juga ada statistiknya lho.

4. Kalo datangnya lewat search engine, kita bisa tahu kata kunci (keyword apa yang diketikkan sehingga dia bisa nyasar ke blog kamu.
5. Bisa mengetahui pengunjung blog kamu itu datang dari negara mana aja.
6. Informasinya up-to-date, jadi kapan aja bisa berubah, tidak seperti di google analytics yang informasinya baru bisa diketahui sahari kemudian.
7. Ada banyak pilihan gambar yang bisa kamu pasang di blog kamu. contohnya kayak gini nih:

8. Dan lain-lain, lihat aja sendiri deh kesitusnya ya.

Nha kalo pengen langsung daftar aja ke situsnya ini http://s5.shinystat.com/en. cara daftarnya gampang dan gratis, tinggal isi formulirnya terus login terus setting dan pilih-pilih terus ambil kode yang diberikan terus pasang di blog kamu, jadi deh.

Melacak Jejak Pengunjung Blog Dengan Google Analytics

2009-05-02T22:16:00.000-07:00

Bagi sebagian pemilik blog, mungkin terramat suangat uingin swekali mengetahui data-data dari para pengunjung blognya. Hal tersebut dijuntukkan dengan adanya bermacam-macam pernak-pernik yang ada di blognya, seperti misalnya "Hit Counter", "Site Track Meter", "Alat pendeteksi jumlah pengunjung", "Alat pendeteksi Tsunami (eh, yg ini nggak deng)", dll. Nah buat kamu yang termasuk kedalam golongan umat ini, ada sebuah layanan masyarakat dari Pak Dhe "Google", namanya Google Analytics. Bagi yang sering bergentayangan di dunia maya mungkin tahu apa itu Google Analytics, tapi bagi yang masih Newbe ato masih O-On :p (jangan marah ya dikatakan o'on) pasti belum tahu atao tahu tapi dikit. Nha.. disini akan coba saya terangkan tentang Google Analytics. Simaklah dengan cermat penjelasan berikut ini:

deng..deng..deng..
Google Analytics berbeda dengan Hit Counter. Hit Counter biasanya hanya menghitung jumlah pengunjung yang datang untuk menjenguk (emangnya sakit). Sedangkan Google Analytics, beliau tidak hanya menghitung jumlah para pengunjung tapi juga data-data yang lainnya, misalnya tentang:

Berapa pengunjung yang datang tiap harinya

Berapa lama mereka nognkrong di blog kamu

Browser apa yang mereka gunakan

Dengan cara apa mereka datang, misalnya naik angkot ato jalan kaki (maksudnya lewat search engine, lewat situs orang lain atao langsung datang mak pedunduk).

Dari negara mana mereka datang

Dari kota mana

umurnya berapa

Anaknya siapa

Udah punya pacar apa belum

Ortunya galak ga, dll

NB: Tiga poin terakhir bo'ong.

Nah, pengen gak tuh? kalo pengen daftar disini http://google.com/analytics
Tapi syarat daftarnya sangat berat, yaitu kamu harus punya account di google. Nah berat banget kan? (berat bagi yang gak bisa baca ngetik). Kalo udah daftar nanti kamu tinggal ngisi form yang disodorkan, tapi sante aja cara ngisinya gampang kok gak kayak di SPMB, diantaranya yaitu ngisi alamt webblog kamu, trus jangan lupa nge-set "Time Zone" tapi harus beli coin dulu (emangnya time zone yang ada di mall2). Trus setelah itu kamu nanti akan dikasih kode/script sama Pak Dhe Google (jangan lupa bilang terima kasih). Selesai??? belooommmmm... masih ada lagi..
Nha setelah itu kopi kode/script tersebut, trus login ke blogger Klik Templat -->> Edit HTML. Paste kode/script yang udah dikopi kedalam tag HTML yaitu sebelum tag </body> jangan lupa disimpan. Selesai??? Belooommm...
Kembali lagi ke google.com/analytics, kamu harus mengklikCheck Status dulu (Dicek apakah kamu masih single atau doble). Kalo udah berhasil maka akan ada tandanya, kalo belum ya dicoba lagi.
Datanya baru akan muncul satu hari kemudian, jadi ini bukan seperti hit conter yang datanya akan langsung berubah tiap detik tapi data-data google.com/analytics ini akan muncul tiap ganti hari. OK Selamt mencobaaaaa....

Artikel Yang Berhubungan :
* Melihat Statistik Blog

Mempersingkat Nama Domain Blog

2009-05-02T22:14:00.000-07:00

Jika kita membuat blog secara gratis, baik di blogger atau di wordpress kita akan memperoleh nama/domain blog kita seperti ini http://blabla.blogspot.com atau http://blabla.wordpress.com. Bagi yang punya banyak uang mungkin bisa langsung membayar dan bisa memiliki nama domain dot.com. Namun bagi kita yang miskin ini :D pasti malas jika harus merogoh uang jajan kita demi mendapatkan domain yang lebih simple yaitu http://blabla.com. Tapi jangan khawatir bos, saya punya tips menarik supaya nama web/blog kita menjadi lebih pendek, dan juga tidak perlu bayar. mau tahu caranya?

Ada beberapa layanan di internet yang yang bisa mempersingkat nama domain blog kita. Disini akan saya sebutkan tiga saja yang menjadi favorit saya, karena selain gratis, cara daftarnya juga gampang, dan tidak ada iklannya. Berikut ini adalah layanannya:
1. co.cc nama blog kita akan menjadi http://nama.co.cc
2. co.nr nama blog kita akan menjadi http://nama.co.nr
3. uni.cc nama blog kita akan menjadi http://nama.uni.cc

Nha jadi lumayan pendek kan? mau tahu caranya? gampang kok, tinggal kunjungi situs tersebut terus daftarkan web/blog kita.
Pengen dijelasin caranya? OK deh
kali ini saya akan menjelaskan satu aja yang menjadi paling favorit saya dari ketiga layanan tersebut yaitu co.cc

1. Buka website ini http://co.cc maka tampilannnya akan seperti ini

2. Isikan nama domain untuk blog/web kamu sesuai yang kamu inginkan di kotak yang disediakan, terus klik tombol cek
3. Jika domain yang kamu minta ternyata sudah dimiliki orang lain maka kamu akan diminta memasukkan kembali nama dimain yang lain, namun jika belum ada yang punya maka kamu bisa langsung mendaftarkannya dengan meng-klik tombol Continue to Registration lalu klik link Create Account
4. Setelah itu akan muncul form pendaftaran, isilah form tersebut trus klik tombol Submit
5. Jika berhasil maka akan muncul halaman baru lagi, lalu klik tombol Set up Domain, trus muncul lagi halaman baru dan klik pada tombol Please Set up
6. Kemudian isikan alamat blog kamu, misalnya http://trik-tips.blogspot.com pada kotak Target URL dan isikan title dari blog kamu pada kotak Title
7. Jika kamu pingin nama asli blog kamu tidak kelihatan di addressbar maka klik pada link URL Hiding
8. Jika sudah lalu klik tombol Setup Domain
9. Web/blog kamu akan diperiksa dulu oleh tim dari co.cc. masa tunggunya paling lama 24 jam, jika sudah di approve atau disetujui maka kamu akan langsu bisa memakai nama domain kamu yang baru. Oh ya, domain yang lama masih tetep bisa di akses.
Trus, catatan lagi nih, disini tidak menerima website yang mengandung unsur pornografi, spam, dan sesuatu yang ilegal.
Selamat Mencoba

Free Download Smile Emoticons

2009-05-02T22:13:00.000-07:00

Mau nambah koleksi icon-icon smile (emoticon) kamu? seprti ini misalnya :

Dan masih banyk lagi yang lainya, SIlahkan download Emoticon dibawah ini :

Download Yahoo Emoticon

Download Smile Emoticon 1

Download Smile Emoticon 2

Download Smile Emoticon 3

Download Smile Emoticon 4

Download Smile Emoticon 5

Download Smile Emoticon 6

Download Smile Emoticon 7

Download Smile Emoticon 8

Domain Dot Com Gratis..Boleh dicoba

2009-05-02T22:09:00.000-07:00

WOW..WOW..WOW...
Mungkin in yang ditunggu-tunggu oleh para bloger maupun para insan yang bergentayangan didunia internet. Bagi kamu yang udah bosen memakai domain blabla.blogspot.com , yaitu kita bisa mendapatkan domain dot com (namamu.com) secara geratis. Benarkah ini nyata? Benarkah domain dot com bener-bener gratis? kayaknya sih emang bener-bener nyata dan gratis, soalnya aku sendiri lom nyoba, tapi setelah aku survey di TKP, dan hasilnya... eng..ing..eng.. kalo menurutku sih masuk akal kalo ini bener-bener gratis.

Trus kenapa mereka mau membuatkan domain dot com buat kita? padahal kan domain dot com (top level domain) itu bukan jenis domain gratisan. Gini nih kalo menurut jawabanku, kenapa kita bisa mendapatkan domain dot com gratis karena mereka akan menempatkan iklan/banner di website kita, tapi jangan kuatir bannernya akan ditempatkan dibagian bawah dari web/blog kita. Nha bagaimana? kamu tertarik mau mencobanya? silahkan daftar disini : DOMAIN DOT COM GRATIS. Oh ya ku lupa, ada beberapa persyaratan lagi yang harus dipenuhi, gini nih beberapa persyaratanya :

1. Web/blog harus memiliki postingan minimal 15 perbulan, atau we/blog kamu memiliki pengunjung minimla 100/hari
2. Kamu harus memasang banner mereka di bagian bawah web/blog kamu.
3. Tidak boleh mengandung unsur pornografi.
4. dll

Intinya syaratnya seperti itu. Nah udha nggak sabar ingin mencobanya? silahkan DAFTAR DISINI

Ketahui Seberapa Berat Blogmu untuk Upload

2009-05-02T22:00:00.000-07:00

Dalam membuat blog tentunya kita ingin supaya blog kita tampil semenarik mungkin, ya to? Tapi karena saking semangatnya kita dalam mempercantik blog, kadang-kadang kita sampai melupakan sesuatu yang penting, yaitu masalah berat (size) dan kecepatan (speed) berapa lama waktu yang dibutuhkan untuk membuka blog kita.

Walaupun blog kita bagus tapi kalo blog kita lama banget dibukanya maka pengunjungpun jadi enggan untuk singgah di blog kita. Kita tentu pernah kan membuka suatu web/blog yg luama buanget, karena saking lamanya kita akhirnya tidak jadi membuka web/blog tersebut. Nha tentu km gak pingin gitu kan, blogmu jadi miskin pengunjung gara-gara loading membukanya lama.

Nha dibawah ini ada alat untuk mengukur berapa besar ukuran (size) blog dan seberapa cepat loadingnya... Untuk menggunakan alat dibawah ini kamu tinggal memasukkan alamat blog yang ingin di cek. Kemudian hasilnya akan langsung keluar. Hasil yang ditampilkan yaitu : Size, Load Time dan Avarege Speed per KB. Yang perlu diperhatikan adalah "Size", karena "Load Time" dan "Avarege Speed per KB" hasilnya akan selalu berubah-ubah. Jika hasil tes menunjukkan blogmu size-nya lebih dari 100 KB, usahakan untuk menguranginya dengan cara mengurangi pernak-pernik yang kurang begitu berguna seperti jam, kalender, dll. Dengan alat ini km juga bisa membandingkan dengan web/blog kepunyaan orang lain.

Selamat mencoba.

Siapa Yang Menjiplak Artikle Blogmu?

2009-05-02T21:55:00.000-07:00

Nah, pas jalan-jalan gak sengaja ketemu situs bagus. Situs buat mengetahui siapa yang telah menjiplak artikel di blog kita. Caranya cukup mudah, gak perlu mendaftar, tinggal taruh alamat/URL blogmu trus pencet tombol "GO", tinggal tunggu bentar trus langsung keluar siapa yang ngambil ato yang copy paste artikel blogmu. Kalo untuk mengetahui siapa yang menjiplak artikel2 atau postingan2 tertentu maka yg kamu masukkan ke sana adalah link dari judul postinganmu, jadi nanti akan ketahuan siapa yang menjiplak postinganmu tersebut.

Tapi sayang untuk yang versi gratis kita hanya bisa mengetahui beberapa aja, jadi gak bisa mengetahui semua yang ngopy paste blog kita. Tapi lumayan kan buat mengintip dikit. he..he.. . OK bagi yang pengen tahu nih alamatnya http://www.copyscape.com, langsung datengin aja tuh kesana.

Hosting Gratis, Unlimited, gratis nyimpen file2, Serta Dibayar Pula

2009-05-02T21:44:00.000-07:00

Bagi kamu yang punya web/blog khususnya tentang download-download file seperti Mp3, Video, Ebook dan lain-lain, tentunya membutuhkan layanan hosting untuk menaruh file-file tersebut, dan pastinya pingin yang gratis kan? Nha untuk layanan yang gratis biasanya akan ada kendala2 yang dihadapi, Misalnya :
- Kapasitas penyimpanan yang terbatas.
- Batasan ukuran file yang kecil (biasanya maksimal 5MB).
- Batasan Traffic maksimum
- dll.

Nha sekarang ini ada sebuah layanan yang bisa mengatasi masalah2 tersebut dan tentunya dengan gratis, yaitu ziddu. Apa aja yang didapat dari ziddu tersebut?
- Kapasitas penyimpanan yang tak terbatas. (kamu bisa upload file km sebanyak-banyaknya).
- Batasan ukuran file yang lumayan besar (200 MB).
- Tanpa ada batasan traffic.
- Kamu akan dibayar jika ada yang mendownload file tersebut.
Untuk poin yang terakhir tentunya pada bingung, apa bener kita akan dibayar jika ada yang mendownload file-file kita tersebut? Sekali lagi aku jawab "BENER-BENER DIBAYAR", walaupun sedikit sih yaitu $0.001 per unik download, Tapi lumayan kan, udah gratis malah dibayar lagi. Ini juga bisa menjadi alternatif baru bagi yang pingin mendapatkan dollar lewat blog.
Gimana? Tertarik tidak? Kalo tertarik buruan DAFTAR DISINI.

Special Thanks to Mr. Kendhin.

Berapa Harga Blog Kamu?

2009-05-02T20:46:00.000-07:00

Pernahkah kamu bertanya, kira-kira berapa harga blog yang kamu miliki setelah membanting keringat dan memeras tulang untuk membuatnya? Nha, sekarang ini ada sebuah layanan di internet yang bisa memperkirakan berapa kira-kira harga blog yang kamu miliki. Caranya sangat mudah tidak perlu bayar ataupun mendaftar, cukup dengan memasukkan alamat Blogmu trus tinggal pencet jerawat kamu, eh salah, maksudnya pencet tombol Submit gak pake lama, hasilnya akan langsung keluar. Selain itu kalo kamu mo pamer, kamu juga bisa memasang hasilnya di blogmu seperti ini nih hasilnya :

Tapi bagi kamu yang blognya masih sepi peziarahnya jangan coba-coba masang karena hasilnya pasti cuman bikin hati gatal, alias harganya masih $0.00. Tapi kalo cuman mo nyoba ngecek sih gak papa dan gak mama, toh ga dosa kok. Kamu mo nyoba? aku punya alamatnya nih, tapi nomor HP-nya gak punya lho :D . Tapi apa emang bener kalo itu bener-bener harga yang sesuai untuk blog kita? Tau deh. Tapi kamu perlu mencobanya dengan memasukkan alamat blog-blog yang sudah mapan, pasti harganya akan tinggi sekali, jika dirupiahin nih ya mungkin orang yang punya blog itu akan menjadi mendadak dangdut alias kaya mendadak. Nha kamu tertarik mau mencobanya? Silahkan Monggo..
Oh ya aku belum ngasih alamatnya ya? nih alamatnya
http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth/

Cara Membuat Kotak Link Exchange

2009-04-30T05:35:00.000-07:00

Kamu belum bisa masang banner link exchange? masa' sih? hari gini belum bisa masang banner, capeee'' deeh :p
Kalo kita mau tukeran link biasanya ada kotak seperti ini :

<a href="http://trik-tips.blogspot.com"></a>

Nha trus gimana cara buat kotak tersebut?
gini lho,
pertama Login ke blogger trus pilih Layout --> Page Elements
trus klik Add a Gadget lalup pilih HTML/Java Script
trus kopi kode berikut ini di tempat yang disediakan.

text yang berwarna hijau menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan templatenya.
Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Kisi kotak diatas kalo dicopy dan paste jadinya akan seperti ini:

piye? wes mudeng rung?
Guampang tho?

Cara Memback-up Template Blogger

2009-04-30T05:30:00.000-07:00

Buat para Blogger mania pasti sering dong mengoprek-oprek template yang disediakan, soalnya templatenya sedikit and fasilitasnya kurang tidak seperti yang ada di wordpress. Tapi Blogger punya kelebihan yaitu kita bisa memodifikasi template yang ada semau kita, tidak seperti di wordpress. Di wordpress jika kita mau mengedit template harus bayar dulu, iiihhhh, emangnya kita kaya po? kita kan orang-miskin ya nggak? :D . Tapi sebelum kita mengoprek-oprek template alangkah bijaksananya jika kita memback-up dulu templatenya, Lho? fungsinya apa?, supaya kalo kita ngoprek-ngopreknya salah bisa dikembalikan kembali seperti semula, seperti di restore gitulah. Nha, gimana caranya memback-up template di blogger? gini nih caranya:

Pertama-tama tentu kamu harus Login dulu dong, trus Pilih Layout -->> Edit HTML. Nha disitu kan ada gini before editing ypoour template, you may want to save a copy of it. Download Full Template> , klik yang ada tulisan Download Full Template terus simpan file tersebut, biasanya file dalam format xml.

Nha kalo mo memasang template baru atau template yang sudah diedit ato mo mengembalikan template ke sebulmnya kamu tinggal klik tombol Upload yang ada dibawahnya. OK BOZZ.. Good Luck Ya.....

Cara Membuat Link Download

2009-04-30T05:29:00.000-07:00

Setelah beberapa kali mendapat pertanyaan tentang bagaimana cara membuat link download, akhirnya aku posting artikel ini.
Ok langsung aja, caranya sebenarnya sangat mudah, pertama taruh/upload file yang akan di download di webhosting, misalnya geocities, trus kamu buat script seperti ini:

<a href="http://www.geocities.com/kendhin_x/file.zip">download</a>

text yang dicetak tebal adalah alamat file tempat kamu menyimpannya, ganti text tersebut dengan alamat tempat file kamu.

Trik-Tips yang berhubungan :

Download Dapet Dollar

Cara Membuat Dropdown Menu

2009-04-30T05:27:00.000-07:00

Apa sih dropdown menu itu?
Dropdown menu yang seperti ini itu lho :

Nha udah tahu kan? Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://trik-tips.blogspot.com/2008/01/membuat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://trik-tips.blogspot.com/2007/12/cara-membuat-search-engine.html"> Cara Membuat Search Engine </option>
</select>

maka hasilnya akan seperti ini :

untuk menambahkan menu lagi, tambahkan kode seperti ini :

sebelum kode </select>

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut

ganti dengan kode ini :

hasilnya akan seperti ini :

Gimana? Bisa nggak?

Trik dan tips yang berhubungan :

Cara Membuat Kotak Ngoceh (Shout Box)

2009-04-30T05:26:00.000-07:00

Kotak ngoceh atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" :D lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

Trik Memproteksi Blog dari Penjiplakan

2009-04-30T05:22:00.002-07:00

Mungkin bagi sebagian para pemilik blog sering kali jengkel jika melihat artikel-artikel yang dibuatnya dengan memeras otak (emangnya cucian) tiba-tiba sudah ada di tempat blog milik orang lain, apalagi kalo disitu tidak disebutkan sumber asli dari artikel tersebut, pasti orang tersebut akan bilang "ANJRIT" :@ dan sumpah serapah yang lain (apa aja ya kata sumpah serapah?, aku taunya cuma itu doang, aku kan selalu ngomong yg baik2 jadi nggak tahu kata-kata kotor :D hooooeeeekkkkk..). Tapi mungkin bagi sebagian orang lagi sih nggak mempermasalahkannya, entah artikelnya diambil kek, di copy kek, di cekek kek "No Problem". Nha, kamu termasuk golongan yang mana nih? yang Protectif atau yang Cuekif (bahasa mana tuh "Cuekif"). Kalo kamu termasuk yang yang Protectif alias golongan orang yang artikelnya nggak mau dicuri orang, sini ikut saya , tak tunjukin jalan menuju sorga, eeh, maksudnya cara melakukannya.
Udah berdebar-debar ya?, nggak sabar nunggu ya? ya udah deh ini dia Tips dan Trik untuk memproteksi artikel dari pencurian...

pertama-tama kita panjatkan puja dan puji sukur kita kepada Tuhan YME. Walah malah pidato. Langsung aja deh
Pertama-tama kita panjatkan, walah kok itu lagi sih :@
Pertama-tama kita analisa dulu, biasanya kalo mau nyuri artikel kan ada beberapa cara nih, mulai dari menyeleksi tulisan yang mau dicuri kemudian di copy-paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nha untuk Tips dan Trik kali ini kita akan mencoba menggunakan cara yang mudah saja, tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi nggak akan mempan menghadapi para penjahat kelas kakap yang sudah banyak makan asam garam dunia internet (emangnya enak makan asam ama garam?). Tapi lumayan kan untuk berjaga jaga dari maling-maling kelas teri. Nha berikut adalah triknya...
copy script dibawah ini kedalam body kamu (lho? kok kedalam body sih?), maksudnya kedalam tag <body .....
begini deatil caranya:
pertama login dulu ke blogger, terus pilih Layout --> Edit HTML
cari kode ini <body> letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode </head> . perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body :D .
kalo sudah ketemu letakkkan script ini didalamnya

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

contohnya kayak gini nih

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Nha, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.
trus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh?
gini, taruh kursor/pointer ke atas tag <head> (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga? :D
tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga, ya tho?
Monggo di jajal..

Perhatian : Kalo pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox ogix. tidak bisa diisi. Jadi kalo memang tidak benar-benar diperlukan, jangan menggunakan trik ini. he..he.. :D

Cara Membuat Kategori / Label di Blogger

2009-04-30T05:18:00.000-07:00

Artikel-artikel yang diposting, kadang-kadang memang perlu untuk dikelompokkan atau dikategorikan sesuai dengan tema/topiknya. Dengan adanya pengkategorian atau pengelompokan artikel yang telah diposting dapat lebih mempermudah bagi para pembaca untuk memilih artikel mana yang ingin dibaca. Di Blogger untuk membuat kategori dikenal dengan istilah Label.

Dalam episode kali ini (kayak sinetron aja pake istilah "episode") saya akan mencoba membahas mengenai bagaimana cara untuk membuat kategori atau label. Pertama-tama yang harus kamu lakukan yaitu membaca "Bismillah" he..he.. :)
Login ke blogger lalu Klik Posting --> Edit Post

* Membuat Kategori / Label
Pilih atau beri tanda centang pada artikel yang ingin diberi label/dikategorikan. Lalu pada Combo box (yang ada tulisannya "label action") pilih "New Label" lalu beri nama label tersebut.

jadi deh...

* Menghapus Kategori / Label
Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo box trus klik label dibawah tulisan "Remove label", Nha jadi deh....

* Mengganti Kategori / Label
Hapus dulu label yang ada, kemudian kasih label baru.

Trus bagaimana cara memasang/menampilkannya di blog?
Gini nih caranya:
1. Klik Template --> Page Elements
2. Tambahkan page elements kemudian pilih Label trus disitu atur sendiri :P
udah ngerti kan?
Selamat berbuka puasa, eh salah, selamat mencoba!!!...

Cara Membuat Search Engine

2009-04-30T05:16:00.000-07:00

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Cara Menghilangkan Navbar (Navigation Bar)

2009-04-30T05:14:00.000-07:00

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!

Cara Membuat Commments Box (Kotak Komentar) Haloscan

2009-04-30T05:12:00.000-07:00

Sebelum baca artikel ini disarankan untuk membaca YANG INI dulu

Comments Box atau Kotak Komentar adalah suatu kotak yang berfungsi untuk memberikan komentar terhadap isi dari suatu artikel dalam sebuah weblog. Jika di Wordpress.com kotak komentar tersebut akan langsung muncul tepat di bawah artikel. Namun tidak halnya di Blogspot/Blogger, kotak komentar dilayanan blog ini hanya berupa link yang kemudian baru akan muncul kotak komentar bagi pengunjung yang mau memberikan komentar terhadap artikel tersebut, hal ini menyebabkan para komentator sedikit enggan untuk melakukannya karena merasa malas untuk membuka window baru yang tentu saja akan memerlukan sedikit waktu untuk membukanya. Sehingga para pengguna layanan Blogspot lebih sedikit menerima komentar dibanding dengan para pengguna layanan Wordpress.

WARNING : KARENA BANYAK BLOGGER YANG GAGAL MENGGUNAKAN TRIK INI DAN JUGA ADA YANG KEHILANGAN POSTINGNYA, JADI ANDA HARUS MEMBACKUP DULU TEMPLATE ANDA. YANG GAGAL MEMAKAI INI MUNGKIN KARENA ADANYA KETIDAKCOCOKAN DENGAN TEMPLATE YANG DIGUNAKAN. JIKA TERJADI HAL-HAL YANG TIDAK DIINGIINGINKAN SEGERA KEMBALIKAN TEMPLATE ANDA YANG LAMA. TAPI BANYAK JUGA KOK YANG BERHASIL, SEMOGA BERUNTUNG

Tapi bagi kamu yang memakai layanan Blogspot tidakperlu khawatir lagi karena trik berikut ini akan mengulas bagaimana caranya menambahkan kotak komentar atau comments box sehingga menjadi kotak komentar yang ada di Wordpress yaitu persis berada dibawah artikel caranya adalah dengan menggunakan layanan di http://www.haloscan.com. Satu hal yang perlu diperhatikan sebelum kamu menggunakan layanan ini yaitu "komentar-komentar terdahulu akan hilang", jadi pikirkanlah dulu sebelum kamu memakai layanan ini. Kalau kamu sudah yakin mau menerapkannya maka berikut ini dalah caranya:

Buka website http://www.haloscan.com.

Daftarkan diri kamu di website tersebut.

Setelah selesai lalu Login dengan username dan password yang sama dengan pada saat mendaftar.

Setelah login berhasil maka akan muncul beberapa menu. Pertama-tama pilih menu setting. Didalam menu Setting ada beberapa pengaturan yang harus disi silahkan atur sesuai dengan keinginanmu. Supaya kotak komentarnya muncul dibawah postingan, ganti status "open in popup window" menjadi "off". kamudian simpan.

Langkah selanjutnya yaitu pilih menu Template. Silahkan pilih mana yang kamu sukai, sebaiknya sesuaikan dengan warna blog kamu kemudian simpan.

Langkah berikutnya yaitu pilih menu Install

Beri tanda pada radio button di samping tulisan Blogger or Blogspot lalu klik Tombol Next

Klik Tombol Brows , silahkan pilih file template yang sudah dibackup. Kalau belum silahkan backup dulu. Jika belum tahuh caranya backup klik disini

Klik tombol Upload Blogger Template.

Jika sudah berhasil klik tombol Download New Template kemudian di save.

Pilih Template kemudian klik menu Edit HTML

Untuk Upload template klik tombol Brows. Masukkan template yang sudah didownload dari haloscan tadi lalu Upload kemudian simpan setting.

Coba buka buka web blog kamu dan lihat hasilnya. Sekarang kamu sudah mempunya kotak komentar seperti yang ada di wordpress.
Trus gimana caranya nampilin komen-komen terbaru biar bisa kelihatan di sidebar? caranya gampang, yiatu kembali ke haloscan trus pilih dashbord nha disitu kan ada recent comments trus dibawahnya ada link tulisannya gini "put this widget on your site" nha kamu klik link tersebut, setelah itu dibawahnya akan muncul kotak yang berisi kode. Copy kode tersebut dan pasang di blog kamu, gampang to?

Selamat Mencoba... SEMOGA BERHASIIIIILLLLLL :y

Cara Mengganti Icon Pada Address Bar

2009-04-30T05:08:00.000-07:00

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif
http://img404.imageshack.us/img404/1214/image10vr1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif

Mengganti Tulisan "Older Post / Newer Post" atau "Posting Lama / Posting Baru"

2009-04-30T05:05:00.000-07:00

Biasanya dibagian paling bawah artikel kamu terdapat tulisan seperti ini "Older Post / Newer Post" atau "Posting Lama / Posting Baru". Nah mungkin awal-awalnya kamu nggak tahu maksudnya apa tulisan tersebut dan setelah tahu oooo ternyata itu link menuju ke artikel-artikel sebelumnya dan juga artikel-artikel yang baru. Nah mungkin kamu ingin mengganti tulisan tersebut dengan tulisan yang lain, misalnya dengan tulisan "Artikelku Sebelumnya" atau "Coretanku Yang dulu2" atau bahkan dengan sebuah gambar. Nha pingin tahu caranya? mari kita mulai Pelajaranya...

1. Seperti biasanya kita login dulu ke blogger trus pilih "Template --> Edit HTML".
2. Beri tanda centang pada kotak "Expand Widget Template"
3. Cari kode berikut ini, cara nyarinya biar mudah copy kode berikut ini lalu tekan "Ctr + F " dan paste kedalam kotak yg disediakan.

<data:newerPageTitle/>

4 . Ganti kode tersebut dengan tulisan yg kamu inginkan. Tapi jika kamu pingin ganti dengan gambar panah misalnya, ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/newblue.gif"/>. text yg dicetak tebal adalah lokasi dari gambar, kamu bisa menggantinya dengan gambar yang kamu inginka atau bisa diganti dengan gambar yang aku sediain dibawah.
5. Yang diatas untuk mengganti tulisan "Newest Post" atau "Posting Baru".
6. Terus untuk tulisan "Older Post" atau "Posting Lama" coba cari kode berikut ini, lokasinya tidak jauh dari kode diatas atau dibawahnya sedikit.

<data:olderPageTitle/>

7. Kalo sudah ketemu ganti lagi dengan tulisan yang kamu inginkan. Jika pingin diganti menjadi gambar coba ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/oldblue.gif"/>

8. Jika kamu pingin ganti warna biru jadi warna merah, tinggal ganti "newblue.gif" dengan "newred.gif" dan "oldblue.gif" ganti dengan "oldred.gif"

Berikut ini gambar panah dan kodenya


olblue.gif	newblue.gif

oldblack.gif	newblack.gif

oldgreen.gif	newgreen.gif

oldpink.gif	newpink.gif

oldred.gif	newred.gif

oldyellow.gif	newyellow.gif

Cara Membuat Kotak Blogroll dan Marquee

2009-04-30T05:04:00.000-07:00

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya? :r Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak

Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......

Cara membuat Form "Email Subscriber" / "Berlangganan Lewat Email"

2009-04-30T05:03:00.000-07:00

Seperti yang kamu lihat, disebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Berlangganan Trik Baru". Nha dalam trik dan tips kali ini kita akan belajar kelompok tentang bagaimana membuat kotak tersebut. Oh ya, perlu dijelasin dulu nih apa fungsi dari form tersebut. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Mudeng ra? wes pokoke ngono lah.
Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar :D
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.

Membuat Artikel yg Berhubungan (Related Post)

2009-04-30T05:02:00.000-07:00

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post", "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yg sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori ato label yang sama. Nha mau tahu cara membuatnya?

Caranya cukup mudah, ikuti langkah2 berikut ini:
1. Login ke blogger Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Kemudian download "SCRIPT INI"
5. Buka file tersebut kemudian copy semua script yang ada didalamnya.
6. Setelah itu cari kode ini <data:post.body/> dan letakkan script tadi dibawahnya. Untuk blog yang ada "readmore"nya biasanya akan terdapat 2 kode. Nha km taruhnya dabawah kode yang pertama.
7. Kalo sudah simpan template km dan lihat hasilnya.

Tambahan:
Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

Highlight Author Comment

2009-04-30T04:59:00.000-07:00

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

Menampilkan Recent Comments (Komentar Terbaru)

2009-04-30T04:58:00.000-07:00

Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.
Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti trik-tips.blogspot.com dengan nama blogmu.

3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

Coba dilihat blogmu, langsung jadi deh. Oh ya recent comments ini bisa juga dipasang didalam "Tab View" seperti punyaku itu.

Cara Menampilkan Recent Post (Postingan Terbaru)

2009-04-30T04:56:00.000-07:00

Kamu pingin nampilin postingan terbaru (Recent Post) kamu di side bar?
Kalo pingin, beginilah caranya :

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.

Nha coba lihat blog kamu, udah nongol kan "Recent Post" kamu...
Good..good..good

Cara Membackup Blog

2009-04-30T04:55:00.000-07:00

Setelah mengalami kejadian hilangya blog yang kemarin itu, ternyata baru tahu betapa pentingnya untuk membackup blog kita. Setelah mutar-mutar akhirnya nemu juga layanan untuk membackup blog kita, yaitu di blogbackuponline. Dengan layanan ini kita bisa dengan mudah membackup blog kita disana secara gratis. Tapi layanan ini hanya memberikan space sebesar 5 MB (kok sedikit ya).Tapi jangan khawatir walopun cuma 5 MB tapi aku rasa cukup untuk membackup data-data blog kita. Jika kita memposting rata-rata perpostingan itu 1000 karakter, maka itu cukup untuk membackup sampai 5000 postingan, lumayan kan. Tapi untuk yang versi FREE alias gratis kita tidak bisa membackup data berupa gambar dan video. Kita hanya bisa membackup artikel-artikel postingan kita saja.

Gimana? tertarik untuk membackup datamu? Caranya cukup mudah, yaitu:

1. Buka website https://www.blogbackuponline.com dan daftarkan diri kamu disana. Setelah mendaftar kamu akan mendapatkan kiriman email untuk mengaktifkan account km.
2. Kalo sudah aktif login ke website tersebut. Setelah login maka segera registrasikan alamat blogmu yaitu dengan cara mengklik tombol "Start Registering Your Blog".
3. Masukkan alamat blog km dalam kotak yang disediakan, kemudian klik tombol "Register Blog"
4. Setelah itu maka tunggulah proses backupnya. setelah itu pilih tombol "Start Full Backup", Selesai deh.

Trus caranya mengembalikan data kita gimana?
Untuk yang versi bayar, sangat mudah dan bisa dilakukan secara otomatis dengan memencet menu restore. Tapi untuk yang versi GRATIS, kita hanya bisa mendapatkan data-data postingan kita. Caranya masuk ke "Dashboard" trus klik tombol "Manage" setelah itu pilih menu "Content". Nha disitulah semua data-data postinganmu berada. Giamna lumayan kan, daripada harus mengetik ulang ampe membuat tangan gempor mending tinggal copy paste aja. Lagian apa kita ingat semua isi postingan kita? ya to?

OK Selamat Mencoba..........

Artikel yang berhubungan :

Tragedi Hilangnya Blog di Blogger

Hal-hal Yang Harus Diperhatikan Dalam Mengganti Template Blogger

2009-04-30T04:53:00.000-07:00

Blog adalah ibarat rumah kita, dan tentunya kita ingin blog tersebut tampil menjadil lebih cantik dan indah. Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah pernak pernik dan juga dengan mengganti tampilan/template blog. Jika kita mengganti template dengan template yang sudah disediakan blogger maka itu adalah cara yang paling mudah, tinggal pilih simpan langsung jadi. Namun template yang disediakan sangat sedikit dan tampilannya juga standar, sehingga kita seringkali mencari template lain yang lebih cantik, karena sekarang banyak sekali situs-situs yang menyediakannya dengan gratis. Namun jika kita menganti template dengan template lain yang disediakan oleh selain blogger, maka itu tidaklah semudah sebagaimana dengan menggunakan template yg disediakan blogger, karena ada beberapa efek sampingnya, diantaranya yaitu kamu akan kehilangan element2 kamu ato malah blog kamu jadi rusak. Nha berikut ini akan aku jelaskan hal-hal apa aja yang harus diperhatikan jika kamu pingin ganti template dengan jasa lain.

Pertama kamu harus membackup dulu tempalte kamu jika template baru kamu tidak berhasil diinstall, caranya masuk ke menu "Layout --> Edit HTML", trus klik link bertuliskan "Download Full Template" terus simpan file yang diberikan.

Kedua yaitu membackup elemen-elemen atau widget-widget yang sudah pernah kamu pasang, caranya gini, Masuk ke menu "Page Element", nha disitu kan banyak tuh element-element yang udah kamu pasang trus dibawahnya kan ada link bertiliskan "edit" klik link-link tersebut satu persatu, copy isi dari elemen itu dan taruh dalam notepad. Kalo kamu nanti dah ganti template dan mau memasang elemen-elemen tersebut tinggal copy dari notepad terus pasang di "add page elements".

Ketiga, jika template dan elemen-elemen sudah kamu backup langkah selanjutnya yaitu mengupload template yang sudah kamu download. Biasanya file template yang di download berextenxi "xml" tapi kadang-kadang ada juga yang berekstensi "zip atau rar", kalo begitu kamu harus mengekstraknya dulu sehingga kamu akan mendapat file berekstensi "xml". Trus gini cara ngaploadnya, Kembali ke menu "Edit HTML", trus disitu kan ada tombol "brows" klik tombol tersebut terus cari file template yg pingin kamu pakai sudah kamu download, trus klik tombol :upload".

Keempat, biasanya kamu akan mendapat konfirmasi seperti gambar dibawah ini, itu artinya elemen-elemen kamu akan dihapus. Klik tombol "Confirm & Save"

Kelima, jika ternyata yang muncul adalah seperti gambar dibawah ini maka itu artinya ada yang tidak beres dengan template kamu dan kamu tidak bisa memakai template tersebut di blog kamu, jadi kamu ganti aja dengan template yang lain.

Keenam, coba preview blog baru kamu, merasa sudah cocok ikuti langkah ketuju. Jika kamu mendapati ada gambar header yang sebelumnya kamu pake buat header masih muncul di template baru kamu dan posisinya sepertinya tidak cocok, maka kamu harus menghilangkannya dulu gambar header tersebut, caranya masuk kembali ke menu "Page Element", dibagian header coba kemu edit dan hapus gambar kamu. Jika di bagian header tidak ada link "edit" coba kamu ganti dulu templatenya dengan template yang disediakan oleh blogger dan kembali ke "Page Element" trus "edit dibagian header dan hapus gambar header kamu kemudian ikuti lagi langkah-langkah ketiga

Ketuju, Kembalikan elemen-elemen yang sudah kamu backup tadi sehingga kini kamu memiliki template baru dan elemen-elemen yang dulu tidak ilang.

Kedelapan, Selamat bermumet-mumet :z

Cara Membuat Template di Blogger

2009-04-30T04:51:00.000-07:00

Yak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu "Cara Membuat Template Blogger". Mulai dari mana ya? nnnngg.. :t ohya, tak jelasin dulu deh tentang artikel ini. Gini, dalam trik berikut, kita akan mencoba membuat template yang paling sederhana dan paling mudah. Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.

Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, downlad disini bahannya. Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.

Tahap Desain

Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer. seperti yang ada dalam gambar berikut:

Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat "Tile / Pattern" (kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile"
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :

background
header
main
footer

8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.

Nha modeng po ra?

Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:
1. Kembali ke blogger dan ke menu "Edit HTML".
2. Trus klik tombol "Brows" untuk mengupload template yg udah kamu donwload tadi.
3. Kemudian Cari kode seperti ini:

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; }

4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.
5. Cari kode seperti ini :

#center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;}

6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu.
7. Cari kode seperti ini:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

8. Ganti text yang dicetak tebal dengan gambar header.
9. Cari kode seperti ini:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; }

10. Ganti text yang dicetak tebal dengan gambara foter.
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }

kode width: 153px; adalah lebar sidebar bagian kanan. Dan kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px; adalah jarak antara isi sidebar kiri dengan garis batas kiri.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }

kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer.

12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?
13. Kalo sudah di Save.

:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.
OK SELAMAT BERJUANG......

Membuat Email Dengan Domain Sendiri (nama@domainmu.com)

2009-04-30T04:49:00.002-07:00

Tentunya kita pingin dong punya email dengan nama domain kita sendiri, misal namamu@domainmu.com. Nha sekarang ini google menyediakan fasilitas untuk membuat email seperti itu dengan cara yang lumayan mudah. Tapi sayangnya saat ini fasilitas tersebut belum bisa digunakan untuk blog yg masih menggunakan domain blabla.blogspot.com. Fasilitas ini hanya untuk yang memiliki domain sendiri, misal domainmu.com , .net. .org . dan top level doamin lainnya. Makanya itu bagi yang pengen, cepetan beli domain, aku sarankan beli di dodoldomain.com, murah lho (promosi...he..he..). Trus yang pake domain "co.cc" bisa gak? aku bilang "bisa", tapi sekarang aku pingin bahas yang pake domain .com/.net/.org, dll dulu. bagi yang punya domain "co.cc" sabar dulu ya.
Ok mari kita mulai tutorialnya bagaimana cara membuat email sendiri.

1. Buka alamat ini : http://www.google.com/a/cpanel/domain/new
2. maka km akan langsung disuguhi form seperti ini:

3. Isikan nama domain kamu didalam form tersebut lalu klik tombol "Get Started"
4. Kemudian akan muncul fomr lagi untuk mengisikan data-data yang diperlukan, Kalo sudah diisi klik "Continue"
5. Setelah itu akan muncul menu2 seperti ini :

6. Klik pada link "Activate email".
7. Setelah itu akan muncul lagi halaman untuk "Setup Email Delivery" , itu untuk setting MX Record. Caranya yaitu dengan mengisikan MX Record km dengan data2 yang ada disana. Datanya seperti ini :

MX Server address	Priority
ASPMX.L.GOOGLE.COM.	10
ALT1.ASPMX.L.GOOGLE.COM.	20
ALT2.ASPMX.L.GOOGLE.COM.	20
ASPMX2.GOOGLEMAIL.COM.	30
ASPMX3.GOOGLEMAIL.COM.	30
ASPMX4.GOOGLEMAIL.COM.	30
ASPMX5.GOOGLEMAIL.COM.	30

Bagi yang menggunakan DNS setting dari DNS park caranya yaitu : Klik domain kamu yg berada di "Domain list". Setelah itu pilihan "Type" pilih yg "MX". Pada kolom "Mail Domain" kosongi saja kolom tersebut. Pada kolom "Order" isikan data2 "Priority" diatas. Trus pada kolom "mail server" isikan dengan data "MX Server Address" diatas kemudian klik tombol "Update All". begitu terus sampai data diatas dimasukkan semua.

Bagi yang menggunakan DNS setting dari dodoldomain.com caranya : masuk ke menu "Domain-->LIst last 10", trus klik link "Managed DNS", kemudian klik tombol Manage DNS Record. Setelah itu klik tombol "MX Records" trus klik tombol "Add MX Record". Untuk kolom "Value" pilih yg bawah (yg "Type In A Fully Qualified Domain Name eg. abc.pqr.com.') . isikan data "MX Server address" di kolom tersebut. kemudian isikan data "Priority" dikolom "MX Priority". begitu terus sampai selesai semua data dimasukkan.
8. kalo sudah selesai klik tombol " I have completed these steps". Maka akan muncul page seperti ini lagi.

9. Sebenarnya sampai disini sudah bisa selesai, tp untuk membuka email km, km harus mengetikkan alamt URL seperti ini "http://mail.google.com/a/domainmu.com" . Nha klao misalnya km pingin menggantinya menjadi seperti : "http://mail.domainmu.com" maka ikuti lagi langkah berikut ini.

10. Klik link "Email" maka akan muncul halaman "Email setting"
11. Trus klik link "Change URL" , kemudian akan muncul halaman untuk "Change URL for email".
12. PIlih yg "custom" trus klik tombol "Continue".
13. Setelah itu km setting dulu DNS km, Tambahkan "CNAME Records" dan isikan "mail" di kolom "Hostname" dan isikan "ghs.google.com" dikolom http://naldoton.blogspot.com"Value"
14. Setelah itu klik tombol "I have complete these step"

Nha sekarang km sudah bisa memiliki email dengan nama doamin blogmu sendiri. Untuk setting2 lainnya pelajari sendiri ya. Udah capek nih.....

Setting Custom Domain di Blogspot

2009-04-30T04:49:00.001-07:00

Memiliki blog dengan nama domain top level domain (tanpa embel-embel blogspot, wordpress, multiply dll) tentunya akan membuat blog kita terlihat lebih elit dan berkelas, dan juga akan membuat nama blog kita akan lebih mudah diingat orang. Jika kamu belum memiliki domain, kamu bisa membelinya di dodoldomain.com dengan harga yang cukup murah (he.he.. promosi). Jika kita sudah membeli domain maka ada beberapa hal yang harus kita lakukan supaya domain kita tertuju pada web/blog yg kita punya, diantaranya yaitu setting DNS, Name Server dll. Mari kita mulai saja langkah-langkah untuk customisasi domain ini.

* SETTING DNS (DOMAIN NAME SERVER)
Langkah awal kita yaitu melakukan setting DNS. Biasanya jika kita membeli domain akan ada biaya tambahan (sekitar Rp 3000,-) untuk menambahkan layanan "DNS Managed". Tapi jika kamu tidak ingin mengeluarkan biaya ada layanan gratis supaya kita bisa melakukan setting DNS, seperti di dnspark.net. Nha berikut ini adalah tutorial jika kam menggunakan layanan dari dnspark ini :

1. Jika kamu belum memiliki account di dnspark km bisa daftar di https://www.dnspark.net/register.
2. Jika sudah daftar silahkan login.
3. Pilih menu "DNS Hosting" (disebelah kiri). Kemudian pilih "Add Domains"
4.Beri tanda centang kotak "DNS Hosting - Free" lalu Isikan nama domain yang sudah km beli di kolom "Enter new domain" (tanpa www).
5. Kemudian Klik tombol "Add Now"
6. Jika berhasil maka nama domainmu akan muncul di "Domain List" (pojok kiri bawah)
7. Klik domain km untuk melakukan pengaturan selanjutnya.
8. Pada Dropdown "Type" pilih "CNAME".
9. Pada Kolom "Alias Name" isikan www (sebenarnya itu bisa diisi apa saja, tp untuk domain utam sebaiknya diisi "www").
10. Kemudian untuk destination name isikan ghs.google.com (untuk blogspot).
11. Jika sudah klik tombol "Update All"

Untuk proses setting DNS sudah selesai.

Bagi yang sudah punya "DNS Managed" sendiri di domainnya, cara settingnya seperti ini:
- Masuk ke "Managed DNS" Trus Pilih "CNAME Records"
- Kemudina klik tombol "Add CNAME Records"
- Untuk kolom "Host Name" diisi dengan "www"
- Untuk Kolom "Value" pilih yg bagian bawah kemudian isi dengan "ghs.google.com"
- Kemudian Klik tombol "Add record"

Selesai deh...

* SETTING NS (NAME SERVER)
Bagi yang sudah memiliki "Mange DNS Service" sendiri di domainnnya maka langkah berikut ini tidak perlu dilakukan. Tapi jika kamu menggunakan layanan DNS Manger dari dnspark.net, maka kamu harus merubah "Name Server" di domain manager kamu. Bagi yang membeli domain dari dodoldomain.net maka langkah-langkahnya adalah seperti berikut ini, (bagi yang beli ditempat lain saya rasa hampir sama langkah2nya)

1. Login di dodoldomain.net kemudian pilih "My Account"
2. Jika sudah maka kamu akan berada dalam kawasan "admin area" domainmu.
3. Pilih menu "Domain --> List Last 10"
4. Domain kamu akan terlihat di "List of Domain"
5. Klik link "Domain Name --> Click to Manage"

6 Kemudian klik tombol "Modify Name Server".

7 Isikan name server berikut kedalam kolom "Name Server1, Name Server2, Name Server3, Name Server4, Name Server5" kemudian klik tombol "Submit"

ns1.dnspark.net
ns2.dnspark.net
ns3.dnspark.net
ns4.dnspark.net
ns5.dnspark.net

Nah urusan dengan si "Name Server" Sudah Selesai

* SETTING PUBLISHING DI BLOGGER
Nha sekarang tinggal langkah terakhir. gini langkahnya :

1. Login di blogger. Pilih menu "Setting --> Publishing"
2. Kemudian klik link Switch to : Custom Domain
3. Kemudian klik lagi link Already own a domain? Switch to advanced settings
4. Kemudian isikan nama blog kamu di kolom "Your Domain" (pake www ya, contoh www.kendhin.com)
5. Lalu Klik tombol "Save Setting"

Yak Semua sudah selesai. Jika semua settingan tadi dilakukan dengan benar maka domain kamu yang baru akan aktif sekitar 1-24 jam bahkan bisa nyampe 48 jam.. Jadi sabar aja.

Cara Menampilkan Status Off/Online Yahoo Messenger

2009-04-30T04:44:00.000-07:00

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :

trus jika kamu online maka iconya akan berubah seperti ini:

Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Membuat Gambar Melayang (Float Image) di Pojok

2009-04-30T04:43:00.000-07:00

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini :D trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

membuat Blog Lebih Expressive Dengan Smile Icon

2009-04-30T04:35:00.000-07:00

Hallo sobat tua dan muda dimanapun anda berada, kita jumpa lagi dalam acara Trik dan Tips :D . Dalam episode kali ini kita akan mencoba membahas tentang "Bagaimana Cara Membuat Postingan/Content Blog Agar Lebih Expressive. Maksudnya apaan tuh?
Gini lho, kalo di layanan Blog lain semisal Wordpress, setiap kita mengetikkan tanda ini :) maka yang muncul adalah gambar ini :) , kalo tanda ini :p maka yang muncul gambar ini :p dan lain-lain . Nha kalo gitu kan akan membuat blog kita menjadi lebih expressive tuh. Sayangnya bagi kita yang memakai layanan di Blogger tidak mendapat fasilitas tersebut. Tapi tenang aja bung, dalam Trik dan Tips kali ini kita akan mencoba membahas bagaimana supaya bagi kita yang memakai layanan Blogger bisa seperti yang ada di Wordpress. Langkahnya cukup mudah, gini lho.....

1. Login ke blogger trus pilih Layout -->> Edit HTML
2. Beri tanda centang pada jawaban yang benar, eh, maksudnya pada Expand Widget Templates
3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

<script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/>

Jangan lupa disimpan, trus coba deh kamu posting dengan memakai kode-kode tersebut, Insya4JJI berhasil. kalo gagal coba lagi, kalo masih gagal ya coba sekali lagi, kalo masih gagal lagi ya mengkin servernya lagi down atau itu emang karena kamu kurang beruntung. :D

Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) --> :)
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z

Sebelum mengetikkan kodenya, harus di spasi dulu.
untuk sementera itu dulu, icon-smile selanjutnya masih dalam penelitian di laboratorium :D

Membuat Kotak Komentar Blogger di Bawah Postingan

2009-04-30T04:33:00.000-07:00

Akhirnya datang juga....
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)

3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

Cara Mengganti Tanggal Posting dgn Icon Calender

2009-04-30T04:32:00.000-07:00

Akhirnya jadi juga, setelah beberapa hari nyari-nyari artikel tentang "cara mengganti tanggal dengan icon kalender" dan mengotak-atik template akhirnya berhasil juga aku membuatnya, fiuuhh :f dengan menghabiskan dana ber M-M (maksudnya Maribu, Mablas ribu) untuk melakukan penelitian dan dengan membanting keringat dan memeras tulang dan akhirnya berhasiiiiill..... Mau tahu cara membuatnya? jangan khawatir aku akan membagi-bagikan tutorial ini pada kalian dengan geratis (kalo ada yang mo bayar sih boleh aja :D ) yak mari kita mulai trik dan tipsnya.

Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan

Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. Yang nggak tahu caranya memback-template silahkan lihat dulu artikel ini. udah? kalo udah mari kita mulai ke jeroannya.

1. Cari kode ini <TITLE><data:blog.pageTitle/></TITLE> (tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

2. kalo udah cari kode ini:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

kalo ggak ada coba cari yang ini

h2.date-header {
margin:1.5em 0 .5em;
}

3. Kalo dah ketemu taruh script berikut dibawahnya

.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

Kode http://kendhin.890m.com/kalender/bluecalend.gif
adalah gambar icon kalender. kamu bisa menggantinya mengantinya
dengan gambar-gambar dibawah ini caranya ganti hurus yang dicetak tebal dengan
kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah,
caranya kamu ganti text bluecalend.gif
dengan redcalend.gif.


blackcalend.gif	blue2calend.gif	bluecalend.gif

greencalend.gif	orangecalend.gif	pinkcalend.gif

redcalend.gif	ungucalend.gif	yellowcalend.gif

Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.

4. langkah selanjutnya yaitu kamu cari kode ini
<data:post.dateHeader/>, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. Simpan Template kamu dan lihat hasilnya. Berhasil nggak ya? :t

Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {

NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. :D

Selamat mencobaaaaaaaaaa!!!!!!!........

Cara Membuat Menu DTree

2009-04-30T04:29:00.000-07:00

Apa itu menu Dtree (D-Tree) ? itu lho menu yang memiliki struktur seperti pohon, yang punya cabang-cabang itu lho, Seperti kalo kita membuka Windows Explorer. Menu yang seperti gambar dibawah ini atau seperti contoh ini.

Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?

Beginilah cara membuatnya :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode <head>

3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu tho cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Inolah script yang harus kamu copy di sidebar kamu.

berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:

d.add(10,0,’Profile’,’link.html’,’’,’’,’http://kendhin.890m.com/dtree/trash.gif’);

Ganti text "http://kendhin.890m.com/dtree/trash.gif" dengan alamat gambar kamu. contohnya akan seperti ini :

Nha gampang tho .....

Cara Membuat Menu Tab View

2009-04-30T04:27:00.000-07:00

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

Cara Membuat Read More / Baca Selengkapnya Versi 1

2009-04-30T04:23:00.000-07:00

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Membuat Read More Versi 2

2009-04-24T03:56:00.000-07:00

Lho? maksudnya apa? gini lho kalo read more yang lama, yang sudah pernah dibahas kita bahas dulu (udah baca belum?, kalo belum baca dulu gih disini ), kan kalo kita ng-klik tulisan read more atau Baca Selengkapnya itu kita akan membuka halaman baru sehingga akan meloading lagi halaman web kita, ya tho?. Nha Read more yang ini, yang akan kita bahas ini nggak gitu cara kerjanya, cara kerjanya yaitu berangkat jam 08.00 pagi pulang jam 16.00 WIB (emangnya PNS) :D Gini lho cara kerjanya :
Di trik Read more yang baru ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya, jadi tidak perlu meload ke halaman yang lain, contohnya disini. Piye? uenak tho? bagi yang sudah kebelet ingin menyimak trik ini silahkan langsung ikuti trik berikut ini (langsung loncat dua baris ke bawah). Dan bagi yang kebelet mo pipis silahkan ke kamar mandi dulu :D

Berikut ini langkah-langkahnya:

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya kilik tulisan Download Template lalu simpan.
4. JBeri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode </head>

6. Sudah? sudah belum? ditanya kok diam aja gimana sih ? :x
7. Kalo sudah cari kode dibawah ini

(letaknya kira-kira di bagian tengah kebawah. yak terus..terus..Nha disitu ketemu kan kodenya?)

8. Nha dibawahnya kan ada kode gini <div class='post-body entry-content'> Nha ganti kode tersebut menjadi seperti ini:

9.Terus dibawahnya kan kan ada kode gini <p><data:post.body/></p>
10. Tembahkan kode ini dibawahnya.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

11. jadi seluruh kodenya akan menjadi seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

selesai....

Ohya, kalo memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>

Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan pingin ganti dengan 'read more' yang baru ini?
gini caranya:

'Read more' yang lama kan kodenya seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting -->> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

bedanya apa sama read more yang dulu? perhatikan text yang berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti menjadi "id".

Gimana? Sudah bisa belum?
Pinter.... anak siapa siiihhh??? duh lutunya :$

Cara Menuliskan Script/Kode Dalam Artikel Blog

2009-04-13T07:50:00.000-07:00

Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan. Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode <head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode	Kode Pengganti
<	<
>	>
"	"

- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.

Piye? Gampang to? gitu aja kok repot.....

Launching Perdana

2009-04-10T07:18:00.000-07:00

Ass..Wr.Wb.

Terimakasih buat teman-teman & adik kelas yang sudah nyempetin waktunya untuk melihat blog saya.

Berawal dari pengalaman saya dulu waktu kuliah hingga sekarang adalah sulitnya kita mencari bahan materi untuk tugas kuliah kita,& sedikit sekali teman atau kakak kelas yang mau meluangkan waktunya untuk mengajari kita atau sharing tentang topik yang berhubungan dengan Kampus kita KESMAS.

Untuk itu saya membuat Blog ini untuk mempermudah teman-teman dan adik kelas dalam mencari materi untuk tugas atau sekedar bahan pelengkap bacaan maupun sharing bersama, tentunya yang kesmas banget :-)

Tapi untuk saat ini masih dalam pelengkapan materi so harap sabar & browsing terus Blog saya ya..hehehe.terima kasih!!!

Cara Membuat Read More / Baca Selengkapnya di Blogger

2009-03-02T03:26:00.000-08:00

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

Membuat Menu Horizontal

2009-02-27T01:57:00.000-08:00

Ada yang pingin buat menu horizontal tapi nggak tahu caranya?
Gini nih caranya, eh tapi tunggu dulu, apasih menu horizontal itu? Menu horizontal adalah menu-menu yang disusun secara horizontal (menyamping). Kayak gini ini lho:

Contohnya bisa kamu lihat disini .Nha pingin nggak? kalo pingin ikuti cara berikut ini:

pertama-tama kamu harus punya gambar kayak gini nih:

dan

kalo nggak punya gimana? kalo nggak punya pake gambar yang aku sediain ini aja deh.


blackleft.gif	blackright.gif

greenleft.gif	greenright.gif

redleft.gif	redright.gif

unguleft.gif	unguright.gif

yellowleft.gif	yellowright.gif

blueleft.gif	blueright.gif

whiteleft.gif	whiteright.gif

Ok, bahan-bahannya sudha ada, mari kita mulai maraciknya:
1. Login ke blogger terus pilih Layout --> Edit HTML, trus beri tanda centang pada kotak "Expand Widget Templates". jangan lupa template di backup dulu.
2. Cari script seperti ini ]]></b:skin>, kalo udah ketemu copy script dibawah ini dan taruh diatasnya

/*credits : http://trik-tips.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5; /* Garis Bawah*/
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background: url("http://kendhin.890m.com/menu/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background: url("http://kendhin.890m.com/menu/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}

Tulisan yang dicetak tebal bisa kamu ganti dengan gambar-gambar (text dibawah gambar) diatas tadi. Misalnya, jika kamu pilih yang warna merah maka scriptnya menjadi seperti ini;

background: url("http://kendhin.890m.com/menu/redleft.gif") no-repeat left top;

background: url("http://kendhin.890m.com/menu/redright.gif") no-repeat right top;

Mudeng nggak loe :D
Kalo sudah selesai mari kita lanjutkan, sampai angka berapa tadi? oh ya sampai angka ketiga ya.
3. Copy script berikut ini

<div id="tabshori">
<ul>
<li><a href="http://trik-tips.blogspot.com"><span>Home</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Trik-Tips</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Free Template </span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Kamus</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Profile</span></a></li>
</ul>
</div >

4. Ganti http://trik-tips.blogspot.com dengan link yang kamu tuju. Link tersebut bisa berupa alamat blog lain atau link postingan km. Untuk mendapatkan link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox).
Kemudian text yang dicetak tebal bisa kamu ganti dengan text yang kamu suka. Text tersebut adalah text yang muncul di tombol/menu.
5. Cara memasangnya ada beberapa macam tergantung dari template yang digunakan, salah satu contoh memasangnya yaitu begini
cari kode berikut ini :

caranya nyari biar gampang, copy script diatas lalu tekan Ctrl-f kemudian paste di kotak find, nha langsung ketemu kan. Kalo udah ketemu copy script yang tadi diatasnya

6. Simpan hasil pengeditan.
7. Lihat hasilnya.
8. kalo hasilnya kurang bagus/acak-acakan coba script tadi dipindah tempatnya, misalnya pindah keatasnya yaitu diatas kode </div>. kalao nggak cocok juga tempatnya dicoba lagi yang diatasnya atau juga dibawahnya, begitu terus sampai ketemu tempat yang cocok.
9. Kalo masih belum berhasil juga coba cara ini:
- Cari kode berikut ini :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/> </b:section>

teru ganti text yang berwarna hijau sihingga menjadi seperti ini:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'> <b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/> </b:section>

terus di Save

Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah dikit, nha gitu, terus simpan dan lihat hasilnya.

hasilnya pasti akan berbeda-beda di setiap template.
kalo berhasil berarti kamu pinter, kalo gagal berarti kamu kurang pinter :r coba diteliti lagi langkah-langkahnya dan dipahami maksudnya, jangan cuma di plototin. OK BOZ, Good luck.....

Membuat Menu Vertikal (Vertical)

2009-02-26T20:00:00.000-08:00

Sebelumnya kita pernah

membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }

Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :

.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;

dan

.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');

Pilihan Warna menu vertikal :

	blue1.gif blue2.gif
	green1.gif green2.gif
	red1.gif red2.gif
	pink1.gif pink2.gif
	black1.gif black2.gif

3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:

<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>

Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.

Dah gitu aja. Gampang kan???? :D

Menambah Emoticon di Shoutbox

2009-02-23T01:01:00.000-08:00

Apa kamu bosan dengan emoticon yang ada di shoutbox kamu? Nha biar nggak bosan kamu bisa menambahkan sendiri icon-icon (emoticon) kesayangan kamu kedalam shoutbox blog kamu. Mau tahu caranya? begini nih cara nya...
Oh ya, trik yang ini hanya untuk yang menggunakan shoutbox dari shoutmix.

Ikuti langkah-langkah berikut ini :
1. Login ke shoutmix.com
2. Trus di daerah menu "Display", klik link "Smileys"
3. Nha nanti kamu akan menjumpai tampilan seperti ini :

1. Login ke shoutmix.com
2. Trus di daerah menu "Display", klik link "Smileys"
3. Nha nanti kamu akan menjumpai tampilan seperti ini :

4. Untuk manambahkannya masukkan alamt icon kamu kedalam kotak "Smile image URL", kalo kamu tidak punya iconnya atau alamatnya kamu bisa gunakan alamat icon2 dibawah ini.
5. Trus masukkan "kode" (shorcut) kedalam kotak disebelahnya trus klik tombol "ADD"
6. Lakukan terus seperti itu sampai semua icon smile yang kamu inginkan masuk dalam daftar.
7. Kalo sudah klik tombol "Save Setting"

Nha coba kamu lihat blog kamu, trus lihat dishoutboxnya maka kamu sudah punya tambahan emoticon dalam shoutbox kamu.

Berikut ini daftar emoticon beserta alamat URL-nya :

Icon	URL
	http://kendhin.890m.com/smile/senang.gif
	http://kendhin.890m.com/smile/yahoo_angry.gif
	http://kendhin.890m.com/smile/yahoo_bigsmile.gif
	http://kendhin.890m.com/smile/yahoo_blush.gif
	http://kendhin.890m.com/smile/yahoo_cry.gif
	http://kendhin.890m.com/smile/yahoo_devil.gif
	http://kendhin.890m.com/smile/yahoo_kiss.gif
	http://kendhin.890m.com/smile/yahoo_laughloud.gif
	http://kendhin.890m.com/smile/yahoo_love.gif
	http://kendhin.890m.com/smile/yahoo_wink.gif
	http://kendhin.890m.com/smile/yahoo_party.gif
	http://kendhin.890m.com/smile/yahoo_pray.gif
	http://kendhin.890m.com/smile/yahoo_rotfl.gif
	http://kendhin.890m.com/smile/yahoo_sad.gif
	http://kendhin.890m.com/smile/yahoo_sleep.gif
	http://kendhin.890m.com/smile/yahoo_smiley.gif
	http://kendhin.890m.com/smile/yahoo_sweating.gif
	http://kendhin.890m.com/smile/yahoo_think.gif
	http://kendhin.890m.com/smile/yahoo_tongue.gif
	http://kendhin.890m.com/smile/yahoo_witsend.gif

Oh ya lupa, maksimal icon smile yg dapat kita tambahkan adalah 10 biji, ini buat yg gratisan, kalo buat yg premium bisa nyampe 500 biji.

Menampilkan / Pasang Emoticon di Kotak Komentar

2009-01-23T04:05:00.000-08:00

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :

Emoticon Kucing :

Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

Untuk Emoticon Kucing :

4. Kemudian cari kode berikut ini :

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

Kalo mo yang emoticon kucing pake yang ini :

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Merubah Title Blog dengan Title Postingan

2009-01-12T09:07:00.000-08:00

Perlu gak sih mengganti title/judul blog dengan title postingan?
Title blog biasanya berada didepan title postingan. Seperti yang dulu aku bilang, mengoptimalkan title itu akan mempengaruhi dalam membuat blog kita berada dalam top rank hasil pencarian search engine. Nha jika kamu menggunakan trik mengganti title blog kamu dengan title postingan maka hal itu akan lebih bagus lagi buat masuk ke jajaran depan search engine.

Bener gak sih?

Dulu ketika aku belum pake trik ini, ketika aku mencari di google dengan keyword "Cara Membuat Search Engine" maka hasilnya adalah sepeti ini:

Tapi sekarang ketika aku terapkan trik ini maka hasilnya menjadi seperti ini :

Nha tentunya orang akan lebih suka untuk memilih mengklik hasil seperti pada gambar yang kedua daripada gambar yang pertama, ya kan? dan kalo menurut yang ahli dalam SEO (Search Engine Optimization) katanya cara ini akan membuat blog kita menjadi lebih Search Engine Friendly. OK bagi yang pingin mencobanya silahkan ikuti langkah-langkah berikut ini:

1. Masuk ke "Layout-->>Edit HTML
2. Cari kode ini ;

<title><data:blog.title/></title>

( letaknya dibagian atas)

3. Kalo sudah ketemu ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. Trus simpan.

Untuk halaman utama titlenya akan tetap title blog. tapi jika km coba buka salah satu postinganmu maka nanti title postingmu akan menjadi title blogmu.

SeLAmat MEncoBA......