Membuat Scroll pada Daftar Link Blog

Membuat Scroll pada Daftar Link Blog >> Ketika sobat membaca artikel ini pasti sobat sudah menjelajahi dunia internet terutama dunia blogger secara luas. Coba ingat sekali lagi bahwa kita sering sekali melihat blog yang menampilkan link yang banyak, sehingga tampilan blog menjadi memanjang dan kurang enak dilihat pengunjung. 

Membuat Scroll pada Daftar Link Blog
(Sumber gambar: static6.depositphotos.com)

Memberbaiki daftar link pada blog kita adalah kunci memperindah tampilan blog. Seperti yang saya posting sebelumnya mengenai Cara Mengganti Background / Warna Latar Blogspot saya menyatakan bahwa keidahan sebuah tampilan blog adalah cara yang paling mudah untuk mempertahankan pengunjung yang sudah ada pada blog kita. Idealnyakan selain kualitas artikel kita, pengunjung juga memperhatikan bagaimana tampilan blog kita. Mari langsung saja kita bahas langkah-langkah  Membuat Scroll pada Daftar Link Blog.

1. Buka blogger sobat, dan masuk pada Dasbor blog.
2. Klik Template >> kemudian klik Edit HTML
3. Berikan tanda Cek (v) pada Expand Template Widget
4. Kemudian sobat cari kode berikut ini: untuk mempermudah gunakan CTRL + F dan paste kode berikut:
_____________________________________________________________________________
<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content'>
<ul> <b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
_____________________________________________________________________________
5. Masukan kode dibawah ini tepat di atas kode yang bercetak merah <div class='widget-content'>
_____________________________________________________________________________
<div style="border: 0px; overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFFF;">
_____________________________________________________________________________
6. Lalu taruh kode </div> tepat di atas kode </b:includable>
_____________________________________________________________________________
7. Jika sobat sudah melakukan cara di atas dengan benar maka, kode script sobat secara lengkap akan terlihat seperti ini.
_____________________________________________________________________________
<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div style='border: 0px; overflow: auto; width: 150px; height: 50px; text-align: center; background:#FFFFFF;'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
_____________________________________________________________________________
8. Langkah yang serakhir klik pratinjau dan lihat hasilnya, jika sudah sesuai dengan keinginan sobat klik Simpan template. Sekan tips saya mengenai cara Membuat Scroll pada Daftar Link Blog. Postingan ini merujuk pada postingan sebelumnya di caraedit.blogspot.com. Semoga bermanfaat.

0 Response to "Membuat Scroll pada Daftar Link Blog"

Post a Comment

Pengunjung yang baik pasti meninggalkan komentar yang bijak, terimakasih