Make a Magazine Style Drop Caps

Sebelum membicarakan tentang tutorial blog, karena hari ini merupakan hari ulang tahun kemerdekaan Republik Indonesia, maka saya selaku salah satu dari sekian banyak anak bangsa tak ada salahnya jika saya mengucapkan selamat merayakan hari kemerdekaan kepada sobat semua selaku bagian dari bangsa indonesia, semoga dengan datangnya hari bahagia ini bangsa kita menjadi bangsa yang lebih dewasa, lebih maju, lebih makmur, dan lain sebagainya yaitu menuju kearah yang lebih baik. (tumben ngomongnya serius).



Saya rasa cukup deh ngomong seriusnya ya, soalnya kalau terus-terusan serius otak ku menjadi beku, jari-jari ku menjadi kaku, lidah ku menjadi kelu, mulutku menjadi bisu, asa ku menjadi layu (keterusan deh). Oke.... sobat, kita kembali ke.... blog tutorial tentunya. Sebelum mulai, saya mau ngadain kuiz dulu, tolong jawab yang jujur ya, Apakah sobat pernah membaca koran atau surat kabar? jawabannya pasti sudah pernah. benarkan? yeeeehh jawabannya ketebak deh , lalu apa hubungannya dengan tutorial blog? ceritanya seperti ini, di dalam tulisan sebuah koran, hampir menjadi suatu kewajiban bahwa hurup awal dari sebuah artikel di cetak lebih besar di banding dengan tulisan lainnya. Nah bagi sobat yang mempunyai keinginan untuk membuat tulisan yang bergaya seperti tulisan dalam koran, maka teruslah membaca sampai akhir postingan.

Untuk membuat huruf awal di cetak lebih besar, maka sobat perlu membubuhkan kode css ke dalam style sheet nya. Karena template blogger masih terbagi dua yaitu klasik dan baru, maka untuk cara penempatan kode pun ada sedikit berbeda. Untuk itu silahkan ikuti langkah-langkah
berikut ini !

Untuk Template Klasik

1. Sigin di blogger





2. Klik menu Template





3. Klik menu Edit HTML





4. Copy seluruh kode template, lalu paste pada notepad kemudian save. Ini untuk berjaga-jaga apabila terjadi kesalahan melakukan editting





5. Copy paste kode berikut di antara kode <style type='text/css'> dan kode </style>
   dan kalau sobat merasa bingung, maka tempatkan saja di atas kode </style>





 






/* kode untuk hurup awal

----------------------------------------------- */

.awal {

float:left;

color: #000000;

background:#ffffff;

line-height:80px;

padding-top:1px;

padding-right:5px;

font-family:times;

font-size:100px;

}







6. Klik tombol Simpan Perubahan Template





7. Selesai

Untuk Template Baru

1. Sign in di blogger





2. Klik menu Layout





3. Klik menu Edit HTML





4. Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template





5. Copy paste kode berikut di antara kode <b:skin><![CDATA[ dan kode
   ]]></b:skin> , atau jika bingung simpan saja persis di atas kode
   ]]></b:skin>






 






/* kode untuk hurup awal

----------------------------------------------- */

.awal {

float:left;

color: #000000;

background:#ffffff;

line-height:80px;

padding-top:1px;

padding-right:5px;

font-family:times;

font-size:100px;

}









6. Klik Tombol Simpan Template





7. Selesai.

Langkah-langkah di atas merupakan langkah pertama, langkah selanjutnya yang harus sobat lakukan adalah ketika melakukan posting harus pada posisi Edit HTML bukan pada Compose, nah simpanlah huruf awal artikel pada kode berikut <span class="awal">hurup awal </span>.
Setelah itu terserah sobat, mau tetap pada posisi Edit HTML atau berpindah ke mode Compose tidak
ada masalah. Contoh penulisan artikelnya seperti ini :



<span class="awal">S</span>ebelum membicarakan tentang tutorial blog, karena hari ini merupakan hari ulang tahun kemerdekaan Republik Indonesia, maka saya selaku salah satu dari sekian banyak anak bangsa
tak ada salahnya jika saya mengucapkan selamat merayakan hari kemerdekaan kepada sobat semua selaku bagian dari bangsa
indonesia, semoga dengan datangnya hari ini bangsa kita menjadi bangsa yang lebih dewasa, lebih maju, lebih makmur, dan lain sebagainya yaitu menuju kearah yang lebih baik. (tumben ngomongnya serius).



Maka hasilnya nanti akan seperti ini :



Sebelum membicarakan tentang tutorial blog, karena hari ini merupakan hari ulang tahun kemerdekaan Republik Indonesia, maka saya selaku salah satu dari sekian banyak anak bangsa tak ada salahnya jika saya mengucapkan selamat merayakan hari kemerdekaan kepada sobat semua selaku bagian dari bangsa indonesia, semoga dengan datangnya hari ini bangsa kita menjadi bangsa yang lebih dewasa, lebih maju, lebih makmur, dan lain sebagainya yaitu menuju kearah yang lebih baik. (tumben ngomongnya serius).





