Spiga

Surat Cinta Anak IPS

Dengan hormat,


Hal : Penawaran Kesepakatan

Saya sangat gembira memberitahukan Anda bahwa saya telah jatuh cinta kepada Anda terhitung tanggal 28 Desember 2009.

Berdasarkan rapat keluarga kami tanggal 15 Mei lalu pukul 19.00 WIB, saya berketetapan hati untuk menawarkan diri sebagai kekasih Anda yang prospektif.

Hubungan cinta kita akan menjalin masa percobaan minimal 3 bulan sebelum memasuki tahap permanen.

Tentu saja, setelah masa percobaan usai, akan diadakan terlebih dahulu on the job training secara intensif dan berkelanjutan. Dan kemu dian , setiap tiga bulan selanjutnya akan diadakan juga evaluasi performa kerja yang bisa menuju pada pemberian kenaikan status dari kekasih menjadi pasangan hidup.

Biaya yang dikeluarkan untuk kerumah makan dan shooping akan dibagi 2 sama rata antara kedua belah pihak. Selanjutnya didasarkan pada performa dan kinerja Anda, tidak tertutup kemungkinan bahwa saya akan menanggung bagian yang lebih besar pengeluaran total.

Akan tetapi, saya cukup bijaksana dan mampu menilai, jumlah dan bentuk pengeluaran yang Anda keluarkan nantinya.

Saya dengan segala kerendahan hati meminta Anda untuk menjawab penawaran ini dalam waktu 30 hari terhitung tanggal penerimaan surat . Lewat dari tanggal tersebut, penawaran ini akan dibatalkan tanpa pemberitahuan lebih lanjut, dan tentu saja saya akan beralih dan mempertimbangkan kandidat lain.

Saya akan sangat berterimah kasih apabila Anda berkenan untuk meneruskan surat ini kepada adik perempuan, sepupu bahkan teman dekat anda, apabila Anda menolak penawaran ini.

Demikian penawaran yang dapat saya ajukan dan sebelumnya terima kasih atas perhatiannya.

Hormat saya,

Bakal calon pasanganmu

Note : Balasan dari Surat Cinta Anak IPA

Menghilangkan Border Image atau Garis Tepi Gambar

Dear My Lovely Friend’s,,,


Beberapa jam yang lalu ada seorang kawan yang bertanya kepada qu untuk masalah Gambar yang diupload ke Blog yang dia miliki. Dia bertanya “Lia, Kenapa ya koq border Imagenya selalu ada??”. Qu pun menjawab “ yach mas, tanyalah pada rumput yang bergoyang aja…..”. Hehehe……Tapi setelah qu coba menjelaskan akhirnya dia pun anguk – anguk dan geleng – geleng, karena ternyata berhasil di tempaltenya. Sekarang bukan hanya qu ajarkan pada kawan tersebut tapi qu akan share dengan kalian semua. Memang tampilan border bisa membuat cantik tapi juga bisa membuatnya tampak jelek.

Oche dech, mari kita mulai tutorialnya. Sebenarnya border ini adalah sebuah kewajiban yang harus ada di setiap template pada Blog baik itu template classic ataupun template baru. Sekarang yang harus kalian lakukan adalah mencari code CSS di template kalian seperti dibawah ini :

.post img { <-- perhatikan kode ini
padding:4px;
border:1px solid $bordercolor;
}

Atau :

.post .post-body img ,.post .post-body a img {
border-style:solid;
border-width:1px;
padding:5px;
}

Oche bila kalian sudah menemukan code yang seperti diatas atau yang hampir sama seperti diatas. Atau kalian bisa menghubungi qu biar lebih jelasnya. Tapi akan lebih mudah bila kalian mencari dengan menggunakan Ctrl F dan masukkan code .post-img atau .post-body img . Bila sudah ketemu dengan code tersebut yang harus kalian lakukan selanjutnya adalah rubah angka 1 atau angka yang berwarna hijau tersebut menjadi 0. Code diatas akan menjadi seperti ini :

