Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog

|| || || 16 komentar
Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog
Tutorial | Cara Membuat Link Blogroll/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 :

  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://trickstipsblog.blogspot.com/">Blogger Tutorial</a></li>
<li><a href="Edit">Judul Blog </a></li>
<li><a href="Edit">Judul Blog </a></li>
</ul>
</div>
Demo :

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://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>
Demo :

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> 
Demo :
    Free Full Download Software
    Free Full Download Software
    Free Full Download Software
    Info Unik


Cara memasangnya :
  1. Login ke blogger.com >> klik Tata Letak >> Tambah Gadget >> HTML/Javascript
  2. Kemudian paste kode tersebut di kotak tersebut
  3. 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.
Demikian postingan kali ini tentang Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog semoga bermanfaat sobat. Terima Kasih :)
/[ 16 komentar Untuk Artikel Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog]\
pai mung said...

wah.. mantap tuh...
thanks gan,,,,
follback dong ane udah follw di blog ente

adji sukmana said...

siaappp gann .,.,

Jenal Suckitjiwa said...

main main ke blog ane gan, folbek ya kalau berkenan :)

Maniak Software PC said...

mantap gan postingannya,... sangat membantu seklai dalam perapian tampilan blog,. salam kenal dari http://maniaksoftwarepc.blogspot.com kunjungi juga gan,..

Dedy Rizqi said...

good bor.., salam kenal http://computerapk.blogspot.com/

Bagas Chrisara said...

Nice post gan...
Sudah saya terapkan dan alhamdullilah berhasil...
Ditunggu post berkualitas berikutnya gan :D

mahadewa pulsa said...

oke sip ,,, kunbal ya.. www.mahadewapulsa.com

Sarni Peronika Sidauruk said...

Mantap gan, izin copas ya gan.. ^_^

Jika Berkenan Silahkan Visit :
http://lentiasidauruk.tk/
http://sarnikasidauruk.blogspot.com/
http://lentiasidauruk.blogspot.com/
http://rohanilentia.blogspot.com/
http://informatikalen.blogspot.com/

jakun nowo wibowo said...

Mantap gan...brmanfaat untuk blogger pemula kayak ane, blog ane jnw.galeripos.in

beny imron abdussalam said...

Saya amankan triknya bro

lapak kaumhawa said...

mantab gan..
visit our blog http://lapakkaumhawa.blogspot.com

PASUTRIHORNY said...

obat kuat
obat kuat sex
obat kuat pria
obat pembesar penis
pembesar penis
vacum pembesar penis
alat pembesar penis
pembesar payudara
vacum pembesar payudara
obat perangsang
obat perangsang cair
perangsang wanita
perangsang permen karet
obat penghilang tatto
alat bantu sex pria
alat bantu sex wanita

Apotek Herbal ACE MAXS said...

thanks a lot for the info,, very useful and add insight

http://goo.gl/WkPZ2C

Achmad Fazri said...

bermanfaat nih thanks gan

karbon aktif said...

Terima kasih atas infonya Mas,, sangat bermanfaat...Salam kenal yah, By : Alat Tambang Emas

Yemima Chael said...

main ke blog saya dong...dan yang mau linknya dipasang atau tukeran link bisa hubungi saya di form contact me
http://refaim.blogspot.com
share to share

Post a Comment