Beberapa hari nggak online/update blog,saat lihat komentar ada temen kita menanyakan sambil belajar bagaimana membuat fungsi scroll seperti pada sidebar seperti disamping blog ini. mas, salam kenal. aku penasaran gimana cara buat kotak yang kayak the most popular post, membuat blog di blogger yang ada di kanan postingan itu lho. mohon bimbingannya. Untuk itu mumpung lagi ada waktu,sekarang kita kita bahas menghias blog dengan memanfaatkan fungsi scrollbar ya..:) Untuk lebih relevan,sebaiknya diletakkan pada sidebar.Untuk hasil contohnya seperti ini: TENTUKAN JUDUL KOLOMUntuk langkah pertama,pergilah ke Dashboard---->Tata Letak----->Edit html. Selanjutnya cari kode : </head> Jika sudah ketemu,tepat diatasnya,letakkan kode ini: <style type='text/css'> Setelah itu simpan. Lalu pada Tata Letak blog,tambah element baru dan pilih HTML/Javascript,lalu letakkan kode berikut: <script type="text/javascript"></script> <div id="fungsiscroll" class="sidebar section"> < ul> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li> <li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li>
<li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li>
<li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li>
<li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li>
< /ul> </div>
< ul> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li> <li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li>
<li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li>
<li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li>
<li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li>
< /ul> </div> </div> </div> <div id="fungsiscroll" class="sidebar section"> <li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li> <li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li> <li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li> <li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li> <li>>> < a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL < /a> < /li> </ul> **Jika anda ingin membuat satu kolom saja,tinggal hapus kode yang berwarna hijau di atas. CSS,memang sangat membantu ya.. :) Baca Juga Yang Ini.. |
Tuesday 27 July 2010
Cara Membuat Kotak Blogroll
Cara Membuat Kotak Blogroll: "