Cara membuat tulisan dalam kotak/tabel dalam post sebuah blog

Untuk membuat tulisan dalam kotak/tabel dalam post sebuah blog caranya adalah sebagai berikut:
1. Buat entri baru.
2. Copy kode berikut:

<table border="1" style="width: 400px;"> <tbody> <tr> <td align="center">GUNANTO </td> </tr> </tbody></table>

Keterangan: Kata GUNANTO dapat diganti dengan kata/kalimat apapun.
3. Simpan.
4. Publikasikan.
jika langkah anda benar, maka akan mucul hasil sebagai berikut:

GUNANTO

Selamat mencoba.

>>Baca Selengkapnya:....

Cara Membuat Daftar Isi Dalam Blog

Caranya:
1. Masuk dalam Blogger >> Tata Letak >> Tambah Widget
2. Masukkan kode berikut:

 <div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://tateluproject.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://www.gunapengetahuan.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>

3. Ganti  www.gunapengetahuan. dengan URL anda.
4. Simpan. Klik lihat blog. Jika sudah jadi, bersyukurlah.
5. Jika belum jadi, tutup Internet Eksplorer, bila perlu Restart komputer lalu buka blog anda, Insya-Allah dah jadi.

Itu pengalaman saya, selamat mencoba.

Sumber:
http://christiantatelu.blogspot.com/
(Matur nuwun ilmunya ya)

>>Baca Selengkapnya:....

Membuat Gambar SEO Friendly

                                                                            

Cara Membuat Gambar SEO Friendly | Tujuan membuat gambar lebih SEO Friendly yaitu supaya gambar yang kita sisipkan pada postingan terdeteksi oleh googlebot sehingga gambar tersebut dapat terindex google. Jika gambar telah terindex google tentu saja akan menguntungkan bagi blog kita, karena jika ada seseorang yang menelusuri gambar di google besar kemungkinan gambar kita dapat ditampilkan pada hasil pencarian ( sesuai topik ) dan gambar tersebut mengandung link yang mengarah ke blog kita (backlink).

Cara Membuat Gambar SEO Friendly |  Lalu bagaimana cara membuat gambar agar lebih SEO friendly? sebenarnya caranya tidak telalu rumit meskipun untuk blogger pemula seperti saya ini. Karea kita hanya perlu menyisipkan dua jenis tag pada gambar tersebut yaitu tag "title" dan tag "Alt". Dan disini saya akan menjelaskan 2 Cara Membuat Gambar SEO Friendly ( 2 Cara menyisipkan tag Alt dan Title ), yaitu dengan cara menggunakan script dan dengan cara yang paling simple tanpa harus menggunakan script secara manual.

A. Cara Membuat Gambar SEO Friendly dengan mengedit script gambar

Untuk membuat gambar tersebut lebih SEO friendly, kita hanya perlu menyisipkan tag "title" dan "alt" pada gambar tersebut caranya :

<img src="isi dengan url gambar" title="isi dengan judul gambar" alt="isi dengan deskripsi gambar"/>

Misalnya kita mempunyai gambar seperti dibawah ini :

dan script gambar seperti berikut :

<img src="http://1.bp.blogspot.com/-Ja5B2KMWaG4/UJmcq9yUfTI/AAAAAAAAAX8/GmRe3-ybiEU/s1600/gambarseo.jpg"/>

Cara menyisipkan tag title dan alt pada script tersebut dapat dilihat dibawah ini :

<img src="http://1.bp.blogspot.com/-Ja5B2KMWaG4/UJmcq9yUfTI/AAAAAAAAAX8/GmRe3-ybiEU/s1600/gambarseo.jpg" title="Cara Membuat Gambar SEO Friendly" alt="Cara Membuat Gambar SEO Friendly"/>

Selesai.


B. Cara Membuat Gambar SEO Friendly Tanpa Mengedit Script

1. Login ke akun Blogger sobat
2. Buat Entry / postingan baru
3. Silahkan sobat sisipkan gambar kedalam postingan menggunakan fitur "Insert Image" untuk lebih jelasnya bisa sobat lihat pada gambar dibawah ini :

Insert Image

4. Kemudian setelah gambarnya berhasil ditambahkan kedalam postingan, sobat klik gambar tersebut. Untuk lebih jelasnya sobat bisa lihat gambar dibawah ini :

Menyisipkan tag title dan alt 1

5. Lalu akan muncul kolom isian dan isi kolom tersebut : 

• title = isi dengan judul gambar

• alt="isi dengan deskripsi gambar". untuk

untuk lebih jelasnya dapat dilihat pada gambar dibawah ini :

Menyisipkan tag title dan alt 2

Selesai.



Bagaimana, cukup mudah bukan, tugas saya untuk menjelaskan sudah selesai ( walaupun masih terdapat banyak kekurangan). Sekarang giliran anda yang mencobanya. Silahkan pilih dan gunakan cara yang mudah menurut sobat. Demikian artikel "Membuat Gambar SEO Friendly" semoga dapat bermanfaat. Untuk kurang dan lebihnya mohon dimaafkan. terimakasih

Sumber: http://1.bp.blogspot.com/

>>Baca Selengkapnya:....

Cara mengurangi jarak antara header dengan deskripsi Blogspot

Kalau Anda pertama kali membuat blog dengan menggunakan Blogger/Blogspot, biasanya jarak antara header (judul) dengan deskripsi blog terlalu renggang. Ini bisa membuat tampilan blog kurang menyenangkan bagi Anda sendiri maupun pembaca, yang harus menarik scroll ke bawah lebih banyak agar dapat membaca posting pertama, misalnya. Nah, trik berikut ini adalah cara mengurangi jarak antara header dengan deskripsi Blogspot.


1. Masuk ke Dashboard, pilih Rancangan/Design
2. Pilih Perancang Template/Template Designer
3. Pilih Tingkat Lanjut/Advanced
4. Pilih Tambahkan CSS/Add CSS
5. Di kolom sebelah kanan, tambahkan kode berikut ini:

.region-inner.main-inner{
margin-top: -20px;
}

.titlewrapper{
margin-bottom: -30px;
}

6. Pilih Terapkan ke Blog/Apply to Blog
7. Selesai

Anda bisa mengubah parameter -20px dan -30px sampai memperoleh jarak yang pas. Mudah, kan? Selamat menerapkan cara mengurangi jarak antara header dengan deskripsi pada Blogspot ini.

>>Baca Selengkapnya:....