Cara Buat Daftar Isi Dengan Fasilitas Scroll Bar

Ikuti ajJah langkah-langkahnya di bawah ini :

1. Login ke Blogger.
2. Buka menu Layout -> Page Elements
3. Klik Add a Gadget -> HTML/Javascript.
4. Masukkan kode dibawah ini kedalam kotak

script daftar isi dengan tanda panah di sampingnya:

<!-- more -->
&lt;span style=&quot;font-family<style>
.list {
background:
url("http://lh4.ggpht.com/_15FopxVONSo/ShYuf4RqUuI/AAAAAAAACxI/jcump2GgfLg/iconbullet.gif")
no-repeat left center;border-bottom:1px dotted
#ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>

<div style="background-color: white; border: 1px solid rgb(255, 255, 255); height: 180px; margin: 0px; overflow: auto; padding: 3px; width: 284px;">


<div class="list">

1. <a href="http://kokobotax.blogspot.com/2009/12/cara-membuat-menu-d-tree.html">Cara membuat menu D tree</a></div>


<div class="list">

2. <a href="http://kokobotax.blogspot.com/2009/12/cara-membuat-menu-tab-view.html">cara membuat menu tab view</a></div>


<div class="list">

3. <a href="http://kokobotax.blogspot.com/2009/12/cara-membuat-menu-horizontal.html">cara membuat menu horizontal</a></div>


</div>


</div>

script daftar isi dengan angka di sampingnya:

<div style="border: 1px solid rgb(153, 153, 153); height: 200px; overflow: auto; padding: 10px;">

<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>

<div style="background-color: white; border: 1px solid rgb(255, 255, 255); height: 180px; margin: 0px; overflow: auto; padding: 3px; width: 380px;">


<div class="list">

1. <a href="http://alamat%20url%20yang%20ingin%20di%20tampilkan/">Cara Mnghilangkan Navbar</a></div>


<div class="list">

2. <a href="http://alamat%20url%20yang%20ingin%20di%20tampilkan/">Panduan membuat blog di blogger</a></div>


</div>


</div>: &amp;quot;; font-size: 12;&quot;&gt;&lt;/span&gt;

&lt;div class=&quot;alert&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;; font-size: 12;&quot;&gt;
&lt;/span&gt;
&lt;script language=&quot;JavaScript&quot;&gt;
var txt=&quot;&lt;span&gt;Welcome in ShareCenter.blogspot.com : Free Software, Tips 'n Tricks Computers, Free Tutorials, Free Articles and more..&lt;/span&gt;&quot;;var
kecepatan=100;var segarkan=null;function bergerak() {
document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
&lt;/script&gt;&lt;span style=&quot;font-family: &amp;quot;; font-size: 12;&quot;&gt; &lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: &amp;quot;; font-size: 12;&quot;&gt;&lt;/span&gt; &lt;/li&gt;

Keterangan:

380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.

Cara Menuliskan Script/Kode Dalam Postingan di Blog

Terkadang dalam menuliskan sebuah postingan kita mendapati kode-kode HTML yang akan kita ikutkan kedalam postingan kita, nah..masalahnya, kode kode tersebut tidak dapat kita pasang dengan langsung menuliskan script aslinya tanpa kode-kode yang telah ditetapkan oleh Blogger.com, jadi semuanya memerlukan teknik tersendiri..sebagai contoh, kita tuliskan kode
dengan langsung menuliskannya tanpa kode atau teknik tertentu, maka tulisan tersebut tidak akan muncul pada postingan kita, karena di anggap bahasa HTML di dalam blogger.

Bagaimanakan caranya? Untuk menuliskan kode tersebut menjadi sebuah kode yang bisa terlihat di dalam postingan, begini (hehe..kayak lagi menjelaskan kasus aja) jika kita akan menuliskan kode, maka yang seharusnya kita tulis adalah &lt;center&gt; . Jadi symbol < diganti dengan &lt; dan kode > diganti dengan &gt;

Mengganti Icon Blogger di Addres Bar

Ketika membuka atau blog kita maka akan muncul di addres bar (tempat unuk menuliskan alamat URL) akan muncul icon atau gambar kecil. Dan jika blog kita ada di blogger.com atau blogspot maka icon itu berupa gambar dari blogger.com seperti d ibawah ini.

http://blog-adul313.blogspot.com/

Untuk kita-kita yang sedikit tak meninginkan icon blogger itu muncul di Addres Bar blog kita, bisa juga kita ganti icon blogger itu dengan yang lainnya. Misalkan denagn foto kita sendiri atau gambar-gambar yang begerak atau berformat gif. Tapi yang paling penting adalah ini sebuah icon jadi usahakan yang berukuran kecil saja, misal 24 x 24 pixel atau 32 x 32 pixel saja supaya loadingnya cepat.

Cara Mengganti Icon Blogger di Addres Bar

Cara Menghilangkan Tanggal Posting

menghilangkan tanggal posting blogger, mau tau caranya? pertama masuk halaman Edit HTML kemudian cari h2.date-header { jika sudah ketemu tambahkan visibility: hidden; diantara kode tersebut. lihat contoh kodenya dibawah:

h2.date-header {

margin:.3em 0 0;

padding:0;

font-size:80%;

color:#777;

height: 0px;

visibility: hidden;

}

Cara Membuat Album Foto Pada Blogspot Memakai Gadget

Tips cara membuat album foto pada blogspot ini sebenarnya sudah pernah saya berikan beberapa waktu yang lalu disini. Hanya saja posting yang pertama tersebut membahas bagaimana cara membuat slideshow album foto pada blogspot dengan memanfaatkan situs gallery foto yaitu www.slide.com. Untuk mengetahui trik pembuatan album foto di blog tersebut, pembaca boleh membukanya kembali disini. Blogspot sebenarnya menyediakan gadget yang berfungsi untuk membuat slide album foto pada blog kita. Namun, menurut saya gadget ini lebih sederhana jika dibandingkan dengan slideshow yang kita buat dari www.slide.com, sebab tampilan slide foto yang kita dapatkan dari situs www.slide.com tersebut bisa kita customize sesuai kehendak kita mulai dari tipe slide, ukuran, animasi, dan lain-lain. Meskipun demikian, tidak ada salahnya jika kita mencoba gadget slide album foto blogspot ini, sebab kesederhanaan biasanya indentik dengan kemudahan dalam pengaplikasiannya. Berikut langkah-langkah menambah album foto pada blogger:

Membuat Drop Down Menu Flash Menggunakan Flash Menu Factory

Ada banyak cara membuat tombol menu flash untuk website kita. Kita bisa menggunakan Macromedia Flash atau memanfaatkan tombol yang sudah disediakan oleh Macromedia Dreamweaver. Mengenai pembuatan menu flash menggunakan Dreamweaver telah kita bahas di sini. Sedangkan cara memasukkan menu flash pada blog juga sudah kita pelajari di sini. Cara lain untuk mendapatkan desain menu flash yang sangat unik dan bagus selain cara di atas adalah dengan memanfaatkan sebuah software pendesain khusus flash menu untuk website. 

Software tersebut bernama Flash Menu Factory. Sesuai namanya, software ini berisi directory tombol-tombol menu flash yang siap kita gunakan. Kita cukup mengatur menu-menu yang akan kita buat seperti mengatur tulisan menu baik jenis font, ukuran font, warna dan sebagainya, mengatur link menu, mengatur jenis tombol flash yang kita gunakan, dan lain-lain. Artinya, dengan beberapa klik saja, kita sudah bisa mendapatkan desain tombol menu flash yang siap pakai untuk digunakan pada website kita. Software Flash Menu Factory ini juga menyediakan tipe menu horizontal dan vertikal. Yang lebih menarik lagi