Bagaimana sobat, menarik bukan? bukan. ah ko gitu sih
Agar sobat menjadi lebih faham tentang kode-kode diatas tadi, maka akan saya bahas.

/* kode untuk hurup awal

----------------------------------------------- */

.awal {

float:left;

color: #000000;

background:#ffffff;

line-height:80px;

padding-top:1px;

padding-right:5px;

font-family:times;

font-size:100px;

}

.awal    --> ini adalah penamaan saja, mau di ubah jadi begin, start, atau apa saja boleh, cuma jangan lupa untuk membubuhkan tanda titik (dot) di awal tulisan.



float:left;    --> ini adalah kode agar tulisan awal di letakan pada posisi kiri alias mepet ke kiri, jangan di ubah kalau yang ini.



color: #000000;    --> ini adalah kode untuk warna tulisan, kode #000000 adalah kode warna hitam, jika sobat ingin warna yang lain maka silahkan saja di ganti.



background:#ffffff;    --> ini adalah kode untuk warna latar belakang, kode #ffffff adalah kode warna putih, jika sobat ingin warna yang lain silahkan di ganti sesuai keinginan.



line-height:80px;    --> ini adalah kode untuk jarak baris, sebaiknya jangan di ganti.



padding-top:1px;    --> ini adalah kode untuk jarak sela antara tulisan dengan bagian atasnya, sebaiknya jangan di ganti.



padding-right:5px;    --> ini adalah kode untuk jarak sela antara tulisan awal dengan tulisan selanjutnya sebesar 5 pixel, jika sobat berniat
mengganti jaraknya, silahkan ganti nilainya saja.



font-family:times;    --> ini adalah kode jenis hurup, yang di pakai adalah jenis times, jika tidak suka dengan times bisa di ganti dengan yang lain, mau Georgia, Verdana, sans-serif atau yang lainnya silahkan saja.



font-size:100px;    --> ini adalah kode untuk besarnya hurup, jika mau di ganti silahkan ganti nilainya saja.



Sudah jelaskah? nah jika sobat ingin berkreasi dengan yang namanya warna tapi tidak mengetahui kodenya, jangan khawatir, kawan saya bang iwan sangat kreatif, yakni menuliskan kode warna sekalian bentuk warnanya pada bagian footer blog beliau, jika sobat minat silahkan kunjungi blog beliau di http://free-7.blogspot.com



satu lagi yang terakhir yaitu apabila sobat ingin melihat blog yang memakai sistem ini dengan warna lain, silahkan sobat klik di sini !



Selamat berkreasi !

Merdeka..Merdeka..Merdeka

Merdeka...merdeka...merdeka. Kembali kita sampai di Tgl 17 Agustus lagi. Apa yang kita rasakan ? apa kita benar-benar merasa merdeka ? dan merasa bebas dan lepas dari penjajahan ?. Benarkah itu yang di rasakan ?.
Kalau memang itu benar dirasakan didalam lubuk hati dan jiwa, sudah tentu sobat memiliki rasa nasionalisme yang tinggi kepada bangsa kita tercinta. Sungguh kita bersyukur dan amat sangat bersyukur, karena kita telah di lahirkan di masa kemerdekaan. Kita tidak perlu angkat senjata untuk mengusir penjajah di negeri kita Indonesia yang semua itu membutuhkan pengorbanan yang amat sangat berat. Kita sudah di lahirkan saat dimana desingan peluru dan tajamnya samurai jepang sudah tiada lagi.

Kawan, coba kita hening sejenak mengenang perjuangan para pahlawan kita terdahulu. Betapa berat perjuangan mereka sampai harus mengorbankan apapun. Smua demi kemerdekaan bangsa tercinta ini. Kita tidak pernah di minta untuk mengganti rugi apa yang sudah hilang dari yang mereka pernah miliki. Kita hanya tinggal menikmati hasil perjuangan mereka, sungguh beruntung kita ...saaaaaaangat2 beruntung. Kita hanya tau tangisan dan jeritan para pahlawan kita lewat cerita kakek nenek kita dan buku-buku sejarah pelajaran di bangku sekolah. Lalu menangiskah kita membaca kisah para pahlawan itu ? bisa kah kita merasakan apa yang pahlawan2 rasakan dulu ? hmmm ... ironi nya .. memasang bendera sang saka merah putih di HUT RI saja nunggu instruksi pak RT

Memaknai hari kemerdekaan bukan lah hanya sekedar berpesta di HUT RI dengan mengadakan berbagai lomba-lomba anak-anak maupun orang dewasa. Tapi kita juga harus mengenang bahwa hari ini adalah hari yang saaaaaaaaaaaaangat-sangat penting dan seharusnya lebih penting di banding dengan HUT kekasih tercinta ataupun kawan-kawan tercinta disekolah maupun di tempat kerja.

