Home » All posts

Cara membuat tabel diblog

Dalam membuat table/kolom dipostingan blog diperlukan untuk memasukan data agar tertata rapi dan data tersebut berurutan sesuai dengan kelompok data yang diinginkan. Pada pembuatan tabel harus berada dalam mode HTML (berdampingan dengan Compose) disaat melakukan postingan, untuk membuatnya ada beberapa hal yang harus kita ketahui tentang perintah tabel tersebut diantaranya :

<table border="1">
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody></table>

Keterangan:
  1. <table>    = perintah untuk membuat table
  2. <border> = perintah untuk mengatur tebal garis pinggir
  3. <tr>        = perintah untuk membuat baris pada table
  4. <td>       = perintah untuk membuat kolom pada table

Cara membuat tabel :
  1. Sign in di Blog
  2. Klik Pos
  3. Klik HTML
  4. Copy kode dibawah ini dan paste ditempat postingan yang diinginkan
  5. Klik Pratinjau
  6. Klik Simpan
Contoh 1 tabel,
<table border="1">
<tr>
<td>Masukan data</td>
</tr>
</table>

Masukan data

Keterangan :
  1. Border = ketebalan garis
  2. Masukan data = Ganti dengan data nya kawan

Contoh 2 tabel.

<table border="1">
<tr>
<td>Masukan data</td><td>Masukan data</td>
</tr>
</table>

Masukan dataMasukan data

Keterangan :
  1. Border = ketebalan garis
  2. Width = lebar kolom
  3. Masukan data = Ganti dengan data nya kawan
Contoh penambahan tabel kesamping dan kebawah

<table border="1">
<tbody>
<tr>
<td align="center">No</td> <td align="center" width="300">Uraian</td> <td align="center">Debet</td> <td align="center">Kredit</td>
</tr>
<tr>
<td align="center">1</td> <td>Masukan data </td><td>Masukan data</td><td>Masukan data</td>
</tr>
<tr>
<td align="center">2</td> <td>Masukan data </td><td>Masukan data</td><td>Masukan data</td>
</tr>

No Uraian Debet Kredit
1 Masukan data Masukan dataMasukan data
2 Masukan data Masukan dataMasukan data

Keterangan :
  1. Border = ketebalan garis
  2. Width = lebar kolom
  3. Masukan data = Ganti dengan data nya kawan
  4. <td align="center"> = bentuk tulisan ditengah ganti sesuai selera
Contoh memisahkan tabel yang satu dengan yg lainnya :

<table border="1">
<tr>
<td align="center" colspan="3">Masukan data</td>
</tr>
<tr>
<td>Masukan data</td> <td>Masukan data</td> <td>Masukan data</td> 
</tr>
</table>

Masukan data
Masukan data Masukan data Masukan data

Keterangan :
  1. Border = ketebalan garis
  2. Masukan data = Ganti dengan data nya kawan
  3. <td align="center" colspan="3"> = bentuk tulisan ditengah ganti sesuai selera dan pemisah
Membuat Susunan Pengurus :

<table border="0">
<tr>
<td>Ketua</td> <td>:</td> <td>Angga Saputra</td> 
</tr>
<tr>
<td>Anggota</td> <td>:</td>  <td>Novi Marta</td><tr>
<tr><td> </td> <td>:</td>  <td>Desi Ratnawati</td></tr>
<tr><td> </td> <td>:</td>  <td>Oktarini</td></tr>
<tr><td> </td> <td>:</td>  <td>Mei Artalita</td></tr>
</tr> 
</table>



Keterangan :
  1. Border "0" = tidak garis
  2. Masukan data = Ganti dengan data nya kawan

Tidak ada komentar:

Cara membuat menu horizontal dibawah header blog

