Thursday, March 8, 2012

Cara Membuat Fungsi Scroll pada Blog

Cara Membuat Fungsi Scroll pada Blog, fungsi scroll, scroll blog

Semua konten yang ada pada blog Rinjani Lovers di atur atau di susun berdasarkan kategori, hal ini dilakukan untuk mempermudah pengunjung atau Visitors blog dalam menjelajahi blog ini. Berhubung blog ini terdiri atas tiga kolom, maka list atau daftar isi setiap kategori diletakkan di dalam postingan. Kalau Daftar isi di letakkan di kolom sebelah kiri atau kanan dari template ini, kemungkinan besar, keindahan dari Rinjani Lovers akan berkurang. Oleh karena itu, tutorial blogger atau tutorial blog kali ini, Rinjani Lovers akan menjelaskan tentang cara buat fungsi Scroll pada Postingan.

Terdapat dua kode untuk membuat fungsi Scroll, sobat blogger bisa memilih salah satu dari kedua kode ini!

Kode Pertama
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; background: blue #000000 no-repeat scroll 0 0 ; background-position: center ;border: 3px solid black; height: 150px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

Letakkan tulisan atau link sobat disini!

</div>

Kode Kedua
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #000000; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

Letakkan tulisan atau link sobat disini!

</div>

Keterangan:
  • 150px adalah ukuran tinggi fungsi scroll, silahkan sobat sesuaikan
  • #000000 adalalah warna background dari fungsi scroll, silahkan sobat ganti atau sesuaikan dengan background template sobat
Cara Membuat Fungsi Scroll pada Blog, fungsi scroll, scroll blog

Cara memasukkan kode fungsi scroll:
  1. Copy atau Pilih salah satu dari kode di atas
  2. Ganti Tulisan yang berwarna biru dengan tulisan atau link yang ingin di tunjukkan
  3. Copy Paste kode tersebut
  4. Klik Post Options
  5. Kasih tanda pada Interpret typed HTML dan use <br /> tags
  6. Kemudian klik Publish Post


Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda

Delivered by FeedBurner

Baca Artikel menarik lainnya di bawah ini...



6 comments:

  1. makasih tips'a mas bro....
    sangat-sangat bermanfaat.

    kunjung balik ya,
    http://rieztoshare.blogspot.com/

    ReplyDelete
  2. Restu Nugroho...
    I am going to visit your site

    ReplyDelete
  3. ka, ajarin bkin teks marqueee...yang kaya di "reading list"nya kaka itu donk,,, pliss...

    ReplyDelete
  4. copy paste kmana gan,kok gak disebutun?

    ReplyDelete
  5. Dapat ilmu baru ane. Salam sukses selalu gan...

    ReplyDelete
  6. sip udh sya pasang scroll di blog sya. jd mnghemat tmpat hehe
    mmpir" di blog sya juga ^^

    ReplyDelete

home

Copyright © 2012 Tutorial Blogspot | Design by X-Template