Mari kawan-kawan, kita maknai HUT Kemerdekaan RI ke 62 ini dengan "sedikit" merenungi para pahlawan-pahlawan yang telah gugur di medan laga. Mereka adalah sebenar-benarnya pahlawan kita bangsa indonesia. Mereka bukan Superman, Batman, Robin Hood atau tokoh-tokoh Super Hero lainya..... mereka hanya manusia biasa sama seperti kita, namun mereka punya semangat yang tinggi untuk membela bangsa dan negara tercinta sampai harus mengorbankan apapun yang mereka pernah miliki bahkan nyawa sekalipun. Semua untuk kita generasi ini .... Terimakasih Pahlawanku ...terimakasih ...jasamu akan aku kenang selalu sampai kapanpun

Kepada bangsaku tercinta, Selamat HUT kemerdekaan ke 61 .. smoga tentram, damai dan sentosa...AMIN. Kami akan tetap meneruskan perjuangan para pendahulu-pendahulu kami untuk memajukan bangsa dan negeri ini ke arah yang lebih baik dari waktu ke waktu. Semoga engkau memiliki pemimpin yang memiliki Akhlak dan Budi yang luhur serta Ikhlas membangun bangsa ini ... bangsa INDONESIA.

New Blogger Label Cloud

Update : Tutorial ini sudah tidak berlaku lagi, silahkan baca tutorial terbaru, klik di sini!

Setelah kemarin mudik ke bandung selama dua hari nengokin si kembar yang semakin hari
semakin gemesin aja, akhirnya saya balik lagi deh ke jakarta untuk mencari rezeki buat membiayai istri tercinta serta si kembar yang sudah mulai pintar jajan. Yups, tidak usah lama-lama curhatnya, ntar jadi malah garing. OK, kita kembali ke......blog tutorial tentunya. Tutorial kali ini saya ingin membahas tentang pemasangan label Cloud atau Tag Cloud pada template baru/new blogger template.



What's the meaning of Label Cloud?



Label cloud adalah pemasangan label (kategori) dalam bentuk cloud.... ( desiiig kalau gitu doang ga usah di terangin atuh... abis ga tau definisinya jadi ya asalan-asalan deh), seperti yang sobat lihat pada sidebar sebelah kanan blog ini yaitu di bawah tulisan Kategori
di sana terdapat beberapa label (kategori) yang pada ujungnya tertera berapa jumlah kategori yang terpasang pada kateori tersebut.

Nah itu adalah label yang umum di pakai di blogger, bila ingin sedikit yang berbeda, sobat bisa memasang label cloud. Dengan label cloud, label (kategori) akan di tulis dalam ukuran font yang berbeda sesuai dengan banyaknya kategori yang di pasang, semakin sering kategori tersebut maka semakin besar pula font nya akan tercetak.



Untuk memasang label cloud, tehnik yang saya pakai kali ini adalah buah karya dari phydeaux.
Silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger





2. Klik menu Layout





3. Klik menu Edit HTML





4. Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template





5. Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang.





6. Tunggu beberapa saat sampai proses selesai





7. Simpan kode berikut di antara kode <b:skin><![CDATA[ dan kode
   ]]></b:skin> , atau jika bingung simpan saja persis di atas kode
   ]]></b:skin>







/* Label Cloud Styles

----------------------------------------------- */

#labelCloud {text-align:center;font-family:arial,sans-serif;}

#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}

#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}

#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}

#labelCloud a{text-decoration:none}

#labelCloud a:hover{text-decoration:underline}

#labelCloud li a{}

#labelCloud .label-cloud {}

#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}

#labelCloud .label-cloud li:before{content:"" !important}









8. Copy paste kode berikut sesudah kode ]]></b:skin> dan sebelum kode </head>
   atau jika bingung simpan saja persis di atas kode </head>
   
   
   
   
   
   
<script type='text/javascript'>

// Label Cloud User Variables

var cloudMin = 1;

var maxFontSize = 20;

var maxColor = [0,0,255];

var minFontSize = 10;

var minColor = [0,0,0];

var lcShowCount = false;

</script>



   
   
   
   
   
   
   
9. Cari kode berikut di dalam kode template sobat







<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

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

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>










10. Ganti kode di atas dengan kode berikut ini :







<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>



<div class='widget-content'>

<div id='labelCloud'/>

<script type='text/javascript'>



// Don't change anything past this point --------------

// Cloud function s() ripped from del.icio.us

function s(a,b,i,x){

if(a&gt;b){

var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)

}

else{

var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)

}

return v

}





var c=[];

var labelCount = new Array();

var ts = new Object;

<b:loop values='data:labels' var='label'>

var theName = &quot;<data:label.name/>&quot;;

ts[theName] = <data:label.count/>;

</b:loop>