.post img { <-- perhatikan kode ini
padding:4px;
border:0px solid $bordercolor;
}

Atau :

.post .post-body img ,.post .post-body a img {
border-style:solid;
border-width:0px;
padding:5px;
}

Mudah bukan, setelah selali kalian bisa Save Template kalian dan lihat hasilnya. Apakah lebih bagus tanpa border atau dengan border. Bagi qu semua tergantung dari pilihan kalian masing – masing. Karena ada beberapa kawan yang merasa tidak bisa bebas bila ada sebuah border atau garis tepi.

Baiklah, sekarang saatnya qu kembali kuliah dan melanjutkan menempuh ilmu. Semoga tutorial qu bisa sangat bermanfaat bagi kalian semua. Salam kenal dan Jangan Lupa kasih Komentar yaaaa……

Best Regard


Natha Lia

Menghilangkan Garis Bawah LINK

Dear My Friend’s,,,,


Dalam mempelajari tetang seluk beluk template pada Blogger qu harus mengorbankan hyampir 10 buah Blog untuk diutak atik templatenya. Memang hasil akhirnya bisa kacau semua bahkan pernah hampir 70% code CSS nya qu hapus semua. Yach yang namanya eksplorasi harus penuh dengan pengorbanan. Tapi semua memang ada hasilnya, tidak ada satupun usaha yang tidak memperlihatkan sebuah hasil. Qu adalah orang yang selalu penuh dengan kerapian dan kesesuaian untuk memiliki hasil template yang rapi memang butuh banyak hal. Salah satunya adalah kesabaran dan keuletan. Oche dech……sesuai dengan Judul posting qu kali ini, qu akan mengajarkan bagaimana cara menghilangkan garis bawah pada sebuah Link di posting blog.

Cara sungguh sangat mudah tapi qu sarankan agar konsultasi dulu dengan qu karena salah salah template kalian malah amburadul. Karena memang setiap template apakah yang classic atau bawaan Blogger ataupun yang baru memiliki code CSS yang berbeda – beda. Sekarang yang harus kalian lakukan adalah mencari code yang seperti dibawah ini :

a:link {
color:#58a;
text-decoration:underline;
}

a:hover {
color:#c60;
text-decoration:underline;
}

a:visited {
color:#969;
text-decoration:underline;
}

Atau :

