Tips Cara Membuat Menu Scroll Sidebar Blog WordPress


Tips Cara Membuat Menu Scroll Sidebar Blog WordPress, 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.

1 <div style="overflow:scroll;width:150px;height:180px;">
2 <ul>
3 <li><a href="http://wordpress.com/" target="_blank">WordPress.com</a></li>
4 <li><a href="http://nusantaranews.wordpress.com/" target="_blank">Nusantaraku</a></li>
5 <li><a href="alamat_blog">Nama_blog</a></li>
6 </ul>
7 </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.

Sumber : http://nusantaranews.wordpress.com/

Baca Juga Artikel ini :

Satu Tanggapan

  1. makasin ifonya mas… salam kenal

Tinggalkan Balasan

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

Logo WordPress.com

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

Gambar Twitter

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

Foto Facebook

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

Foto Google+

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

Connecting to %s