Cara Membuat Read More / Baca Selengkapnya

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut
1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

#p^#data:post.body/^#/p^

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

#b:if cond='data:blog.pageType == "item"'^
#style^.fullpost{display:inline;}#/style^
#p^#data:post.body/^#/p^
#b:else/^
#style^.fullpost{display:none;}#/style^

#p^#data:post.body/^#/p^

#a expr:href='data:post.url'^Read More......#/a^
#/b:if^

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

#span class="fullpost"^

#/span^

8. Kemudian Simpan.

9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

#span class="fullpost"^

#/span^

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : #span class="fullpost"^ sementara sisanya yaitu keseluruhan posting letakkan di antara kode #span class="fullpost"^ dan #/span^

11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Keterangan: Pada pengcopyan script diatas ke blog kamu, ganti simbol # dengan < dan ^ dengan >

Lanjut Gannn......

Cara Membuat Read More / Baca Selengkapnya

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut


1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

#p^#data:post.body/^#/p^

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

#b:if cond='data:blog.pageType == "item"'^
#style^.fullpost{display:inline;}#/style^
#p^#data:post.body/^#/p^
#b:else/^
#style^.fullpost{display:none;}#/style^

#p^#data:post.body/^#/p^

#a expr:href='data:post.url'^Read More......#/a^
#/b:if^

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

#span class="fullpost"^

#/span^

8. Kemudian Simpan.

9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

#span class="fullpost"^

#/span^

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : #span class="fullpost"^ sementara sisanya yaitu keseluruhan posting letakkan di antara kode #span class="fullpost"^ dan #/span^

11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Keterangan: Pada pengcopyan script diatas ke blog kamu, ganti simbol # dengan < dan ^ dengan >

Lanjut Gannn......

Cara Menulis Kode HTML pada Kolom Komentar

Suatu kali pengunjung pernah menulis kode pada kolom komentar blog ini. Tetapi yang tampil hanya tulisan span saja, tanpa tanda < dan >. Namun dari kalimatnya saya bisa memahami bahwa yang ia maksud sebenarnya adalah . Nah, kenapa hal itu bisa terjadi? Tanpa bermaksud merendahkannya, menulis kode HTML pada kolom komentar (termasuk juga menulis kode HTML pada posting) sebenarnya tidak sama dengan cara menulis tulisan biasa. Ada beberapa kiat yang mendasarinya. Sebagai contoh di bawah ini adalah beberapa kode HTML yang sering digunakan dan sekaligus cara penulisannya:





1. Kode < ditulis dengan < 2. Kode > ditulis dengan >
3. Kode & ditulis dengan &
4. Kode " ditulis dengan "
5. Jika igin spasi ditulis dengan  

Lanjut Gannn......

Cara Buat Teks Bergerak (Marquee) di Blog

Apabila Anda melihat link atau teks yg bergerak di sidebar blog ini, itu namanya marquee (baca, marki). Program html marquee ini berguna bukan saja untuk menarik tamu yg datang agar memperhatikan apa yg tertulis di dalamnya tapi juga berfungsi untuk menghemat ruang (space) sidebar kita sehingga lebih efektif dan efisien. Bagaimana cara membuat marquee?
Cara membuatnya mudah. Cukup Anda copy dan paste code html berikut ke sidebar blog atau di manapun sesuai keinginan Anda:

< MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="100%">(teks atau link tulis di sini)< /MARQUEE>
Contoh Marquee untuk link (copy & paste dan ganti contoh link sesuai keinginan Anda):

< MARQUEE align="center" direction="up" height="200" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="100%">
< a href="http://fatihsyuhud.com" target="new">- Blogger Indonesia -< /a>
< a href="http://afatih.wordpress.com target="new">- Refleksi dan Blog Tutorial -< /a>
< a href="http://www.jobvacancycareer.com/ target="new">- Jobs Info -< /a>
< a href="http://www.beasiswas.com/ target="new">- Beasiswa -< /a>
< a href="http://www.beasiswas.net/ target="new">- Beasiswa -< /a>
< a href="http://www.beasiswas.info/ target="new">- Beasiswa -< /a>
< a href="http://www.beasiswas.org/ target="new">- Beasiswa -< /a>
< a href="http://lowonganbeasiswa.com/ target="new">- Beasiswa -< /a>
< a href="http://beasiswa.blogs.ie/ target="new">- Beasiswa -< /a>
< a href="http://www.lowongankerjas.com/ target="new">- Loker -< /a>
< a href="http://www.lowongankerjas.net/ target="new">- Loker -< /a>
< a href="http://www.lowongankerjas.org/ target="new">- Loker -< /a>

< /MARQUEE>
Catatan:
1. Kode < br /> adalah singkatan dari (line break) atau ganti garis, supaya setiap link tidak numpuk dalam satu baris. Bila jarak satu link dg link yg lain dianggap terlalu sempit, bisa ditambah dg kode < br /> lagi. Sesuai selera.
2. Kode target="new" atau target="_blank" berfungsi agar supaya tercipta window baru ketika ada yg mengklik link yg ada dalam marquee sehingga pengunjung tidak meninggalkan blog Anda.
Contoh Marquee untuk teks:

< MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="100%">Mengutip sebagian atau keseluruhan isi blog ini ke blog Anda dipersilahkan ASAL menyebut URL sumber tulisan dan/atau permanent link artikel yg dikutip.
< br>

Komentar, saran atau pertanyaan dapat diajukan melalui bukutamu, kotak komentar blog atau email ke: blogger.indonesia@gmail.com.
< /MARQUEE>
Catatan:
1. Jangan lupa untuk menyelipkan kode < br /> untuk ganti garis atau paragraf.
TIP PENTING:
1. tag atau kode: direction="up" artinya tulisan/teks bergerak ke atas seperti di blog ini, jadi kode "up" bisa diganti dg "down" bila ingin link/teks bergerak ke bawah; dan ganti menjadi "left" supaya bergerak ke kiri dan "right" supaya bergerak ke kanan.
2. Marquee hanya dapat digunakan di blogspot, self-hosted wordpress, dll.
3. a.Untuk di blogspot, klik Elemen -> Teks -> pasang kode marquee di atas.
b. Untuk self-hosted wordpress -> aktifkan widget -> naikkan widget text -> pasang kode marquee.
c. blogsome.com, blogs.ie dan self-hosted wordpress: klik manage -> files -> pasang kode marquee di sidebar.
Salam nge-Blog!

Lanjut Gannn......