Tutorial Cara Membuat Link Blogrol / Gambar Dengan Scroll Pada Blog -
Blogroll adalah daftar link blog eksternal yang dipasang dalam suatu
blog, biasanya berupa daftar atau list anggota tukar link yang sama-sama
saling memasang 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 tertentu, misalnya 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 karena tidak selalu di load.
Pada tutorial kali ini akan membahas cara membuat blogroll atau cara pasang blogroll dengan model scrollbar yang bisa dipasang pada sidebar atau bottombar homepage blog yang juga bisa dipasang pada halaman posting atau dimanapun semau pengguna.
Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog :
Pada tutorial kali ini akan membahas cara membuat blogroll atau cara pasang blogroll dengan model scrollbar yang bisa dipasang pada sidebar atau bottombar homepage blog yang juga bisa dipasang pada halaman posting atau dimanapun semau pengguna.
Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog :
- Copy kode berikut ini :
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://hasil2.blogspot.com/">Blogger Tutorial</a></li>
<li><a href="Edit">Judul Blog </a></li>
<li><a href="Edit">Judul Blog </a></li>
</ul>
</div>
<ul>
<li><a href="http://hasil2.blogspot.com/">Blogger Tutorial</a></li>
<li><a href="Edit">Judul Blog </a></li>
<li><a href="Edit">Judul Blog </a></li>
</ul>
</div>
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://trickstipsblog.blogspot.com/" target="new">Blogger Tutorial</a></li>
<li><a href="Edit" target="new">Judul Blog </a></li>
<li><a href="Edit" target="new">Judul Blog </a></li>
</ul>
</div>
<ul>
<li><a href="http://trickstipsblog.blogspot.com/" target="new">Blogger Tutorial</a></li>
<li><a href="Edit" target="new">Judul Blog </a></li>
<li><a href="Edit" target="new">Judul Blog </a></li>
</ul>
</div>
<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>
<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>
- Login ke blogger.com >> klik Tata Letak >> Tambah Gadget >> HTML/Javascript
- Kemudian paste kode tersebut di kotak tersebut
- Kemudian Simpan.
Kalau sudah selesai memasang Scroll di Blogroll jangan Lupa Blogger Tutorial ditambahkan dalam daftar blogroll sobat yah. . hehe :)
Catatan :
Catatan edit nya sobat tinggal mengganti kode yang saya warnai,
untuk kode yang warna :
- hijau adalah merubah tebal border dan solid untuk warna.
- Untuk merubah tinggi dan lebar nya sobat hanya perlu merubah kode yang berwarna merah
- sebelum disimpan sobat jangan lupa edit kode yang warna biru dengan url blog sobat dan judul blog nya.
belajar Blogger tentang Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll
Sobat sedang membaca artikel tentang Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
No comments:
Post a Comment