Breaking News
Loading...
Kamis, 11 Juli 2013

Cara Membuat Link Blogroll/Gambar Dengan Scroll Pada Blog

07.01
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 :
    seo-blog-peq_normal
    Free+Full+Download
    276657_234756073319319_1662422118_q
    Logo_UNIK_normal


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.

0 komentar:

Posting Komentar

Hiburan

 
Toggle Footer