for (t in ts){

if (!labelCount[ts[t]]){

labelCount[ts[t]] = new Array(ts[t])

}

}

var ta=cloudMin-1;

tz = labelCount.length - cloudMin;

lc2 = document.getElementById('labelCloud');

ul = document.createElement('ul');

ul.className = 'label-cloud';

for(var t in ts){

if(ts[t] &lt; cloudMin){

continue;

}

for (var i=0;3 &gt; i;i++) {

c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)

}

var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);

li = document.createElement('li');

li.style.fontSize = fs+'px';

li.style.lineHeight = '1';

a = document.createElement('a');

a.title = ts[t]+' Posts in '+t;

a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';

a.href = '/search/label/'+encodeURIComponent(t);

if (lcShowCount){

span = document.createElement('span');

span.innerHTML = '('+ts[t]+') ';

span.className = 'label-count';

a.appendChild(document.createTextNode(t));

li.appendChild(a);

li.appendChild(span);

}

else {

a.appendChild(document.createTextNode(t));

li.appendChild(a);

}

ul.appendChild(li);

abnk = document.createTextNode(' ');

ul.appendChild(abnk);

}

lc2.appendChild(ul);

</script>



<noscript>

<ul>

<b:loop values='data:labels' var='label'>

<li>

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

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

</noscript>

<b:include name='quickedit'/>

</div>



</b:includable>

</b:widget>








11. Klik tombol Simpan template





12. Selesai.

Bagaimana sobat, berhasilkah? mudah-mudahan tidak menemui kendala apapun. Untuk melihat contohnya, silahkan sobat klik di sini !

Hidup ini Sederhana

Ada seseorang saat melamar kerja, memungut sampah kertas di lantai ke dalam tong sampah, dan hal itu terlihat oleh peng-interview, dan dia mendapatkan pekerjaan tersebut.

* Ternyata untuk memperoleh penghargaan sangat mudah, cukup memelihara kebiasaan yang baik.

Ada seorang anak menjadi murid di toko sepeda. Suatu saat ada seseorang yang mengantarkan sepeda rusak untuk diperbaiki di toko tsb.
Selain memperbaiki sepeda tsb, si anak ini juga membersihkan sepeda hingga bersih mengkilap. Murid-murid lain menertawakan perbuatannya. Keesokan hari setelah sang empunya sepeda mengambil sepedanya, si adik kecil ditarik/diambil untuk kerja di tempatnya.

* Ternyata untuk menjadi orang yang berhasil sangat mudah, cukup punya inisiatif sedikit saja.

Seorang anak berkata kepada ibunya: "Ibu hari ini sangat cantik."
Ibu menjawab: "Mengapa?"
Anak menjawab: "Karena hari ini ibu sama sekali tidak marah-marah."

* Ternyata untuk memiliki kecantikan sangatlah mudah, hanya perlu tidak marah-marah.

Seorang petani menyuruh anaknya setiap hari bekerja giat di sawah.
Temannya berkata: "Tidak perlu menyuruh anakmu bekerja keras, tanamanmu tetap akan tumbuh dengan subur."
Petani menjawab: "Aku bukan sedang memupuk tanamanku, tapi aku sedang membina anakku."

* Ternyata membina seorang anak sangat mudah, cukup membiarkan dia rajin bekerja.

Seorang pelatih golf berkata kepada muridnya: "Jika sebuah bola jatuh ke dalam rerumputan, bagaimana cara mencarinya?"
Ada yang menjawab: "Cari mulai dari bagian tengah."
Ada pula yang menjawab: "Cari di rerumputan yang cekung ke dalam."
Dan ada yang menjawab: "Cari di rumput yang paling tinggi."
Pelatih memberikan jawaban yang paling tepat: "Setapak demi setapak cari dari ujung rumput sebelah sini hingga ke rumput sebelah sana ."

* Ternyata jalan menuju keberhasilan sangat gampang, cukup melakukan segala sesuatunya setahap demi setahap secara berurutan, jangan meloncat-loncat.

Katak yang tinggal di sawah berkata kepada katak yang tinggal di pinggir jalan: "Tempatmu terlalu berbahaya, tinggallah denganku."
Katak di pinggir jalan menjawab: "Aku sudah terbiasa, malas untuk pindah."
Beberapa hari kemudian katak "sawah" menjenguk katak "pinggir jalan" dan menemukan bahwa si katak sudah mati dilindas mobil yang lewat.

* Ternyata sangat mudah menggenggam nasib kita sendiri, cukup hindari kemalasan saja.

“YANG PALING PENTING, HIDUP INI HARUS BERMANFAAT BUAT ORANG LAIN.”


From : Takdir Ilyas

Phising Yahoo Account