Dalam membuat Menu Horizontal diblog ada yang ditempatkan dibawah atau diatas header blog, dalam pembuatannya ada yang jenis dropdown dan tanpa dropdown tergantung kebutuhan. Cara Membuat Menu Dropdown Horizontal dibawah header blog dapat dilakukan dengan langkah-langkah sebagai berikut:


  1. Sign in diblog
  2. Klik Edit HTML
  3. Centang Expand Template Widget
  4. Cari kode ]]> </ b: skin> (gunakan ctrl + F untuk memudahkan pencarian)
  5. Copy dan pastekan Kode CSS dibawah ini dan tempatkan diatas kode ]]> </ b: skin>   
  6. Klik Pratinjau untuk melihat kesalahan
  7. Klik Simpan

    8. .menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    }
    .menu ul{
    background:red;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
    }
    .menu li{
    float:left;
    padding:0px;
    }
     .menu li{
    float:left;
    padding:0px;
    }
    .menu li a{
    background:red;
    display:block;
    font-weight:normal;
    line-height:35px;
    margin:0px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
    }
    .menu li a:hover, .menu ul li:hover a{
    background: red;
    text-decoration:none;
    }
    .menu li ul{
    background:red;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:225px;
    z-index:1;
    }
    .menu li:hover ul{
    display:block;
    }
    .menu li li {
    background:red;
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:225px;
    }
    .menu li:hover li a{
    background:none;
    }
    .menu li ul a{
    display:block;
    height:35px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
    }
    .menu li ul a:hover, .menu li ul li:hover a{
    background:red;
    border:0px;
    color:red;
    text-decoration:none;
    }

    Keterangan

    Kode warna red = Ganti warna sesuai dengan selera

    Memasang kode html drop down menu di tata letak blog dibawah Header

    1. Klik Tata letak dibawah header
    2. Klik HTML/Java Script
    3. Copy dan pastekan Kode CSS dibawah ini di kolom konten HTML/Java Script
    4. Klik Simpan dan lihat hasilnya

    <div style="text/css">
    <ul class="menu">
    <li><a href="URL  alamat blog">HOME</a></li>
    <li><a href="URL  alamat blog">PROPIL</a></li>
    <li><a href="URL  alamat blog">FACEBOOK</a></li>
    <li><a href=""> JUDUL  1</a>
    <ul>
    <li><a href=" URL  alamat blog "> JUDUL  1</a></li>
    <li><a href=" URL  alamat blog "> JUDUL  1</a></li>
    </ul>
    </li>
    <li><a href=""> JUDUL 2</a>
    <ul>
    <li><a href=" URL  alamat blog "> JUDUL 2</a></li>
    <li><a href=" URL  alamat blog "> JUDUL 2</a></li>
    </ul>
    </li>
    <li><a href=" URL  alamat blog”>JUDUL </a>
    <li><a href=" URL  alamat blog "> JUDUL </a>
    <li>
    </li>
    </ul>
    </div>

    Keterangan

    Kode warna MERAH = Ganti dengan alamat dan judul postingan nya kawan

    Silahkan berkarya


13 komentar:

Cara membuat menu scroll otomatis diblogger

Contoh gambar

Untuk lebih jelasnya silahkan ikuti langkah berikut ini:
  1. login dulu ke Blogger
  2. klik Opsi lainnya/Rancangan
  3. Klik Tata Letak
  4. Klik Tambah gadget
  5. Klik opsi HTML/Java Script,terus copy kode HTML dibawah ini dan paste kan pada kolom HTML/Java Script
  6. Klik Simpan

    7. <justipy>
    <div style="background-color: white; border: 4px solid rgb(0, 0, 0); height: 80px; width: 300px; overflow: auto;">
    <link href="http://blogdaftarisi.googlecode.com/files/acc-toc.css" media="screen" rel="stylesheet" type="text/css" />
    <script src="http://blogdaftarisi.googlecode.com/files/toc.js">
    </script>
    <script src="http://ketutjoel88.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc">
    </script>
    <script type="text/javascript">
    var accToc=true;
    </script>
    </div>
    </justipy>


    Keterangan
    1. Kode Justipy : bentuk tulisan penuh , (silahkan diganti sesuai selera center = tengah)
    2. Border”4” : Ketebalan garis pinggir (silahkan diganti sesuai selera)
    3. Background White : Warna background Judul Isi daftar (silahkan diganti sesuai selera)
    4. Height : Tinggi Scroll (silahkan diganti sesuai selera)
    5. Weight : Lebar Scroll (silahkan diganti sesuai selera)
    6. http://ketutjoel88.blogspot.com / : Ganti dengan alamat URL blognya kawan

    Selamat mencoba

