- Back to Home »
- Tutorial Blog »
- Cara Membuat Blogroll Dengan Scroll
Posted by : Unknown
Senin, 06 Mei 2013
Blogroll adalah daftar link blog eksternal yang dipasang dalam suatu blog. Link-link blog eksternal yang dipasang biasanya adalah daftar atau list anggota tukar link yang sama-sama salingmemasang link di masing-masing blognya atau juga bisa dikatakan sebagai daftar link sahabat dan link-link penting.
Blogroll ada yang dipasang sebagai widget di sidebar, bottombar, dan di halaman posting tertentumisalnya di halaman tukar link. Blogroll yang dipasang pada halaman tertentu atau halaman tukar link biasanya dilakukan apabila jumlah link yang terpasang sudah terlalu banyak dengan alasan
agar tidak mengganggu atau memberatkan loading halaman hompage bersangkutan.
Kali ini saya akan memberikan cara agar Blogroll ada Scrollnya. Langsung sob
1. Copy kode berikut ini :
Fungsi Scroll Untuk Blogroll Biasa
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://iqbal-cyber.blogspot.com/">IqbaL-Cyber</a></li>
<li><a href="Edit">Judul Blog</a></li>
<li><a href="Edit">Judul Blog</a></li>
</ul>
</div>
Fungsi Scroll Untuk Blogroll Link Open In New Tab
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://iqbal-cyber.blogspot.com/" target="new">IqbaL-Cyber</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
</ul>
</div>
Fungsi Scroll Untuk Banner Atau Gambar
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
</ul>
</div>
2. Login ke blogger.com >> klik Tata Letak >> Tambah Gadget
3. Kemudian paste kode tersebut di kotak tersebut
4. Kemudian Simpan.
Catatan :
Hijau : merubah tebal border dan solid untuk warna
Semoga Bermanfaat
Blogroll ada yang dipasang sebagai widget di sidebar, bottombar, dan di halaman posting tertentumisalnya di halaman tukar link. Blogroll yang dipasang pada halaman tertentu atau halaman tukar link biasanya dilakukan apabila jumlah link yang terpasang sudah terlalu banyak dengan alasan
agar tidak mengganggu atau memberatkan loading halaman hompage bersangkutan.
Kali ini saya akan memberikan cara agar Blogroll ada Scrollnya. Langsung sob
1. Copy kode berikut ini :
Fungsi Scroll Untuk Blogroll Biasa
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://iqbal-cyber.blogspot.com/">IqbaL-Cyber</a></li>
<li><a href="Edit">Judul Blog</a></li>
<li><a href="Edit">Judul Blog</a></li>
</ul>
</div>
Fungsi Scroll Untuk Blogroll Link Open In New Tab
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://iqbal-cyber.blogspot.com/" target="new">IqbaL-Cyber</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
</ul>
</div>
Fungsi Scroll Untuk Banner Atau Gambar
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
</ul>
</div>
2. Login ke blogger.com >> klik Tata Letak >> Tambah Gadget
3. Kemudian paste kode tersebut di kotak tersebut
4. Kemudian Simpan.
Catatan :
Hijau : merubah tebal border dan solid untuk warna
Merah : merubah tinggi dan lebar
Biru : url blog anda dan judul blog nya