Skip to content

Cara Membuat Menu Scroll Sidebar di WordPress

Februari 8, 2009

Apakah Anda memiliki banyak blogrol atau link situs/sahabat? Dan semuanya ingin Anda tampilkan, padahal jumlah tersebut memerlukan space/ruang yang banyak. Dengan keterbatasan ruang yang tersedia (gak mungkin blog Anda dipenuhi blogroll, sehingga tulisan Anda nyaris menjadi tidak dominan), maka saya anjurkan Anda untuk membuat scroll di side bar blog_anda.wordpress.com seperti tampilan blog ini (gambar di bawah in yang diberi kotak merah).

Scroll Blogroll WordPress

Scroll Blogroll WordPress

Cara Membuat Menu Scroll Sidebar di WordPress.

Hanya dua langkah membuat menu scroll sidebar blogroll Anda.

Langkah 1 : Copy-lah source code di bawah ini ke text-widget di dashboard WordPress Anda.

<div style="overflow:scroll;width:150px;height:180px;">
<ul>
	<li><a href="http://wordpress.com/" target="_blank">Wordpress.com</a></li>
	<li><a href="http://nusantaranews.wordpress.com/" target="_blank">Nusantaraku</a></li>
	<li><a href="alamat_blog">Nama_blog</a></li>
</ul>
</div>

Langkah 2 : Setelah Anda copy source code diatas, silahkan edit nama dan alamat situs referensi anda. Lalu kiklah simpan pada Dashboard WordPress Anda. Anda sudah selesai membuat menu scroll sidebar Anda.

Hanya dua langkah… Selesai!

Catatan (Perhatikan SourceCode!)

  • Bagian nilai (150 dan 180) dari sourcecode width:150px;height:180px; dapat anda ubah/ganti untuk menentukan lebar pixel (width) dan tinggi pixel (height) scroll bar Anda.
  • Untuk tag html <li> </li> dapat Anda hilangkan. Begitu juga Anda dapat menambahkan fungsi break <br></br> antara nama list satu dengan yang lain.

Selamat mencoba, semoga bermanfaat.
© Nusantaraku – 8 Feb 2009

Artikel terkait:

About these ads
143 Komentar leave one →
  1. November 1, 2011 6:02 PM

    waw hatur tekiw pa guru gooodlah

  2. Desember 12, 2011 1:29 PM

    info yang sangat berguna… :)

  3. Desember 30, 2011 12:38 PM

    matur nuwun

  4. Januari 3, 2012 4:54 PM

    makaSiii,, bNyak iaa,, iNfo’a,,,
    keyeeennn

  5. Oktober 31, 2012 11:58 PM

    Mas, saya mau nanya,bikin blog misalnya

    (8520/9300 OS5)

    http://goo.gl/lI556

    http://goo.gl/lI556 kan harusnya langsung diklik aja kan bisa masuk ke URLnya itu, tapi saya bikin cuma tulisan aja,biasanya tulisannya warna hijau dan jika diklik langsung masuk, punya saya biasa aja, gimana solusinya???

  6. April 22, 2014 4:41 PM

    Reblogged this on … Fadhiel's Blog ^_- … and commented:
    belajar nge-blog yuk

  7. April 22, 2014 4:42 PM

    izin re-blogging kanda. terima kasih artikel nermanfaatnya.
    silahkan mampir di blog saya http://dhielvanrese.wordpress.com/

Trackbacks

  1. Tips Cara Membuat Menu Scroll Sidebar Blog Wordpress « BUDI COMPUTER
  2. Cara Membuat Menu Scroll Sidebar di WordPress « Suhaena's Blog
  3. Cara Membuat Menu Scroll Sidebar di WordPress « Indraekamaula's Blog
  4. Cara Membuat Menu Scroll Sidebar di WordPress | prosoftcheat
  5. Cara Membuat Menu Scroll Sidebar di WordPress | prosoftcheat
  6. 1992jun
  7. Cara Membuat Menu Scroll Sidebar di WordPress « robbyghozali

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 1.033 pengikut lainnya.

%d bloggers like this: