Cara Membuat Daftar Isi Blog

Membuat daftar isi blog ini sudah pernah saya posting sebelumnya. Kalo sobat ingin melihatnya dapat dilihat disini dan disini.

Cara membuat daftar isi blog kali ini berbeda dengan sebelumnya, baik tampilan maupun script yang akan digunakan, saya pribadi lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing-masing judul. Jadi kalo postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar ini.

Daftar isi (content) ini saya bagi menjadi dua bagian, yaitu Daftar isi ditampilkan pada satu halaman penuh dan Daftar isi ditampilkan pada halaman depan blog

Cara pertama adalah jika kita ingin menampilkan daftar isi ini dihalaman depan blog kita, agar setiap pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita



Contohnya sebagai berikut :












Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
5. Kopas kode di bawah ini



  • <div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    </div>


namablog.blogspot.com : ganti dengan alamat blog sobat

width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template

height:120px : Ganti tinggi nya sesuai dengan keinginan sobat


6. Kemudian save dan letakkan sesuai dengan keinginan sobat.


Kemudian cara kedua saya akan bahas Daftar isi yang akan ditampilkan pada satu halaman penuh

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :




  • <script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
http://alamatblog.blogspot.com : Ganti dengan alamat blog sobat

6. Klik Publish Post

Jadi deh, hasilnya atau sebagai contih dapat dilihat disini.

READ MORE... »»

How To Setting Your Blog

Before, I have posted about How To Make Your Blog Load Faster, and now I will post about how to setting your blog before you start blogging.

There are some settings that must be done in the blog so that blog can be recognized by search engine. If you do not know what should be in the settings, please follow the steps:

Please sign in to your blogger account, and select settings and basic.

Title >> fill with your title blog, example : barajakom

Description >> Fill with the description of your blog

Add your blog to our listings? >> Select yes


Let search engines find your blog? >> Select yes

Show Quick Editing on your Blog? >> Select yes

Show Email Post links? >> I recommend to choose yes

Adult Content? >> Select no, if your blog does not contain pornography

Show Compose Mode for all your blogs? >> select yes

Enable transliteration? >> select No

Click Save Settings

READ MORE... »»

Of CGI And Java Scripts

CGI and Java Scripts are both functional with both Netscape and Internet Explorer browsers. But there is an essential difference between the two. Java functions as a code executed and downloaded in the clients' side while CGI operates with the server. Before probing deeper into the difference of the two, let us first try to understand these two often-used scripts.

Java Script requires no special plug-ins, and it works transparently within an HTML page. It animates web page graphics, allows users to change page elements (background color, display preferences), and allows site navigation. Usually, Java Scripts are made up of two parts: the Java Script functions (the instructions for what the Java Script does on the page) and elements that cause the Java Script functions to execute. These two go in different ways.


The Java Script functions are placed between special Java Script tags within the head tags in the HTML source. Java Scripts follow specific punctuation conventions. Usually, Java Script functions are the last element within the head tag. The elements that cause the Java Script to execute are placed within the body tags of the HTML source, depending on where the web page designer wants the Java Script to run. Because Java Script is included in the other HTML tags in the page source, a web page with Java Script elements will be saved in exactly the same format as a web page: the file type should be an ASCII text, and the file name should have the suffix .html appended to the end of it. The script's difference from CGI will not be clear unless we discuss both CGI and Java Scripts.


CGI is the short version of Common Gateway Interface. It is commonly used in web pages because it allows interactivity by letting the web server respond to user input through a web page with CGI elements. A common example of CGI function is a web guest book. A web designer usually includes a web guest book in the web page so users and visitors can put in their suggestions. These suggestions are collected by the CGI and e-mailed to the designer. CGI and Java Scripts also have a similarity. Like in a Java Script, files used in CGI must be ASCII text with the suffix .html appended to the end of it. However, if a CGI script will be stored in the CGI bin, it is most likely that the file must be saved as a Perl document. Unlike Java Script, where the functions must reside within the head tags, form elements can be placed wherever the web page designer wants to put them. The only consideration is that to call the CGI script, HTML tags should come before the form elements of the page.

Though both scripts have different functions, both CGI and Java Scripts have undoubtedly improve the way the internet works. They have also infiltrated the world of movies and televisions with digital films and fantastic characters. Who knows, maybe more uses of both scripts will be identified in the future

READ MORE... »»