Contents

Kode warna HTML

Arahkan kursor pada warna yang sobat kehendaki

thank you for visiting




Sumber :http://situseo.blogspot.com/p/kode-warna.html

Menyimpan File di Google Code

Hello sobat..jumpa lagi dengan tulisan saya (orangnya malah  ga pernah jumpa-jumpa  XD). Setelah sekian lama ga nulis di blog ini dikarenakan situasi yang tidak memungkinkan, lagi masuk angin gitu..hehehehe

Tutorial ini merupakan request dari beberapa teman babatalas tempoe doloe,tapi baru kali ini saya posting. Itupun diingatkan oleh pesan di Facebook baru tadi sore oleh Mas Rifai Fajrin,hehhehe
Trimakasih banyak buat Mas Rifai yang udah ingetin saya,,hohoho
Langsung aja ke bahasan yoookkk

Sebenarnya sangat banyak Hostingan gratis yang meyediakan tempat bagi sobat menyimpan file. Saya mengambil topic “Menyimpan File di Google Code” ini mengingat banyak sobat yang membuat link download file, baik itu berupa artikel doc, pdf,ppt dll

Nah bagi sobat yang mau langsung praktekin tutorial ini boleh saja,hehehhe
Langkah-langkahnya sebagai berikut :

1.      Login dulu ke gmail dengan akun sobat

2.      Kemudian masuk ke halaman www.code.google.com sehingga akan muncul tampilan seperti ini :

3.      Klik aja Project Hosting

4.      Selanjutnya akan tampil halaman baru seperti ini :

5.      Klik aja Project Hosting on Google Code

6.      Sobat akan dihadapkan seperti gambar berikut :

7.      Klik aja Create a new project

Kali ini saya akan menyimpan file ms.word dengan judul “Ini adalah contoh download’an kamar3ventilasi”

8.      Nah ini dia sobat harus mengisi form

Project Name, isi saja dengan nama halaman sobat 

Project Summary, isi dengan judul proyek sobat

Project Description, berikan deskripsi/keterangan sesuka sobat 

Version Control System, pilih Mercurial 

Source Code Licenses, pilih Mozilla public license 1.1

Project Label(s), isi sesuai sobat mau melabeli filenya 

9.      Kemudian klik Create Project

10. Belum selesai sampai disini, klik tombol Downloads

11. Nah, setelah sobat klik tombol downloads tadi. Tampilannya akan seperti ini. SObat klik lagi “New Download”. Isilah “summary”seperti yang sobat isi pada langkah 8 tadi.

12. Klik tombol “Pilih Berkas”, pilih file sobat dari dalam computer.

13. Sekarang isi “labels” dengan memilih “Type-archive”

14. kemudian sobat klik “Submit file”

15. Tampilannya akan seperti dibawah ini.  Klik nama document sobat seperti gambar ini

16. Langkah terakhir yaitu dengan klik kanan file sobat tadi dan “salin alamat tautan”

17. Alamat tautannya seperti ini : http://kamar-3-ventilasi.googlecode.com/files/contoh%20file%20download%20kamar3ventilasi.doc

18. Itulah link yang sobat taruh pada blog supaya pengunjung bisa download file yg sobat upload tadi

Sekian tutorial pada hari ini. Semoga Tutorial yang sederhana ini bisa membantu sobat..amin

Membuat postingan bergaya majalah

Hello sobat....Ada hal menarik yang ingin aku share nech dengan sobat semua,, tentunya yang baca ini,,hehehehehe

Ada kalanya kita membuat postingan menjadi unik dengan membuatnya bergaya koran ataupun majalah. Kalau semua postingan bergaya majalah malah tidak wajar atau tidak etis. hehehehehehe

Sesuaikan dengan kebutuhan ajalah, biar kelihatan lebih menarik. Ini pasti merupakan kabar yang ditunggu teman-teman sastra yang suka posting cerpen ataupun artikel sejenis. yahh..semoga aja postingan ini bisa berguna dan membawa manfaat bagi semuanya,,,aminn. Cara yang mau saya share ini cukup mudah kok, hanya menambahi sedikit kode di postingan. Tertarik untuk membuat postingan model koran? yukkkk...langsung aja

Berikut adalah kode yang harus sobat sisipkan pada postingan, dan ingat,,,hanya pada mode HTML, bukan compose.

<style type="text/css">
#posting3kolom {
-moz-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px;}
</style>
<div id="posting3kolom">ISI POSTINGAN</div>

Nah, sobat sudah tau kan caranya gemana buat tulisan model majalah/koran. Mudah bukan?? Itu angka yang saya kasih warna merah merupakan jumlah dari kolom,,misalkan angka berwarna merah tadi saya ganti menjadi 2. Hasilnya seperti yang sobat lihat sekarang ini. Sebagai tambahan saja, angka 10px merupakan jarak antar kolom, jadi sobat bisa nentuin juga berapa jarak antar kolomnya.

Sudah dulu ya postingan buat hari ini, mau mandi soalnya,,hehehee (keseringan posting malah ga pernah mandi,hehehhe)

Tak ketinggalan kata dari saya: Selamat mencoba, mudah-mudahan sukses

Membuat Daftar Isi Blog

Hai sobat,,ini ada sedikit tutorial untuk membuat tabel daftar isi dari blog yang kita miliki. Daftar isi ini sangat berguna untuk mempercepat pengunjung di blog kita mencari informasi yang mereka cari. Langsung aja yuuk..

Langkahnya cukup mudah kok, sobat tinggal mengcopy-paste kode di bawah ini pada widget HTML/Javascript maupun pada postingan yang pastinya dalam mode edit HTML. Berikut kodenya :

