Cara membuat scroll widget, cara membuat kotak scroll di blog, cara membuat kolom scroll di blog lagi lagi hal ini saya paparkan ditujukan untuk merapikan tampilan widget blog. membuat kolom scroll ini berfungsi untuk menghemat ruang/tempat dalam blog. yang seperti kita ketahui jika kita bertukar link, pasti membutuhkan ruang yang lumayan, jika kita bertukar link dengan 100 teman blogger, bayangkan jika 100 link

menggunakan fitur link default blogger akan seperti apa tampilannya?, pasti tampilannya daftar linknya akan panjang sekali dan membuat tampilan blog menjadi kurang enak untuk dipandang. dengan membuat kolom/kotak scroll ini sangat membantu dalam menghemat ruang widget blog sobat.

Pada postingan sebelumnya saya juga pernah membahas bagaimana cara membuat menu tab view dan cara pasang navigasi breadcrumb di blog, yang semuanya berfungsi untuk memperindah tampilan blog dan membuat tampilan blog lebih rapi.
Bagaimana cara membuat scroll widget ini?mari kita simak tutorialnya.
Contoh scroll widget :

  • My Facebook
  • My Twitter
  • My Plurk
  • Blogmodification
  • Bubi
  • Encode/Decode HTML
  • Perbedaan Backlink
  • Black Hat SEO
  • White Hat SEO
  • Tanya Saja
Cara Buat Widget Ini, Klik Disini

Cara membuat kolom/kotak scroll widget untuk link list :
  • Masuk ke account blog sobat
  • Klik rancangan
  • Lalu klik add widget dan pilih html/javascript
  • Copy kode dibawah ini dan sesuaikan dengan keperluan sobat
<div style="overflow:auto;background:#ffffff;width:280px;height:200px;padding:10px;border:1px solid #CCCCCC">
<ul>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
</ul>
Cara Buat Widget Ini, <b><a href="http://ftcyber.blogspot.com/2011/10/cara-membuat-scroll-widget.html">Klik Disini</a></b>
</div>
  • Jika sudah selesai, klik simpan dan lihat hasilnya
Keterangan :
Ubah URL blog dan judul blog dengan URL dan judul blog yang dituju
Kode yang berwarna merah adalah kode background
Kode yang berwarna hijau adalah lebar kolom scroll
Kode yang berwarna orange adalah tinggi kolom scroll
Kode yang berwarna biru adalah besarnya border dan warna border

Membuat kolom/kotak scroll widget untuk widget tertentu (contoh widget feedjit) :
  • Masuk ke account blog sobat
  • Klik rancangan
  • Lalu klik add widget dan pilih html/javascript
  • Copy kode dibawah ini dan sesuaikan dengan keperluan sobat
<div style="overflow:auto;background:#ffffff;width:280px;height:200px;padding:10px;border:1px solid #CCCCCC">
KODE FEEDJIT DISINI
</div>
  • Jika sudah selesai, klik simpan dan lihat hasilnya
Keterangan :
Kode yang berwarna merah adalah kode background
Kode yang berwarna hijau adalah lebar kolom scroll
Kode yang berwarna orange adalah tinggi kolom scroll
Kode yang berwarna biru adalah besarnya border dan warna border

Mudah bukan bagaimana cara membuat scroll widget / membuat kolom scroll widget di blog / membuat kotak scroll widget di blog?

Leave a Reply

cbox
FAISAL TKJ CYBER