Menampilkan Blogroll Model Scroll di Slidebar

Saya kembali menuliskan tentang tutorial blog, ada beberapa email dan komentar yang menanyakan bagaimana membuat blogroll seperti yang saya punya. Sebenarnya kalo teman-teman search di google pasti mendapatkan juga tutorialnya. Namun ada beberapa minta dikirim lewat email, nah daripada mengirimkan email setiap ada yang bertanya, saya langsung buat postingannya aja. OK.

Box link atau blogroll model scroll untuk lebih menghemat penggunaan sidebar apalagi jika memiliki tautan yang banyak, sehingga perlu disederhanakan misalnya dengan bentuk scroll seperti yang saya gunakan. Membuat box link di sidebar di samping seperti berikut :

Saya kembali menuliskan tentang tutorial blog, ada beberapa email dan komentar yang menanyakan bagaimana membuat blogroll seperti yang saya punya. Sebenarnya kalo teman-teman search di google pasti mendapatkan juga tutorialnya. Namun ada beberapa minta dikirim lewat email, nah daripada mengirimkan email setiap ada yang bertanya, saya langsung buat postingannya aja. OK.

Box link atau blogroll model scroll untuk lebih menghemat penggunaan sidebar apalagi jika memiliki tautan yang banyak, sehingga perlu disederhanakan misalnya dengan bentuk scroll seperti yang saya gunakan. Membuat box link di sidebar di samping seperti berikut :

caranya gampang, bagi pengguna wordpress baik yang wordpress.com atau yang berengine wordpress (domain sendiri), bisa langsung menuju design (desain) >> widget .

Kemudian add (tambah) text (teks) menjadi salah satu bagian dari sidebar anda. Silahkan edit text tersebut dan masukkan kode-kode berikut :

<div style=”background-color:white;border:2px solid #cccccc;overflow:auto;height:200px;width:200px;”>
:: <a href=”http://die4pleasure.com/”>’K</a>
<br> :: <a href=”http://abeeayang.wordpress.com/”>abeeayang&trade; </a>
</br><br> :: <a href=”http://meetabied.wordpress.com/”>abied</a>
</br><br> :: <a href=”http://praditya.net/”>adit</a>
</br><br> :: <a href=”http://buayaganteng.wordpress.com/”>adit TC’05</a>
</br></div>

intinya ada di :

<div style=”background-color:white;border:2px solid #cccccc;overflow:auto;height:200px;width:200px;”></div>

di divnya ini silahkan dimodifikasi sesuai kebutuhan anda, dari warna (background-color) ukuran garis tepi (border), scrollnya, maupun dari ukuran kotaknya (height dan width).

Kategori

Untuk menambahkan judul dari blogroll/box link kita bisa menambahkan di atas link-link kita yang satu kategori dengan code berikut :

<div style=”background-color:#D0D0D0;text-align:left;”>
<b>INSTITUSI</b></div>

Bagi pengguna blogspot, lebih mudahkan, tinggal memasukkan code tersebut di edit htmlnya :) Saya ndak perlu jelaskan banyak-banyak, saya rasa dengan melihat kode-kodenya anda-anda udah bisa memahaminya :)

Demikian penjelasan saya, semoga bermanfaat :)

Catatan : Kalau teman-teman kesulitan mencopy code  silahkan diganti tanda petik.

Contoh lainnya bisa di lihat di sini : https://ntpshipz.wordpress.com/linkshare

By: asruldinazis.wordpress.com

About Sustaindo - Sustainability Indonesia
Entrepreneurship NOW!. You can donate using credit card via Paypal. Here: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=W2472XU5QCJ9J Thank you

4 Responses to Menampilkan Blogroll Model Scroll di Slidebar

  1. blogwalking persahabatan

  2. aRuL says:

    terima kasih diposting ulang, dilink langsung juga dong ke link aslinya di blogku.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: