MEMBUAT "SELENGKAPNYA..."DI BLOGGER

Saya akan berbagi ilmu bagaimana cara membuat more atau selenjutnya,inilah langkah-langkahnya smoga bermanfaat buat anda:
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 anda :

(caranya : tekan ctrl+F dan akan muncul menu Find, kemudian masukkan kode yang akan anda cari)

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

Tulisan "Read More....." itu bisa anda ubah, misalnya jadi "Baca Selengkapnya...", atau lainnya.

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


8. Kemudian Simpan.
9. Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode seperti berikut :

10. Letakkan abstrak posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore...") di atas kode ini :

sementara sisanya yaitu keseluruhan posting letakkan di antara kode :

dan

selesai deh..

baca selengkapnya

Menu untuk blogspot

Untuk blogspot, sebelum membuat menu, halaman yang akan di link sebaiknya di buat dulu dari postingan biasa, karena di blogspot tidak ada fasilitas membuat halaman, yang ada hanya membuat postingan. jadi menu kita nantinya akan di link ke postingan yang udah kita buat.

Misalnya kamu ingin membuat menu Index, Foto, dan Olah raga. maka kamu harus membuat postingan dengan Judul/Title: Index, Foto, dan Olah raga, dengan demikian kita akan mempunya 3 halaman dengan url http://nama.blogspot.com/Index.html, http://nama.blogspot.com/Foto.html dan http://nama.blogspot.com/Olah raga.html.

Selanjutnya ikuti langkah-langkah pembuatan menu secara otomatis menggunakan List-O-Matic. Setelah semua langkah di lakukan, kamu akan di beri 2 jenis kode yaitu HTML dan CSS.


Copy kode HTML dan masukkan lewat Add a Page Element - HTML/JavaScript dan letakkan dimana kamu pengen menunya muncul.

Here is the CSS for this list:

#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

Sedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic tadi sebelum kodedan save template.

Selamat Mencoba !

baca selengkapnya

MUSIK

baca selengkapnya