SELAMAT DATANG DI BLOG INFO DUNIA PENDIDIKAN SEMOGA ANDA MENEMUKAN SOLUSI YANG TEPAT DI BLOG INI

PENGERTIAN BLOGROLL DAN CARA MEMASANGNYA DENGAN SCROLL


Selamat pagi siang sore sobat bloger. Kali ini saya akan memposting pengertian BLOGROLL. 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 saja

1. Copy kode berikut ini :

Fungsi Scroll Untuk Blogroll Biasa

<div style="border:1pxsolid#000000;overflow:
auto;width:170px;height:100px;">
<ul>
<li><a href="http://breakingthegravity.com/">Breaking The Gravity</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:1pxsolid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://breakingthegravity.com/"
target="new">Breaking The Gravity</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:1pxsolid#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 >> HTML/Java Script
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

0 komentar:

 
Free Website templatesSEO Web Design AgencyMusic Videos OnlineFree Wordpress Themes Templatesfreethemes4all.comFree Blog TemplatesLast NewsFree CMS TemplatesFree CSS TemplatesSoccer Videos OnlineFree Wordpress ThemesFree Web Templates