Yahoo Account adalah barang gratisan yang bisa didapatkan oleh siapapun tanpa perlu membayar. Apa motivasi dan tujuan mendapatkan password Yahoo Account ? Memang benar bahwa Yahoo Account bisa didapatkan oleh siapapun tanpa perlu membayar, tetapi perkembangan Yahoo Account sendiri mencapai tingkat yang menarik, ibaratnya Nasi Goreng Jawa yang sudah pakai krupuk, telor matasapi ditambahi sate dan abon lagi. Jika dulu kita harus memiliki banyak account (username dan password) untuk berbagai macam layanan terpisah seperti email dari Hotmail (sekarang dibeli oleh Microsoft), Messenger menggunakan ICQ (sekarang dibeli oleh AOL), voip menggunakan Skype (sekarang dibeli oleh Ebay), mailing list menggunakan Egroups (sekarang dibeli oleh Yahoo) dan layanan SMS dari internet.

Maka hari ini cukup anda memiliki satu account saja sudah dapat memiliki semua hal tersebut di atas ..... dipikir-pikir perkembangan internet memang luar biasa :).

Seperti kita ketahui, hukum kenikmatan berbanding terbalik dengan keamanan. Memang nikmat memiliki satu account untuk semua, sehingga tidak perlu mencatat / mengingat banyak username dan password. Tetapi celakanya jika username dan password tersebut berhasil di ketahui oleh orang lain, kenikmatan tadi berbalik menjadi bencana. Sudah email accountnya dikuasai orang .... sekalian password voip, mailing list dan lainnya juga dikuasai cukup dengan mengetahui satu password. Ibaratnya di dunia nyata, sudah motornya kecurian karena kuncinya tertinggal di stop kontak, eh... STNKnya juga ada di gantungan kunci, BPKB dan KTP pemiliknya disimpan di bawah jok kursi. Ngeri kan anda membayangkan hal ini. Terlebih jika account tersebut digunakan untuk hal yang penting seperti untuk tujuan bisnis atau hal penting lain seperti moderator mailing list penting yang berhak memasukkan atau menghentikan member baru. Lebih celaka lagi jika account tersebut dapat digunakan untuk transaksi ... anda bayangkan sendiri akibatnya. Ibarat kartu kredit anda dicuri dan digunakan oleh orang lain dan anda yang harus menanggung akibatnya.

Bagaimana hal ini dilakukan ?

Phiser akan membuat satu halaman web "gadungan" yang mirip sekali dengan halaman web autentifikasi password Yahoo (lihat gambar 1).

Gambar 1, Halaman web phising yang bertujuan mendapatkan password Yahoo. Perhatian bahwa website ini akan mengirimkan informasi ke www2.fiberbit.net.

Halaman web ini akan dipasang (hosting) pada hosting gratis yang disediakan Yahoo, Geocities (EG www.geocities.com, uk.geocities.com). Pemilihan hosting di Geocities ini juga merupakan phising yang cerdik karena penerima tentunya tidak akan curiga menerima halaman autentifikasi dari Geocities karena dimiliki oleh Yahoo. Padahal jika korbannya menasukkan informasi, maka semuanya akan dikirimkan ke alamat yang telah dpersiapkan sebelumnya.

Lalu bagaimana korbannya diantar untuk masuk ke website ini. Masa ada orang yang dengan bodohnya secara sukarela memasukkan informasi account Yahoonya pada website yang tidak dikenalnya ?

Oke, begini ceritanya. Bagaimana jika yang mengirimkan link tersebut adalah teman YM anda. Dengan pesan, silahkan lihat foto saya pada link ini, dan setelah mengklik link tersebut anda diantarkan pada halaman web seperti gambar 1. Tentunya anda secara otomatis tanpa ba..bu... akan langsung memasukkan informasi username dan password dan mengklik [Sign In] untuk melihat foto teman anda tanpa menyadari bahwa informasi account anda tersebut telah diketahui juga oleh orang lain. Hebatnya, setelah anda memasukkan informasi tersebut maka halaman web tersebut akan meneruskan halaman web anda ke halaman web foto Yahoo sehingga anda tidak akan curiga.

Sebagai perbandingan, coba perhatikan gambar 2 dibawah ini yang merupakan halaman web autentifikasi Yahoo yang asli.

Gambar 2, Halaman web autentifikasi Yahoo yang asli, perhatikan adanya Sign In Seal yang unik dan berbeda pada setiap komputer yang bertujuan untuk mempermudah mengidentifikasi web phising.

Sekali mendapatkan satu Account Yahoo baru, maka secara diam-diam program otomatis akan melakukan login pada YM account dan mengirimkan link URL foto phising tadi ke seluruh kontak YM yang telah berhasil diketahuinya. Hal ini akan dilakukan terus menerus setiap kali program mendapatkan account Yahoo baru.

Jika halaman web phising tersebut diteliti lebih jauh (view source), ternyata tersimpan script untuk mengirimkan informasi Yahoo id ke alamat email rose_ayu01@yahoo.com. Lihat gambar 3.

Gambar 3, Halaman web phising mengirimkan informasi Yahoo id korbannya secara rahasia ke email yang telah ditentukan.

Ganti Password anda secara berkala !!

Jika anda pernah tertipu dan memasukkan Username dan Password anda pada website apapun yang mencurigakan dan tidak anda yakini keasliannya, kami sarankan SEGERA ganti password Yahoo anda sekarang. Jika anda merasa tidak pernah atau ragu-ragu .... kami sarankan tetap ganti password Yahoo anda sekarang (jika anda merasa Account Yahoo anda penting) karena salah satu prinsip penanganan password yang baik adalah password diganti secara berkala.

Untuk memudahkan identifikasi halaman web autentifikasi Yahoo, aktifkan fitur Sign In Seal dan harap perhatikan setiap masuk ke web autentifikasi Sign In Seal harus muncul, jika tidak kemungkinan besar website tersebut bukan dari Yahoo.

Referensi : AAT

info@vaksin.com, Google, CyberMedia

Membuat Navbar

Setelah beberapa hari tidak ada tulisan baru di blog ini, akhirnya saya tulis juga tutorial baru. Kali ini saya akan memenuhi hasrat sobat muhhib yang pantang menyerah, jika di hitung mungkin sudah tiga kali lebih beliau menanyakan tentang hal ini yaitu cara membuat navbar yang berada di bagian footer seperti yang ada pada blognya mas anang.



Ada kemungkinan bahwa navbar yang saya buat ini agak berbeda dengan miliknya mas anang, maklum lah lain orang lain ilmu, walaupun sebenarnya ilmu ini saya pelajari dari templatenya mas anang sendiri. Apa itu navbar? agar tidak bingung, coba alihkan pandangan sobat ke bagian paling atas blog ini ! di sana terlihat satu frame miliknya blogger untuk memudahkan kita sigin di blogger, nah seperti itulah navbar yang saya maksud.

Untuk membuat gambar seperti itu, ada beberapa langkah yang harus sobat lakukan, di antaranya :

1. Jika sobat menginginkan dalam navbar tersebut terpampang foto atau logo ataupun tanda tangan seperti miliknya mas anang, maka buatlah terlebih dahulu foto/logo atau gambar berbentuk tanda tangan, tapi tentunya dalam ukuran yang kecil. Contoh seperti gambar berikut ini :








atau gambar tanda tangan seperti ini (tanda tangan saya agak mirip dengan yang punya mas anang) :








2. jika foto/logo atau gambar tanda tangan sudah selesai di buat, maka langkah selanjut adalah meng upload foto tersebut ke hosting untuk menyimpan gambar, bisa ke blogger ataupun hosting lain. setelah di upload, catatlah alamat gambar tersebut untuk keperluan nanti di simpan di dalam navbar. Contoh alamat foto dan tanda tangan di atas seperti ini :




http://favatar.myfavatar.com/amen24.png



http://amen24.googlepages.com/TandaTangan_03.gif




3. Langkah selanjutnya adalah memasukan kode CSS untuk navbar yang di buat, contoh kodenya seperti ini :





/* kode untuk navbar

--------------------------------------- */



#navbar-bawah img {

/* margin: 0px 0px -8px 0px; */

vertical-align: middle;

}




#navbar-bawah p.info {

float: right;

padding-right:40px;

line-height: 1.5;

height: 100%;

vertical-align: bottom;

}




#navbar-bawah p {

float: left;

margin: 0px;

padding-top:4px;

padding-left:40px;

line-height: 1.2;

vertical-align: bottom;

}




#navbar-bawah a {

color:#00CCFF;

text-decoration:none;

}

#navbar-bawah a:hover{

color: #00FFFF;

}

#navbar-bawah {

align: center;

position: fixed;

border-top: 1px solid #ddd;

border-bottom: 5px solid #003366;

background-color: #114477;

width: 100%;

left: 0px;

text-align: left;

color: #ffffff;

font-family: verdana;

font-size: 12px;

z-index:10000;

bottom:0;


}








4. Langkah berikutnya adalah memasukan kode navbar pada body template, contoh kodenya seperti ini :







<br/><br/>

<div id="navbar-bawah">

<p><img border="0" src="http://favatar.myfavatar.com/amen24.png"/>&#160;&#160;&#160;

<a href="http://template-unik.blogspot.com"><b>Template Unik</b>

</a>&#160;&#160;&#169;&#160;2007&#160;|

Design by <a href="http://kolom-tutorial.blogspot.com" target="_blank">Rohman Abdul Manap</a>

&#160;&#160;&#160;<img border="0" src="http://amen24.googlepages.com/TandaTangan_03.gif"/></p>

<p class="info">Powered by <a href="http://www.blogger.com">Blogger</a> |

thanks to <a href="http://www.feedburner.com" target="_blank">Feed burner</a><br/>

Best viewed in Firefox 1.5+ at 1024x768 or higher resolution</p>

