You are on page 1of 10

Cara Membuat Tabel Di Blog

<table border="1" style="width: 500px;"> <tbody> <tr> <td>Kolom 1 A </td> <td>Kolom 1 B </td> <td>Kolom 1 C </td> </tr> <tr> <td>Kolom 2 A </td> <td>Kolom 2 B </td> <td>Kolom 2 C </td> </tr> <tr> <td>Kolom 3 A </td> <td>Kolom 3 B </td> <td>Kolom 3 C </td> </tr> </tbody></table>

PENGERTIAN kata KOLOM : pengertianya adalah jumlah baris (banyaknya kotak dari atas ke bawah), sedangkan A,B,C dst...adalah banyaknya kotak ke samping Misal: <tr> <td>Kolom 1 A </td> <td>Kolom 1 B </td> <td>Kolom 1 C </td> </tr> Penjelasan: kata Kolom 1 diatas artinya: jumlah kolom atau banyaknya kotak dari atas ke bawah, (hanya satu). Sedangkan huruf A , B , C , diatas artinya adalah banyaknya kotak yang kesamping yakni ada 3 kotak (kotak A, kotak B , dan kotak C). Nah, jika anda ingin menambah jumlah kotak yang ke bawah menjadi 3 dan kesamping tetap 3, maka anda harus menambahkan kode lagi dibawahnya. Karena yang ingin ditambahkan adalah jumlah kolom kebawah yakni menjadi 3 maka kode yang harus anda tambahkan adalah seperti berikut: <tr> <td>Kolom 2 A </td>

<td>Kolom 2 B </td> <td>Kolom 2 C </td> </tr> <tr> <td>Kolom 3 A </td> <td>Kolom 3 B </td> <td>Kolom 3 C </td> </tr>
Awhy Ter Cara Membuat Tulisan Berkedip Di Blog <blink><a href='http://vikrymadz.blogspot.com/'>VikryMadZ</a></blink>

Cara membuat Background Blog dengan gambar sendiri background:#000000 url(http://www.deviantart.com/download/117782530/PS_logo_PS3_background_by_GrimLink.png) norepeat center fixed;

Cara Membaut Efek bintang berjatuhan dari kursor pada Blog..


1. login blog 2. Rancangan --> Edit HTML --> cari kode ]]></b:skin> lalu copy kode dibawah ini dan taruh dibawah kode ]]></b:skin> Untuk yang berwarna Merah <script src='http://vikrymadz.googlecode.com/files/Red.js' type='text/javascript'/> Untuk yang berwarna Biru <script src='http://vikrymadz.googlecode.com/files/Blue.js' type='text/javascript'/> 3. simpan template Cara Membuat Efek salju berjatuhan di blog

1. Login ke blogger.com lalu klik design/Tata Letak/Rancangan 2. Klik Edit HTML ( jangan lupa back up template anda siapa tahu gagal:) ) 3. Cari kode <body> ( agar cepat, tekan CTRL F di Keyboard lalu masukkan <body> ) 4. Setelah ketemu Masukkan kode di bawah ini tepat di bawah kode <body>. Ini kodenya : <script src=http://clief.googlecode.com/files/bubble.js></script> 5. Jangan lupa klik save/simpan Template

Cara Mengganti Background Blog dengan Gambar sendiri

.body-fauxcolumn-outer {background: url(alamat gambar anda);} .body-fauxcolumn-outer div {background: none;}

Cara Memasang flash pad blog

1. Login ke blogger kemudian pilih menu "Layout". 2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash. 3. Pilih "HTML/Javascript" kemudian taruh script berikut : <embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :

* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting. * Ganti width="500" height="100 dengan ukuran dari file flashmu.
Cara Membaut LINK pada blogspot

Cara Membuat Link Download di Blog


Cara Membuat Link Download di Blog - Dalam dunia blog selain artikel ada juga yang di sebut link, link sebagaimana kita ketahui adalah tautan yang menghubungkan antara halaman satu dengan halaman lain, situs dan situs lain termasuk link download yang tentuhnya mengarah ke situs file sharing tertentu. Contoh link adalah seperti berikut ( baca : blogspot template blog ). Kali ini masih seputar link, saya akan share tentang cara bikin link download gratis di blogspot. Untuk membuat link download yang pertama harus kita miliki adalah file dan tentunya akun di file sharing ( seperti ziddu, googlecode, 4shared dll ). File yang ada di komputer sobat nantinya kan di upload ke salah satu file sharing tadi guna mendapatka url dari file tersebut. Kali ini kita akan membahas di file sharing ziddu saja. 1. Sign up di ziddu.com ( baca : cara membuat akun di ziddu )

2. Silahkan sobat meng-upload file ke ziddu untuk mendapatkan link downloadnya. 3. Link download dari ziddu kira - kira seperti gambar berikut.

Nah, setelah kita mendapatkan lin downloadnya, sekarang waktunya untuk membuat link downloadnya. setahu saya, ada 2 cara untuk membuat link download, yang pertama dengan mengunakan teks biasa dan kedua dengan menggunakan / menyisipkan gambar pada link download. Berikut penjelasannya. 1. Link Download Biasa <a href="http://www.ziddu.com/download/19044499/tatelustyle.rar.html" target="_blank"><b>DOWNLOAD</b></a> Hasilnya : DOWNLOAD