Tidak ada komentar:

Cara membuat menu scroll diblogger

Menu scroll memang diperlukan untuk menampung daftar isi ataupun judul artikel yang panjang dan lebar di suatu blog panjang dan lebar dapat diatur dengan sedemikian rupa sehingga dapat disesuaikan pada tempat yang terbatas. Fungsi scroll yang berbentuk kotak kecil ini sangatlah efektif untuk dipasang di blog agar terjadi penghematan ruang tempat, bagi pemula yang ingin memasang di blog dengan tipe yang sederhana dan tidak memerlukan kode script yang sulit sekali.


Untuk lebih jelasnya silahkan ikuti langkah berikut ini:
  1. login dulu ke Blogger
  2. klik Opsi Lainnya/Rancangan
  3. Klik Tata Letak
  4. Klik Tambah gadget
  5. Klik opsi HTML/Java Script,terus copy kode HTML dibawah ini dan paste kan pada kolom HTML/Java Script
  6. Klik Simpan

    7. <i></i>
    <div align="justipy">
    <table border="4" style="background-color: green;  width: 200px;"><tbody>
    <tr> <th colspan="100%" scope="col">DAFTAR ISI</th> </tr>
    <tr><td><div style="font-family: arial; font-size: 12px; background-color: white; height: 200px; overflow: scroll;width: 300px;">
    <div style="overflow: hidden; padding: 0 px; text-align: justipy; width: 100%;">
    <ul>
    <li><a href="http://namablog.blogspot.com /"> JUDUL BLOG ANDA 1</a></li>
    <li><a href="http://namablog.blogspot.com /"> JUDUL BLOG ANDA 2</a></li>
    <li><a href="http://namablog.blogspot.com /"> JUDUL BLOG ANDA 3 </a></li>
    <li><a href="http://namablog.blogspot.com /"> JUDUL BLOG ANDA 4</a></li>
    </ul></div></div></td></tr></tbody></table></div>

    Keterangan
    1. Kode Justipy : bentuk tulisan penuh, (silahkan diganti sesuai selera centre = tengah)
    2. Border : Ketebalan garis pinggir (silahkan diganti sesuai selera)
    3. Daftar Isi : Judul Daftar Isi (silahkan diganti sesuai selera)
    4. Background Green : Warna background Judul (silahkan diganti sesuai selera)
    5. Background White : Warna background Judul Isi daftar (silahkan diganti sesuai selera)
    6. Height : Tinggi Scroll (silahkan diganti sesuai selera)
    7. Weignt : Lebar Scroll (silahkan diganti sesuai selera)
    8. http://namablog.blogspot.com / : Ganti dengan alamat URL blognya kawan
    9. JUDUL BLOG ANDA 1 : Ganti dengan Judul postingan sesuai alamat URL blognya kawan

    Selamat mencoba

2 komentar:

Cara membuat postingan diblogger

Dalam membuat postingan blog di Blogger sebaiknya persiapkan dulu artikel yang dimasukkkan di post postingan di Word Microsoft office atau tempat lainnya dan jangan lupa kode HTMLnya sehingga kita biasa copy paste artikel kita ke pos blog setelah itu lanjut kelangkah berikutnya seperti langkah cara membuat postingan blog di blogger di bawah ini.