.post .post-body a{text-decoration:underline; font-weight:bold;}
.post .post-body a:link,
.post .post-body a:visited{color:#3D81EE;}
.post .post-body a:hover{color:#0099CC;}

Atau yang sama seperti code diatas. Bila kalian masih belum menemukannya kalian bisa contact qu melalui Yahoo Masseger. Sebenarnya code diatas itu terdapat pada code CSS template pada bagian post body atau biasanya diatas tapi tidak terlalu atas.

Oche dech bila kalian sudah menemukannya, searang kalian lihat bagian code diatas yang qu beri warna Merah. Nach itulah yang harus kalian ganti dengan none. Atau jadinya seperti dibawah ini :

a:link {
color:#58a;
text-decoration:none;
}

a:hover {
color:#c60;
text-decoration:none;
}

a:visited {
color:#969;
text-decoration:none;
}

Atau :

.post .post-body a{text-decoration:none; font-weight:bold;}
.post .post-body a:link,
.post .post-body a:visited{color:#3D81EE;}
.post .post-body a:hover{color:#0099CC;}

Nach bila telah kalian ganti sekarang yang harus kalian lakukan adalah Save Template kalian dan Lihat hasilnya. Bisa dipastikan bahwa LINK yang ada di Blog kalian akan tanpa garis bawah. Tapi hanya sekedar saran bahwa sebenarnya garis bawah atau underline tersebut diadakan bukan tanpa maksud, tapi lebih memiliki tujuan. Tapi semua tergantung dari pilihan kalian.

Oche dech, sementara cukup sampai disini tutorial yang bisa qu beri, semoga bisa mengikuti dan berhasil dengan Blog kalian semua. Salam kenal buat Para Blogger dan Netter dimanapun kalian berada. Jangan lupa kasih comment yaaaaa….and Keep Blogging……………..

Best Regard


Natha Lia

Menyisipkan Gambar sebelum Judul Posting

Dear All My Lovely Friend’s,,,


Menambah cantik template Blog kita adalah suatu kewajiban dari para Blogger. Hanya saja dalam menambah pernak pernik untuk mempercantik harus didahului dengan berbagai pertimbangan yang banyak. Jangan sampai hal itu malah menambah kacau template kita atau menambah beban dari loading time Blog kita. Berbagai cara tanpa mempengaruhi loading time telah di kupas tuntas oleh para master template. Hanya saja kali ini qu ingin memberikan tutorial tentang “Menyisipkan gambar sebelum Judul Posting”.

Kalian pasti pernag Blogwalking dan menemukan ada sebuah Blog yang di sebelah persis Judul Postingnya memiliki gambar. Beberapa kawan sempat penasaran hingga akhirnya qu coba untuk menuliskan tutorialnya agar kalian bisa memilikinya. Ada beberapa langkah yang harus kalian lakukan, maka dari itu coba pahami langkah yang qu berikan secara seksama oche……

Langkah pertama :
1. Carilah gambar yang kalian inginkan, kalian bisa mencarinya melalu search engine seperti google atau lainnya.
2. Gambar yang kalian cari minimal memiliki ukuran sebesar 40 px x 40 px. Harapannya agar gambar tersebut Fit atau sesuai dengan Judul posting kalian.
3. Upload gambar tersebut ke tempat seperti Imgaeshack, photobucket atau lainnya. Tapi sedikit rekomendasi buat kalian lebih baik upload ke piccasa. Alasannya agar dibawah hosting yang sama yaitu google.
4. Setelah upload selesai kalian ambil direct url gambar tersebut, biasanya code nya seperti :

http://i991.photobucket.com/albums/af32/ludefa/os_27.png

5. Lalu rubah code tersebut menjadi seperti ini :

<img src=”http://i991.photobucket.com/albums/af32/ludefa/os_27.png”width="40" hight="40" border="0"> </img>

6. Lalu taruh sementara code tersebut di notepad dan ikuti langkah kedua

Langkah Kedua :
1. Log in ke blogger -> Dasboard
2. Klik Layouts -> Edit HTML
3. Centang “Expand Widget Template” dan Back up template kalian untuk menjaga jika terjadi error.
4. Cari kode di bawah ini (gunakan CTRL + F)

<a expr:href='data:post.url'> <data:post.title/></a>
<b:else/>

5. Letakan URL image di antara <a expr:href='data:post.url'> dan <data:post.title/></a>

Sehingga baris kodenya seperti ini :

<a expr:href='data:post.url'> <img src="http://i991.photobucket.com/albums/af32/ludefa/os_27.png" width="40" hight="40" border="0"> </img> &nbsp;&nbsp;<data:post.title/></a>

Penambahan kode &nbsp;&nbsp; untuk memberi jarak antara gambar dan judul postingan.

6. Selesai, klik Save Template
7. Lihat hasilnya.

Bila masih belum berhasil atau bahkan tambah kacau template kalian, ada beberapa hal yang mungkin salah. Kesalahan biasanya akibat bentuk gambar kalian terlalu besar dan kalian paksakan untuk menjadi tampilan gambar sebelum Judul.

Cukup sudah tutorial yang qu berikan, tidak ada masalah yang tidak memiliki pemecahannya dan hikmah dari masalah tersebut. Terima Kasih buat para Blogger dan Netter yang sudah mau untuk membaca tutorial kali ini. Jangan lupa ya seperti biasa kasih comment dan Keep Blogging……

Best Regard


Natha Lia

Cara Memasang Tombol BookMark

Dear My Lovely Friend’s,,,


Apa itu BookMark? Apa Kegunaannya? Seperti sebelum qu ajarkan cara memasangnya sebaiknya qu ceritakan sedikit apa itu bookmark dan apa guna tombol tersebut di Blog kita. BookMark adalah sebuah daftar alamat yang bisa kita simpan agar kita tidak lupa, tentu saja alamat disini adalah alamat Blog ataupun Websites. Bila dilihat dari definisinya pasti sudah tahu donk apa kegunaannya. Tombol ini memang bisa dibilang sangat penting dalam dunia Internet. Yach logikanya adalah bagaimana mungkin kita bisa menghafal semua alamat web ataupun Blog yang kita sukai.

Kegunaan tombol tersebut di Blog kita adalah memberikan kesempatan orang lain untuk melakukan BookMark terhadap postingan ataupun Artikel kalian semua. Memang kita tidak pernah tahu apakah artikel atau postingan kita disukai orang lain atau tidak tapi paling tidak adanya tombol BookMark bisa memberikan sedikit banyak kemudahan pada pengunjung apabila dia menyukai postingan kita.

Sebelum lupa dan masuk bagaimana memasangnya, kalian pasti bertanya lalu alamat Blog yang diBookMark itu disimpan dimana. Banyak sekali, mulai dari situs jejaringan social seperti Facebook, ataupun Twitter dan itu semua tergantung dari sang pengunjung mau ditaruh dimana alamat Blog kita nantinya.

Baiklah sekarang cara memasangnya, Ikuti langkah – langkah berikut yaaaa :
1. Login ke Blogger.com
2. Pilih Tata Letak atau Layout
3. Pilih Edit HTML dan centang “expand widget template” . Jangan lupa selalu untuk menyimpan template kalian terlebih dahulu jaga – jaga bila terjadi error.
4. Kemudian carilah code dibawah ini dan akan lebih mudah bila kalian memakai Ctrl +F

<!-- clear for photos floats -->

5. Masukkan code dibawah ini tepat dibawah code diatas:

<div class='addthis'>
<div align='right'>
<!-- AddThis Bookmark Button BEGIN -->
<script type='text/javascript'>
addthis_url = '<data:post.url/>';
addthis_title = '<data:post.title/>'
addthis_pub = '';
</script><script src='http://s7.addthis.com/js/addthis_widget.php?v=12' type='text/javascript'/>
</div>
</div>

6. Untuk code yang berwarna bisa kalian ganti dengan “left” ataupun “center” tergantung dari kalian mau menempatkan disebelah mana.
7. Save Template kalian dan lihat hasilnya
8. Tapi pilihan tempat sangatlah banyak untuk tombol BookMark, Yang diatas adalah yang biasa atau bahkan bisa dibilang yang paling sering dipakai oleh Blogger manapun. Kali ini ada beberapa tempat yang bisa kalian pilih untuk tombol BookMark yaitu :
a. Dibawah Judul Posting
Masukkan code script pada Point 5 dibawah code ini :

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

b. Diatas Label
Masukkan code script pada Point 5 diAtas code ini :

<div class='post-footer'>

c. Dibawah Label
Masukkan code script pada Point 5 dibawah code ini :

<p class='post-footer-line post-footer-line-1'>

Nach lengkap bukan….Jadi kalian memiliki banyak pilihan untuk menempatkan semua tombol bookmark tersebut. Hanya sedikit saran tempat yang paling baik adalah tempat dimana yang paling terlihat oleh pengunjung, jadi janganlah terlalu bawah dari artikel kalian. Dan tanpa kalian sadarai nantinya artikel kalian pasti sudah menyebar kemana mana karena adanya tombol bookmark ini. Maka dari itu banyak sekali Blogger yang memasang tombol ini.

Cukup sekian dulu tutorial dari qu, walaupun sederhana mudah – mudahan sudah cukup lengkap untuk kalian semua. Salam kenal buat para Blogger dan Netter di manapun kalian berada. Terakhir, Kasih komentar ya buat postingan qu ini dan Keep Blogging…….

Best Regard


Natha Lia