</div>



Tadinya saya mau menerangkan tentang kode CSS yang saya pasang di atas, akan tetapi rasanya saya agak kurang enak badan jadi pinginnya singkat saja. sebagai catatan, kode yang saya cetak merah berarti harus di ganti dengan link atau tulisan yang sobat miliki.



Untuk cara pemasangan kode di atas, silahkan ikuti langkah berikut ini :



Untuk Template Klasik

1. Sign in di blogger





2. Klik menu Template





3. Klik menu Edit HTML





4. Copy seluruh kode template sobat, paste di notepad kemudian save di komputer sobat sebagai backup data





5. Copy paste kode berikut ! simpan antara kode <style type="text/css"> dan kode </style>.
   atau jika bingung, simpan saja persis di atas kode </style>





/* kode untuk navbar

--------------------------------------- */



#navbar-bawah img {

/* margin: 0px 0px -8px 0px; */

vertical-align: middle;

}




#navbar-bawah p.info {

float: right;

padding-right:40px;

line-height: 1.5;

height: 100%;

vertical-align: bottom;

}




#navbar-bawah p {

float: left;

margin: 0px;

padding-top:4px;

padding-left:40px;

line-height: 1.2;

vertical-align: bottom;

}




#navbar-bawah a {

color:#00CCFF;

text-decoration:none;

}

#navbar-bawah a:hover{

color: #00FFFF;

}

#navbar-bawah {

align: center;

position: fixed;

border-top: 1px solid #ddd;

border-bottom: 5px solid #003366;

background-color: #114477;

width: 100%;

left: 0px;

text-align: left;

color: #ffffff;

font-family: verdana;

font-size: 12px;

z-index:10000;

bottom:0;


}











6. Copy paste kode berikut persis di atas kode </body> (ganti yang tercetak merah dengan milik sobat) :







<br/><br/>

<div id="navbar-bawah">

<p><img border="0" src="http://favatar.myfavatar.com/amen24.png"/>&#160;&#160;&#160;

<a href="http://template-unik.blogspot.com"><b>Template Unik</b>

</a>&#160;&#160;&#169;&#160;2007&#160;|

Design by <a href="http://kolom-tutorial.blogspot.com" target="_blank">Rohman Abdul Manap</a>

&#160;&#160;&#160;<img border="0" src="http://amen24.googlepages.com/TandaTangan_03.gif"/></p>

<p class="info">Powered by <a href="http://www.blogger.com">Blogger</a> |

thanks to <a href="http://www.feedburner.com" target="_blank">Feed burner</a><br/>

Best viewed in Firefox 1.5+ at 1024x768 or higher resolution</p>

</div>








7. Klik tombol Simpan Perubahan Template





8. Selesai.

Untuk Template baru (new blogger template)

1. Sign in di blogger





2. Klik menu layout





3. Klik menu Edit HTML





4. Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template





5. Copy paste kode berikut ! simpan di atas kode ]]></b:skin>





/* kode untuk navbar

--------------------------------------- */



#navbar-bawah img {

/* margin: 0px 0px -8px 0px; */

vertical-align: middle;

}




#navbar-bawah p.info {

float: right;

padding-right:40px;

line-height: 1.5;

height: 100%;

vertical-align: bottom;

}




#navbar-bawah p {

float: left;

margin: 0px;

padding-top:4px;

padding-left:40px;

line-height: 1.2;

vertical-align: bottom;

}




#navbar-bawah a {

color:#00CCFF;

text-decoration:none;

}

#navbar-bawah a:hover{

color: #00FFFF;

}

#navbar-bawah {

align: center;

position: fixed;

border-top: 1px solid #ddd;

border-bottom: 5px solid #003366;

background-color: #114477;

width: 100%;

left: 0px;

text-align: left;

color: #ffffff;

font-family: verdana;

font-size: 12px;

z-index:10000;

bottom:0;










6. Copy paste kode berikut persis di atas kode </body> (ganti yang tercetak merah dengan milik sobat) :







<br/><br/>

<div id="navbar-bawah">

<p><img border="0" src="http://favatar.myfavatar.com/amen24.png"/>&#160;&#160;&#160;

<a href="http://template-unik.blogspot.com"><b>Template Unik</b>

</a>&#160;&#160;&#169;&#160;2007&#160;|

Design by <a href="http://kolom-tutorial.blogspot.com" target="_blank">Rohman Abdul Manap</a>

&#160;&#160;&#160;<img border="0" src="http://amen24.googlepages.com/TandaTangan_03.gif"/></p>

<p class="info">Powered by <a href="http://www.blogger.com">Blogger</a> |

thanks to <a href="http://www.feedburner.com" target="_blank">Feed burner</a><br/>

Best viewed in Firefox 1.5+ at 1024x768 or higher resolution</p>

</div>








7. Klik tombol Simpan Template





8. Selesai.