Berikut langkah-langkahnya :
  1. Login dulu  di blogger
  2. Sesudah anda Masuk dan melihat halaman utama Blogger lalu klik "Pos" tanda "Pensil Orange" atau klik tanda panah kebawah hitam yang berada disamping kanan seperti gambar di bawah dan arahkan krusor klik "Pos"


  3. Selanjutnya klik "Entri Baru"


  4. Kemudian akan muncul "Media" untuk menulis artikel, seperti gambar dibawah ini.


Keterangan
  1. Entri (1) : Isi dengan kalimat judul postingan
  2. Kolom pos (2): Media untuk menulis artikel
  3. Kolom editing (3) : Untuk mengedit artikel sesuai keinginan

Setelan Entri (4)
  1. Label: Berfungsi untuk mengkategorikan postingan Misalnya membuat judul Entri "Cerita Ketimun Emas" jadi kategorinya “cerita anak"
  2. Jadwal: Disini ada dua pilihan apakah otomatis atau Setel tanggal dan waktu tentukan sendiri
  3. Tautan permanen: Akan ada dua pilihan yaitu Tautan Permannen otomatis : Dipergunakan untuk membuat URL Link yang menjadi URL postingan dan Tautan permanen khusus dipergunakan untuk membuat Link Khusus (sebaiknya gunakan tautan Permanen otomatis untuk URL
  4. Lokasi: Sebagai petunjuk dimana lokasi saat menulis artikel tersebut.
  5. Pilihan: Untuk pengaturan tingkat lanjut dan lebih baik menggunakan pengaturan aslinya saja

Opsi Lainnya (5)
  1. Publikasikan: Untuk mempublikasikan artikel ke blog
  2. Simpan: Untuk menyimpan artikel dalam bentuk draft atau rancangan
  3. Pratinjau: Untuk melihat tampilan pada blog sebelum dipublikasikan
  4. Tutup: Untuk menutup jendela apabila tidak jadi di publikasikan sehingga tulisan akan tersimpan menjadi draf

Tidak ada komentar:

Cara membuat blog gratis dan mudah diblogger

Pada postingan kali ini, saya akan membahas bagaimana cara membuat blog gratis dan mudah di blogger, dan perlu diketahui pengertian blog pada dasarnya disebut sebagai Web Blog yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari artikel terbaru hingga artikel yang paling lama. 

Berikut ini adalah "cara membuat blog gratis dan mudah di blogger" :
  1. Memiliki akun Email apabila belum punya klik disini Cara Mudah membuat Emai di Yahoo Indonesia ataupun memiliki akun Gmail, karena Gmail dan Blogger saling berkaitan. Setelah kita memiliki atau membuat akun Email di Google, selanjutnya menuju situs www.blogger.com dan ke halaman blogger lalu klik Daftar dan situs yang kita kunjungi akan tampak seperti gambar di bawah ini.


  2. Langkah selanjutnya mengisi data - data diform yang disediakan, jangan lupa paling bawah klik atau mencentang (1) "Saya menyetujui persyaratan layanan dan kebijakan privacy google", setelah itu klik "Langkah berikutnya" (2) lihat gambar dibawah


  3. Selanjutnya klik "Verifakasi akun anda", tunggu beberapa menit tim google akan mengirim kode 6 digit ke nomor telepon yang anda daftarkan, klik "Lanjutkan"


  4. Apabila sudah terkirim masukkan 6 digit angka tersebut ke kolom "Masukan kode verifikasi" dan klik "Lanjutkan"


  5. Klik "Tambahkan foto propil" anda dan apabila sudah selesai Klik "langkah berikutnya"


  6. Selanjutnya akan "tampil Selamat datang"' langkah berikutnya klik "Kembali ke blogger"



  7. Selamat datang diblogger, Edit propil google + anda, lanjut klik " Lanjutkan Ke Blogger" seperti gambar dibawah ini



  8. Kemudian klik "Blog Baru" agar blog diciptakan seperti gambar dibawah ini



  9. Lanjut akan muncul seperti gambar bawah ini, isi kolom tersebut dengan Judul (1), Alamat(2), Tempelate(3), blog yang anda inginkan, klik "buat blog" (4)



  10. Setelah mengisi Judul, Alamat serta Tempelate lalu klik "Buat Blog" maka blog anda telah diciptakan klik "Mulai mengeposkan atau klik tanda "Pencil Orange"



  11. Dan terakhir akan tampil pos postingan, isilah dengan artikel yg diinginkan, apabila semua sudah terisi dengan artikel anda silahkan klik pratinjau untuk melihat karya anda dan apabila sudah merasa cukup tinggal dipublikasikan,.....selesai


    12. Demikian postingan kali ini selamat mencoba

2 komentar:

Cara membuat Email di yahoo Indonesia

Untuk membuat emil tidaklah susah sekali kalau kita cermat dan teliti memasukan data – data serta mengikuti kebijakan yang telah di tentukan oleh penyedia layanan email, memang sangat dibutuhkan jika kita ingin mendaftar facebook, twitter ataupun akun lainnya, jika anda belum mempunyai email tapi memaksakan untuk memdaftar di facebook tidak akan ada artinya. Untuk kali ini saya akan membahas cara membuat email dengan mudah di Yahoo Indonesia, untuk lebih jelasnya ikuti saja langkah - langkah di bawah ini :
  1. Kunjungi situs yahoo atau klik disini
  2. Selanjutnya anda dibawa ke halaman seperti gambar dibawah ini, lalu klik “buat account baru”

  3. Setelah klik “buat Account baru” akan muncul kolom – kolom data yang harus diisi data anda sesuai dengan permintaan pihak yahoo, seperti gambar dibawah ini.



    4. Keterangan
    1. Nama Depan: Maksudnya isi nama depan anda sendiri
    2. Nama Belakang: Maksudnya isi dengan nama belakang anda
    3. Kata sandi: isi dengan kata sandi, kata sandi ini harus di ingat-ingat karena sangat penting sekali.
    4. Ketik ulang kata sandi: Anda harus mengulang kata sandi anda secara benar.
    5. Saya Lahir Pada : anda harus mengisi tanggal, bulan, tahun sesuai kelahiran anda.
    6. Jenis Kelamin: Pilih sesuai dengan jenis kelamin yakni laki-laki dan perempuan.
    7. Saya tinggal di : klo yang ini pilih “Indonesia”.
    8. Ponsel : isi dengan nomer telpon selular anda.
    9. Email Alternatif: bisa di kosongkan.

  4. Setelah lengkap klik “Buat akun saya” seperti gambar dibawah ini


  5. Lanjut akan muncul kolom pertanyaan rahasia yang harus diisi


    6. Keterangan
    1. Pertanyaan rahasia 1: Pilih pertanyaan dalam kolom yang disediakan.
    2. Jawabannya : ketik dalam kolom (jawabannya harus diingat karena jika lupa kata sandi anda, anda bisa menggunakan pertanyaan rahasia tersebut dengan menggunakan fitur lupa kata sandi)
    3. Pertanyaan rahasia 2: Pilih pertanyaan dalam kolom yang disediakan.
    4. Jawabannya: ketik dalam kolom (jawabannya harus diingat karena jika lupa kata sandi anda, anda bisa menggunakan pertanyaan rahasia tersebut dengan menggunakan fitur lupa kata sandi.
    5. Ketik kode yang ditampilkan: Anda harus mengetik kode sama persis seperti gambar diatas, jaka salah ulangi sampai benar.

  6. Jika sudah diisi dengan lengkap dan klik “selesai”, seperti gambar dibawah ini.



  7. Sekarang anda sudah memiliki akun Email dan Klik “ Persiapan awal”


  8. Dan terakhir muncul halaman Email Yahoo,…selesai,


semoga berhasil.............


Tidak ada komentar:
Langganan: Postingan (Atom)