Home » » Membuat link posting bentuk scroll bar

Membuat link posting bentuk scroll bar

Written By Parmin Prim on 15 April 2011 | 07.30

Link halaman posting bentuk scroll bar merupakan tampilan untuk menghemat area halaman.  Dengan fasilitas ini kita bisa membuat link tersebut berada dalam sebuah area yang lebih dalam.  Jika pengunjung ingin melihat link halaman yang lain, tinggal menggeser scroll bar tersebut ke atas atau ke bawah, dan pilih posting yang menarik lalu klik.  

Caranya menggunakan sebuah kode HTML/Script yang diletakkan dalam gadget tersendiri yaitu gadget HTML/Javascript.  Berikut tutorialnya :
  1. Blok kode di bawah ini :

    <div style="height:200px;width:250px;font:13px/26px Arial, Garamond,
    Serif;overflow:scroll;">

    <a href="http://primaya.blogspot.com/2007/08/buat-blog-di-blogger.html">1.Buat blog di blogger</a><br/>

    <a href="http://primaya.blogspot.com/2009/02/pakai-template-klasik-atau-baru.html">2.Template Klasik atau New</a><br/>

    <a href="http://primaya.blogspot.com/2009/02/cara-upload-new-blogger-template.html">3.Upload New Template Blogger</a><br/>

    <a href="http://primaya.blogspot.com/2007/08/upload-gambar-blogger.html">4.Upload gambar blogger</a><br/>

    <a href="http://primaya.blogspot.com/2007/12/kenapa-blog-ku-berantakan.html">5.Blog berantakan</a><br/>

    </div>
  2.  
  3. Copy-kan code di atas dan Paste-kan di bagian gadget=HTML/Javascript Rancangan blog anda. Untuk meletakkan kode bagian gadget tersebut tutorialnya dapat dilihat di Tambah Gadget=HTML/Javascript.  Lalu ganti teks yang berwarna kuning diatas dengan link halaman postingan anda.
  4.  
  5. Hasilnya seperti di bawah ini.
  6. "Selamat mencoba"
Share this article :

2 komentar:

  1. bisa pak...!
    http://radinalvbasic.blogspot.com/
    di artikel lainnya :
    kerennnnn!!!!!!

    BalasHapus
  2. Oke....! mantap ..lanjutkan perjuangan..! siapa tahu jadi penulis handal.

    BalasHapus

Popular Posts

Posting Update

Chat Langsung

Diberdayakan oleh Blogger.

Follow by Email

 
Support : Primaya | Masprim | My Facebook
Redesain © 2015. primaya.blogspot.co.id - All Rights Reserved
Template Source from Creating Website
Proudly powered by Blogger