Jumat, 31 Mei 2013

Assalamualaikkum Warohmatullahi Wabarokaatuh

'Ketika hidup ini harus menyusun materi agar tetap bertahan, maka blog inipun harus menusun artikel agar mudah di mengerti'

Kali ini MasEdi akan membagikan tips dasar lagi, dimana tipsnya adalah membuat daftar isi artikel berdasarkan label. Agar mudah diakses suatu blog, maka harus pula kalian susun baik-baik blog tersebut.

Langsung ke TKP....
1. Login di blog Sahabat, www.blogger.com
2. Seperti pada gambar dibawah ini, klik tanda panah kecil dan pilih Tata Letak.


2. Maka akan muncul halaman baru seperti di bawah ini, klik Tambahkan Gadget.


3. Akan muncul jendela baru, pilih HTML/JavaScript dengan mengeklik tanda +



4. Copy dan pastekan kode dibawah ini pada lembar konten.
  
<div style="overflow:auto; width:auto; height:150px; padding:5px;border:0px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">                                          <ol>                                                                                                                        <script style="text/javascript">                                                                                       var numposts = 100;                                                                                                      var standardstyling = true;                                                                                       </script><script type='text/javascript' src='http://tateluproject.googlecode.com/files/postlabel%281%29.js'></script><ol>      <script src="http://www.edisukarman.com/feeds/posts/default/-/Tutorial%20Dasar%20Blogspot?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>                                     </ol>                                                                                                                   </ol></div>



Catatan
  • width:auto :  menunjukkan bahwa  lebar scroll box akan menyesuaikan dengan lebar sidebar.
  • height:100px : tinggi scroll box. Silahkan sahabatt ganti sesuai keinginan.
  • border:1px solid #e6e4e3 :  adalah ukuran, jenis dan warna dari border. 1px adalah tebal border, solid adalah jenis border, dan #e6e4e3 adalah warna border. 
  • font-size : adalah ukuran huruf.
  • <ol> : adalah Numbered LIst , sobat bisa menggantinya menjadi bullet list dengan kode <ul>
  • Ganti http://www.edisukarman.com dengan Url blog sahabat.
  • Ganti Tutorial%20Dasar%20Blogspot dengan label yang sahabat inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang terterah, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
5. Jika Sahabat selesai mengaturnya, Klik Simpan dan Lihat Hasilnya.


Demikian tips kali ini, semoga dapat bermanfaat.
Terima Kasih



0 komentar:

Posting Komentar