Cara Membuat Daftar Isi

Sedikit saya akan membahas tentang Daftar isi pada blogspot. Daftar isi tersebut menggunakan javascript, sehingga agak sedikit membebani loading blog tetapi ini juga membantu pembaca untuk mencari artikel yang diinginkan.... Baiklah tidak usah berpanjang lebar kita mulai dengan langkah - langkah di bawah ini :

Langkah #1

1. Sign in di blogger dengan ID anda
2. Bilsa sudah berada di halaman dashboard, klik Tata Letak / Layout.
3. Klik tab Edit HTML
4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting) untuk mengantisipasi agar bila terjadi kegagalan anada dapat mengembalikannya seperti semula.
5. Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat. 

 

6 Lihat ke bagian body template, lalu cari kode seperti ini :

<b:include data='post' name='post'/>  

7. Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :


<b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
         <a expr:href='data:post.url'>
   <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
         <data:post.title/></div></a>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if>
 <b:else/>
     <b:include data='post' name='post'/>
 </b:if>


8.Klik tombol Simpan Template

untuk langkah peratama selesai....
 

Langkah #2

1. Klik tab Elemen Halaman.
2. Klik tulisan Tambahkan sebuah Elemen Halaman.
3. Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.
4. Copy lalu paste kode berikut :

<a href="http://aseprustandi.blogspot.com/search?max-results=200">Daftar isi&raquo;</a> 


5. Ganti text yang berwarna merah dengan URL blog anda
6. lalu klik tombol simpan.

maka hasilnya akan seperti di bawah ini.

 

selamat mencoba !!!

Cara Merubah Favicon

Untuk mengganti favicon tersebut, anda bisa melakukan langkah-langkah seperti berikut :

 Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon, contoh seperti gambar di bawah ini : 

Menjadi

1.  Anda bisa cari atau buat favicon seperti di atas atau anda inginkan yang lain.
2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com  tapi sebenar nya menggunakan .gif dan yang lainnya juga bisa sih.
   
3. Klik pada tombol Browse...
   
4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
   
5. Klik pada tombol Generate Favicon.
   
6. Setelah proses selesai, klik pada Click Here to Download your favicon.
   
7. Save ke komputer anda.
   
8. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gamabar, contoh adalah ke Yahoo! Geocities atau Photobucket. Belum tahu bagaimana cara meng upload gambar ke Yahoo! Geocities atau Photobucket.
9. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :
10. 
    http://i585.photobucket.com/albums/ss291/aseprustandi/icon/download.ico
    
11. Anda harus mengubah alamat URL favicon anda menjadi seperti ini : 

<link rel="shortcut icon" href="http://i585.photobucket.com/albums/ss291/aseprustandi/icon/download.ico"/>

11. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
12. Klik pada Tata Letak.
13. Klik Edit HTML.
14. Silahkan cari kode </head> (posisinya hampir paling atas, jadi jangan jauh-jauh nyari kebawah).
15. Simpan kode favicon yang tadi persis di atas kode </head> .

17. Klik tombol Simpan Template.

Selesai.....


Selamt Mencoba !!!