Cara Mudah Membuat Tabel di Blogspot

Membuat tabel di blogspot tidaklah sama dengan membuat tabel di MsWord. Karena di blogspot tidak ada fasilitas pembuatan tabel. Jadi cara mudah membuatan tabel di blogspot menggunakan kode - kode HTML.

Setiap tabel minimal tersusun dari tiga tag dasar yaitu tag <table> yang menandai sebuah tabel, tag <tr> yang membentuk baris dan tag <td> yang membentuk kolom. Tag-tag tersebut adalah tag-tag pembuka. Ada tag pembuka maka harus ada tag-tag penutup. Seperti : </table>, </tabel>, </td>.

Contoh :

<table>
<tr>
<td>kolom 1 baris 1</td>
</tr>
</table>

Belum ada tabelnya ya....
Sekarang tambahkan bingkai / border agar tabel tersebut kelihatan. Untuk membuat border hanya menambahkan atribut border. Semakin besar nilai border, akan semakin tebal maka semakin tebal pula bingkainya.

Contoh :


<table border=10>
<tr>
<td>kolom 1 baris 1</td>
</tr>
</table>

Hasilnya seperti ini :

kolom 1 dari baris 1

Readmore »

Menambah Elemen Halaman di Bawah Header Menjadi 3 Kolom

Setelah sebelumnya saya memposting membuat kolom baru di bawah header yang hasilnya seperti :

Sekarang saya akan memposting cara menambah elemen halaman di bawah header menjadi 3 kolom, yang hasilnya akan seperti ini :

Caranya sebagai berikut :

1. Anda login dulu di blogger dengan user ID anda.


2. Kemudian anda kilk Template


3. Jangan lupa download template anda, berjaga-jaga kalau terjadi kesalahan anda bisa kembali ke template awal anda dengan klik Cadangkan / Pulihkan kemudian klik Unduh Template Lengkap


4. Kemudian klik Edit HTML


5. Cari kode ]]></b:skin> (Untuk mempermudah pencarian pakai Ctrl+F)


6. Copy kode berikut ini :
   
   

   #under_header1{
   float:left;
   width:33.33%;
   }
   #under_header2{
   float:left;
   width:33.33%;
   }
   #under_header3{
   float:right;
   width:33.33%;
   }
   #under_header4{
   float:left;
   width:100%;
   }

   
   Paste di atas kode ]]></b:skin>


7. Kemudian cari kode berikut atau yang mirip kode berikut :
   
   

   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='Blog Doddy (Header)' type='Header'/>
   </b:section>
   </div>

   
   kemudian copy kode di bawah ini, tambahkan di bawah kode di atas :
   
   

   <div id="under_header1">
   <b:section class='header' id='underheader1' preferred='yes'/>
   </div>
   <div id="under_header2">
   <b:section class='header' id='underheader2' preferred='yes'/>
   </div>
   <div id="under_header3">
   <b:section class='header' id='underheader3' preferred='yes'/>
   </div>
   <div id="under_header4">
   <b:section class='header' id='underheader4' preferred='yes'/>
   </div>

   
   
   yang akan menjadi kode berikut :
   
   

   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='Blog Doddy (Header)' type='Header'/>
   </b:section>
   </div>
   
   <div id="under_header1">
   <b:section class='header' id='underheader1' preferred='yes'/>
   </div>
   <div id="under_header2">
   <b:section class='header' id='underheader2' preferred='yes'/>
   </div>
   <div id="under_header3">
   <b:section class='header' id='underheader3' preferred='yes'/>
   </div>
   <div id="under_header4">
   <b:section class='header' id='underheader4' preferred='yes'/>
   </div>



8. Kemudian Simpan Template
9. Tinggal melihat hasilnya klik Elemen Halaman


10. Sukses ya.....

Terimakasih atas komentar anda di bawah, untuk kemajuan blog saya ini.

Readmore »

Menambah Kolom Baru di Bawah Header

