Cara Membuat Scroll Bar Dengan mudah di Blogger

Scroll bar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Mungkin anda pernah melihat blog yang penuh dengan isinya yang sangat panjang sehingga memperlambat loading blog tersebut. Supaya blog anda tidak seperti itu, di tips kali ini saya akan menjelaskan cara menghilangkan sesak tersebut dengan membuat scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang blog.caranya adalah letakkan kode diantara kode scroll bar

Berikut adalah kode untuk membuat scroll bar:

<div style="overflow:auto;width:200px;height:200px;padding:10px;border:1px solid #eee"><br /><br />LETAKKAN KODE ISI SCROLL BAR DI SINI<br /><br /></div>

untuk mengubah lebar ganti angka setelah kode width: dengan kemauan anda, dan untuk mengubah panjang ganti angka setelah kode height: dengan kemauan anda.

nah selsai deh.....
Cukup Mudah bukan????


Im3 Gratis technorati

Gratis internet

Read more »

Share

Cara Membuat Link Exchange atau Tukar Link di Blogger

Link Exchange atau biasa kita sebut dengan tukar link adalah salah satu motif widget penghias blog atau website yang—walaupun sepele—mampu meningkatkan traffic site/blog dan page rank.

Walaupun begitu, dari sejarah survey blog yang ada, masih banyak yang belum memiliki link Exchange ini (kecuali para blogger lama). Akan saya ulas sedikit bagai mana cara membuat link Exchange, juga Link Scrolling atau kotak bergeser.

Lankah-langkah membuat Link Exchange:

1. Anda harus desain dulu banner milik Anda. Terserah mau buat pake apa, pake photoshop, corel draw, firework atau image ready . Ukurannya bebas, (yang umum 150px x 150px)mau sehalaman penuh juga gak pa-pa, Cuma kalo sehalaman penuh ntar nggak ada yang mau tukeran link.. (formatnya suka-sukalah..GIF, JPG, BMP,dan PNG)


2. Kalo udah jadi upload banner mu

3. Setelah ter-upload, setiap gambar pasti ada direct link (copy aja direct link dari banner yang kamu upload tadi

4. Lalu copy paste kode dibawah ini untuk gambar logo link anda:


<a href="http://tutoial-internet.co.cc" target="_blank"> <img border="0" alt="Favicon1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmTW-orEcoLAz99KZNM_gXVmZPXCtucU3955Rm8BERkeaxEeVAqYBE5PrGD8It1MvQuCevzcpls1B-HiI1spmo54YyiDa_eljsz-FBoWkAqg8AFvkVEHtvdEy8QVVDEx-Yyu3J98OMtoc/s128/TI%20png.png"/> </a>


ganti kode yang berwarna merah dengan url blog anda dan ganti kode yang berwarna biru dengan link gambar anda




Dan untuk kotak copy paste Link Exchange copy kode di bawah ini:


<textarea cols="22" name="textarea"> <a href="http://tutoial-internet.co.cc"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmTW-orEcoLAz99KZNM_gXVmZPXCtucU3955Rm8BERkeaxEeVAqYBE5PrGD8It1MvQuCevzcpls1B-HiI1spmo54YyiDa_eljsz-FBoWkAqg8AFvkVEHtvdEy8QVVDEx-Yyu3J98OMtoc/s128/TI%20png.png" /> </a> <br /></blockquote><br /></code><br /><br /></textarea>

Ganti kode yang berwarna merah dengan url blog anda dan ganti kode yang berwarna biru dengan link gambar anda

6. dan untuk membuat kotak scroll untuk banner teman anda DISINI

Selamat Mencoba ............

Bagi teman-teman yang ingin bertukar Link dengan TUTORIAL INTERNET pasang banner saya di blog temen-temen dengan cara banner logo atau teks link biasa seperti dibawah ini

Banner Tutorial Internet

<a href="http://findskill7.blogspot.com" target="_blank" onmouseover="window.location=this.href" ><img border="0" alt="tutorial internet" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmTW-orEcoLAz99KZNM_gXVmZPXCtucU3955Rm8BERkeaxEeVAqYBE5PrGD8It1MvQuCevzcpls1B-HiI1spmo54YyiDa_eljsz-FBoWkAqg8AFvkVEHtvdEy8QVVDEx-Yyu3J98OMtoc/s128/TI%20png.png" /> </a>

Klo yang cuma Teks Link Copy code dibawah dan pasang di blog kamu

Tutorial Internet

<a href="http://findskill7.blogspot.com" onmouseover="window.location=this.href">Tutorial Internet</a>

Jika banner TUTORIAL INTERNET sudah di pasang di blog temen-temen harap beri komentar di artikel ini dengan memberikan link dan nama blog temen-temen, banner juga boleh.

Thanks All





link exchange
Tukar Link

Read more »

Share