Itu tadi langkah-langkah yang di lakukan untuk membuat navbar, untuk melihat contoh dari hasil pemasangan kode di atas, sobat bisa mengunjungi blog saya yang satunya yaitu di http://template unik.blogspot.com. Arahkan scroll bar ke bagian paling bawah blog, maka nanti sobat bisa melihat navbar yang mirip punya blogger. Agar lebih cepat melihat contoh hasilnya silahkan sobat klik di sini !



Selamat mencoba !

Holiday VS TroubleShoot

Berawal dari hari sabtu 04.08.07 tepatnya +/- pukul 10:00 WIB. ISP kebangga'an telkom ini kembali mengalami trouble. Hmm, sungguh ini mungkin hal yang biasa terjadi dan sudah biasa di alami oleh para pelanggan-pelanggan setianya. Namun kali ini berbeda dengan Problem-problem yang biasa terjadi. Kalau problem lalu terkesan sulit sehingga wajar jika membutuhkan waktu yang cukup lama untuk melakukan perbaikan yg di karenakan berbagai hal dan sebab yang salah satu di antaranya adalah putusnya kabel FO di Kalimantan dsb, namun kali ini

Penyebab troubelnya Speedy mungkin bukan lah hal yang terlalu sulit. Dan kebetulan info ini saya dapatkan dari salah satu kawan saya yang kebetulan bekerja sebagai Tehnisi Speedy. Namun, mengapa trouble ini baru bisa selesai Senin pagi ? ? ? ? .... satu pertanyaan besar bagi saya dan juga beberapa pelanggan lain yang juga sempat mengeluh pada saya. Jawabnya hanya satu "Karena saat terjadinya trouble adalah hari dimana saat itu adalah Hari libur bagi pegawai Telkom". Simple man ... :)
Maaf jika tulisan ini terkesan terlalu extrim, tapi anggaplah ini sebagai curahan hati 1 dari sekian ratus bahkan juta pelanggan Speedy.

Ketika trouble itu terjadi saya ambil telephone dan call ke 147, seperti biasa tekan angka 1 untuk bahasa indonesia dan kemudian tekan 2 untuk Speedy. Dan sampailah ke Operator yang ramah dan lemah lembut menyapa customer. Saya tanyakan perihal Trouble tersebut ... jawaban "Maaf pak, sebelumnya saya berbicara dg siapa ?" ......NEXT "Sebelumnya kami mohon maaf pak, sampai saat ini kami belum memperoleh konfirmasi adanya trouble pada Speedy, bisa saya minta nmr yang bisa di hubungi pak ?" bla..3x dan akhirnya saya berikan no Handphone saya.

Sampai sore dan menjelang malam, Trouble tak kunjung reda juga. Kembali saya call 147, kali ini jawaban sedikit berbeda "Kebetulan akses untuk keluar negeri tidak bisa pak, sdg kan akses lokal sdh bisa" Pdhl dari td siang problem utama adalah tidak bisa akses ke situs luar. Lalu tetap saya bertanya lagi apa sebab ? ? ? "Sampai saat ini kami belum memperoleh konfirmasi adanya trouble pak".

Sampai malam bahkan pagi dan minggu siang sampai sore juga blm bisa. Dan kmudian pada malam hari saya coba call lagi .."Kenapa sampai saat ini blm bisa akses mbak ? pdhl sudah dari kemarin pagi ..sampai malam ini pun blm bisa ? ada apa sebenarnya mbak" Tanya saya sedikit emosi... "Maaf pak, sampai saat ini kami blm juga mendapat konfirmasi adanya kerusakan sebab sejak sabtu sampai malam ini... pegawai kami libur termasuk Tehnisi dari Speedy pak, jadi kemungkinan perbaikan akan di lakukan pada senin pagi. Sedang untuk estimasi kami blm dpt menentukan kapan ... namun secepatnya akan kami usahakan pak"..

Hmm ... karena hari libur trouble tidak di tangani. Awalnya saya nggak percaya kalau seperti ini dan kmungkinan ini hanya perasangka buruk saya.
Dan sampailah senin pagi, kembali saya tlp 147 ... jawaban nya sedang di lakukan perbaikan dan singkat kata ... tepat jam 10:00 WIB speedy sudah kembali Normal.

Ternyata secepat itu memperbaikinya ? dan mudah ? seandainya itu bisa di lakukan di Sabtu siang kemarin. Mungkin para pelanggan setia tidak perlu harus menunggu 2 hari untuk dapat kembali mengakses internet dg Normal. Kesimpulan, Mungkin kami para pelanggan speedy harus mengerti saat dimana Hari libur para Tehnisi-tehnisi dari Telkom Speedy ... dan kami tidak perlu meneror 147 hanya untuk segera di lakukan perbaikan. Karena kami harus mengerti bahwa hari Sabtu dan Minggu adalah hari libur bagi Tehnisi-Tehnisi.

Maaf kan Kami :(