Bagi anda yang suka mengotak-atik blognya supaya tampil menawan. Anda bisa kolom baru di bawah header, caranya ?

Mudah...

1. Anda login dulu di blogger dengan user ID anda.


2. Kemudian anda kilk Template


3. Jangan lupa download template anda, berjaga-jaga kalau terjadi kesalahan anda bisa kembali ke template awal anda dengan klik Cadangkan / Pulihkan kemudian klik Unduh template lengkap


4. Kemudian klik Edit HTML


5. Cari kode ]]></b:skin>(Untuk mempermudah pencarian pakai Ctrl+F)


6. Kemudian copy kode berikut :
   
   #under_header{
   margin:10px 0;
   padding:1%;
   width:98%;
   }
   
   Paste di atas kode ]]></b:skin>


7. Kemudian cari kode yang mirip dengan kode berikut :
   
   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
   </b:section>


8. Kemudian copy kode di bawah ini :
   
   <div id="under_header">
   <b:section class='header' id='underheader' preferred='yes'/>
   </div>
   
   Paste di bawah kode tadi


9. Jadinya kode tersebut seperti ini :
   
   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
   </b:section>
   <div id="under_header">
   <b:section class='header' id='underheader' preferred='yes'/>
   </div>


10. Sudah...
    Kalau sudah sekarang klik Simpan Template


11. Sekarang tinggal klik Elemen Halaman untuk melihat hasilnya, dan hasilnya akan seperti ini :





12. Sukses ya.....


13. Jangan lupa kasih komentar, kalau ada kekurangan...

Readmore »

Tips Membuat Blog Banyak Pengunjung

Blog banyak pengunjung ?

Semua blogger sudah pasti senang kalau memiliki banyak pengunjung, terutama bagi blog-blog yang berbau bisnis, seperti blog saya ini. Membuat blog banyak pengunjung memang tidak mudah, apalagi bagi blogger pemula seperti saya ini. Perlu belajar kesana kemari menambah ilmu dengan berkunjung ke blog-blog yang sudah terkenal.

Menurut ilmu yang saya dapat, ada beberapa tips membuat blog banyak pengunjung, antara lain :

1. Sesuaikan Judul dengan Konten
   Sesuaikan Judul Blog dengan Konten, misal blog mengenai panduan membuat blog, buat artikel di blog yang berkaitan dengan seputar blog. Kalau mau membuat artikel di luar seputar blog, usahakan jangan terlalu banyak.


2. Rajin Posting di Blog
   Sesering mungkin posting di blog, kalau yang ini setahu saya tidak cuma pengunjung yang senang dengan artikel yang terus bertambah. Tetapi Om Google juga senang dengan blog yang hidup, blog yang di pelihara oleh pemiliknya dengan rajin menambah postingannya.


3. Rajin Berkomentar yang baik di Blog Teman
   Dengan komentar di blog ini terjadi hubungan saling menguntungkan. Bagi pemilik blog senang karena dengan semakin banyaknya komentar, berarti blognya ramai pengunjung. Bagi yang komentar juga di utungkan, karena akan menitipkan link di blog tersebut, berarti ada peluang link tersebut di kunjungi oleh pengunjung yang lain.


4. Buat tampilan blog semenarik mungkin
   Tampilan yang menarik, membuat pengunjung tidak bosan berada di blog tersebut. Membuat tampilan menarik bisa dengan memasang jam, memasang kalender, membuat teks berjalan, membuat tulisan berkedip, membuat gambar melayang atau yang lainnya.


5. Promosikan blog
   Dengan rajin mempromosikan blog, akan memperbanyak pengunjung di blog, seperti bertukar link dengan blog teman, memasang iklan yang gratisan ataupun yang berbayar seperti kumpulblogger, adsensecamp atau yang lain.


6. Tingkatkan Traffic blog dengan Alami dengan rumus t=v1+v2. Coba buka link di atas. Ini juga trik yang saya lakukan untuk menarik pengunjung di blog.

Mulailah dari sekarang dengan berkomentar di blog saya.

Readmore »