2. Link Download Dengan Gambar <a href="http://www.ziddu.com/download/19044499/tatelustyle.rar.html" target="_blank"><img alt="Download Button" src="http://2.bp.blogspot.com/d94UwjQPxh8/T3plWl6fZNI/AAAAAAAAAyw/W_EAtXrMGY0/s1600/download-button.jpg" /></a>

Cara Membuat Tulisan Berjalan Di Blog

Cara Membuat Teks Berjalan di Blog - Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya. Cara Membuat Tulisan Berjalan di Blog 1. Tulisan bergerak dari kanan ke kiri <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee> hasilnya

2. Tulisan bergerak dari kiri ke kanan <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee> hasilnya

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> hasilnya

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri <marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> hasilnya

5. Teks bergerak dari atas ke bawah <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee> hasilnya

6. Teks bergerak dari bawah ke atas <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee> hasilnya

7. Teks bergerak mondar- mandir dari atas ke bawah <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> hasilnya

Cara memasang : 1. Login ke akun blog sobat 2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript 3. Masukkan kode marquee dari salah satu tulisan berjalan diatas 4. Klik save dan lihat hasilnya.

Cara Membuat Menu Di Blog

Hal pertama yang harus dilakukan adalah login ke blogger > Layout/Tata Letak > Edit Html . Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'> <b:widget id='HTML1' locked='false' title='' type='HTML'/> </b:section> </div> Anda ubah kode showaddelement='no' menjadi showaddelement='yes' , kalau sudah klik simpan ya Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header. Untuk menambah gadget dibawah header bisa baca disini <a href="http://www.masbugie.com " class="navigation">HOME</a> <a href="http://www.masbugie.com " class="navigation">CONTACT</a> <a href="http://www.masbugie.com " class="navigation">BUKU TAMU</a> <a href="http://www.masbugie.com " class="navigation">FACEBOOK</a> <a href="http://www.masbugie.com " class="navigation">TWITER</a> <a href="http://www.masbugie.com " class="navigation">DOWNLOAD</a> <a href="http://www.masbugie.com " class="navigation">LAIN-LAIN</a> <a href="http://www.masbugie.com " class="navigation">CHATTING</a> *Alamat url diatas silahkan sesuaikan dengan blog Anda.

Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik. Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F Copy kode dibawah ini dan letakan tepat diatas kode </b:skin> kemudian simpan.

a.navigation { background: #3333ff ; color: #ffffff; margin: 1px; padding: 2px; border-width: 0; text-transform: uppercase; text-decoration: none; font-weight: bold; } a.navigation:hover { background: #333333; color: #ffffff; text-decoration: none; } Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera. Pada angka #3300cc adalah kode warna tulisan, kode warna ini bisa anda ubah sesuai dengan keinginan, berikut kode-kode warna di HTML Kode Warna Kode Warna Kode Warna OOOOOOOO

#ff0033 OOOOOOOO #3300cc OOOOOOOO #ffff33 #cc9933 OOOOOOOO #99ffff

OOOOOOOO #33ff66 OOOOOOOO

#ff0066 OOOOOOOO #00cc00 OOOOOOOO #00ff00 OOOOOOOO #66ff00 OOOOOOOO #99ff66 OOOOOOOO #000066 OOOOOOOO #330066 OOOOOOOO #660066 OOOOOOOO #990066 OOOOOOOO #cc0066 OOOOOOOO #000000 OOOOOOOO #330000 OOOOOOOO #660000 OOOOOOOO #990000 OOOOOOOO #cc0000 OOOOOOOO Kode di atas merupakan beberapa contoh saja karena sangking terlalu banyaknya kode, tetapi pada umumnya warna yang dipakai adalah warna merah, biru dan hijau .Terlalu banyak warna terlalu berat pula nanti mata menyesuaikan hehe..

Membuat Kalender Dengan Jam Di Blog <!-- FREE-BLOG-CONTENT.com -->

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0053.htm" width="120" height="150" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center> <center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>

Tanggal tanpa jam <!-- FREE-BLOG-CONTENT.com --> <br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0002.htm" width="120" height="182" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center> <center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>

<!-- FREE-BLOG-CONTENT.com --> <br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0004.htm" width="163" height="290" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center> <center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>

Blospot dinamis http://www.blogger.com/html?blogID=8463651619418099975

Sebagai penutup dari artikel singkat ini, saya mengajak sahabat blogger yang memiliki informasi apa saja seputar dunia blogging dan seluk-beluk blogging yang bermanfaat untuk kita semua, mari saling berbagi. Karena hanya dengan saling berbagi, ilmu yang kita miliki akan makin bertambah. Ingat, karakteristik

ilmu sangat berbeda dengan harta. Ilmu, makin dibagi makin bertambah, sebaliknya dengan harta, makin dibagi makin berkurang. Aktifitas blogging yang kita tekuni ini bisa melahirkan banyak inspirasi, dan itu orang lain akan memberi apresiasi pada hasil karya kita. Selamat mencoba semoga bermanfaat.

Read more: MENAMBAH ELEMEN HALAMAN (GADGET) DI BAWAH HEADER | Mas Bugie [dot] com http://www.masbugie.com/2010/02/menambah-elemen-halaman-gadget-dibawah.html#ixzz1tcT6U0xn

You might also like