<div style="overflow:auto;width:250px;height:250px;border:0px solid #eee;padding:8px;margin:10px 0 0"><script src="http://script-daftar-isi-menoer.googlecode.com/files/scrip%20daftar%20isi%20menoer.txt"></script><script src="http://kamar3ventilasi.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Catatan:

1. Sobat bisa ganti angka  berwarna biru dengan ukuran yang di kehendaki (width: lebar tabel daftar isi, height: tinggi dari tabel daftar isi ).
2. Huruf yang berwarna merah bisa diganti dengan alamat feed blog sobat

Berikut adalah cara mengetahui feed dari blog sobat :

1. Buka blog kita di browser Mozilla Firefox
2. Lalu klik kanan di sembarang halaman blog kita
3. Klik "View Page Info"
4. Akan muncul jendela pop up ( Lihat gambar 1 )
5. Klik Tab "Feed"
6. Nah, pada halaman pop up itu akan muncul URL feed blog sobat ( Kalau memang blog sobat mendukung script RSS fed, tapi biasanya sudah di sediakan script RSS feed nya )
7. Salin URL feed yang saya tandai dengan kotak berwarna biru ( Lihat gambar 1 )
8. Paste pada kode Daftar Isi Blog di atas yang berwarna merah
9. Selesai

Gambar 1

Semoga postingan ini bermanfaat dan selamat mencoba 

Drop down-down menu labels pada blogspot

Hai sobat blogger...Pa kabar nech? pasti baeg aja kan.. Setelah beberapa hari tidak posting,,ini saya kasih oleh-oleh sebuah tutorial yang bisa dikata bagus buat mempersimple tampilan Label pada blogspot supaya tidak mocar-macir kemana kemari,,hehehe
Kalau dibuat simple kan jadinya rapi...

Langsung aja deh, kasian kalo nungguen ceramah saya lama-lama..hahahha

Cekidot gannn...



Untuk menyesuaikan widget label Anda di Blogger yang akan ditampilkan sebagai menu drop-down:
1. Pertama, backup dulu template sobat. Untuk melakukannya, pergi ke Dashboard Blogger, Layout> Edit HTML> Download Template Lengkap

2. Pergi ke Layout> Edit HTML di dashboard Blogger sobat. Kali ini, jangan tandai  pada "Expand Template Widget" !

3. Cari kode berikut dengan CTRL +F untuk mempercepat pencarian (tidak harus persis seperti ini, untuk blog saya misalnya, Label1 disebut Label14):

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

4. Selanjutnya ganti kode di atas dengan kode di bawah ini:

<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'>
<br/>

<select onchange='location=this.options[this.selectedIndex].value;' style='width:200px'>
<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. Save Template

Cukup mudah kan sobat blogger ^^, Semoga tutorial ini bisa bermanfaat ^^

Membuat Scroll Bar

Langsung saja sobat blogger,,soalnya saya sedang tergesa-gesa mau jalan-jalan,,ehhehhehe
Makanya saya buat tutorial yang tergolong singkat ini. Ke penjelasan aja langsung,,

Scroll bar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Mungkin anda pernah melihat blog yang penuh dengan isinya yang sangat panjang sehingga memperlambat loading blog tersebut. Supaya blog anda tidak seperti itu, di tips kali ini saya akan menjelaskan cara menghilangkan sesak tersebut dengan membuat scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang blog. Caranya adalah letakkan kode diantara kode scroll bar

Berikut adalah kode untuk membuat scroll bar:

KETERANGAN JUDUL
RUANG UNTUK MENULIS ATAU UNTUK MENEMPAKTKAN SCRIPTS KODE. BILA ISI DARI SCROLL-BOX MELEBIHI UKURAN KOTAKNYA, SECARA OTOMATIS TOMBOL SCROLL AKAN MUNCUL DENGAN SENDIRINYA.................RUANG UNTUK MENULIS ATAU UNTUK MENEMPAKTKAN SCRIPTS KODE. BILA ISI DARI SCROLL-BOX MELEBIHI UKURAN KOTAKNYA, SECARA OTOMATIS TOMBOL SCROLL AKAN MUNCUL DENGAN SENDIRINYA

<div align="center">
<table border="1" style="width: 250px;"><tbody>
<tr> <th colspan="100%" scope="col">KETERANGAN JUDUL</th> </tr>
<tr><td><div style="font-family: arial; font-size: 12px; height: 150px; overflow: scroll; width: 250px;">
<div style="overflow: hidden; padding: 0 px; text-align: center; width: 100%;">
RUANG UNTUK MENULIS ATAU UNTUK MENEMPAKTKAN SCRIPTS KODE. BILA ISI DARI SCROLL-BOX MELEBIHI UKURAN KOTAKNYA, SECARA OTOMATIS TOMBOL SCROLL AKAN MUNCUL DENGAN SENDIRINYA............RUANG UNTUK MENULIS ATAU UNTUK MENEMPAKTKAN SCRIPTS KODE. BILA ISI DARI SCROLL-BOX MELEBIHI UKURAN KOTAKNYA, SECARA OTOMATIS TOMBOL SCROLL AKAN MUNCUL DENGAN SENDIRINYA</div>
</div>
</td></tr>
</tbody></table>
</div>

Untuk mengubah lebar ganti angka setelah kode width: sesuai kebutuhan sobat, dan untuk mengubah panjang ganti angka setelah kode height: sesuai kebutuhan sobat. Mudah sekali bukan...

...::::Selamat mencoba dan semoga berhasil::::....