Selamat sore sobat blogger sekalian,
Di postingan kali ini saya akan share kan cara membuat scroll box atau kotak di blog, cara ini untuk memperkecil tempat blogger sobat, tidak perlu menambah gadget di template, ia kan, hehehe
Cara nya very easy, sok inggris?, memang saya orang inggris tapi tidak tahu inggris mana, wkwkwkw
sekian postinganya, hahahaha
Bercanda, jangan masukkan dalam hati, So Sweet, hahahaha sok inggris lagi :D
Ok ok , Mari kita mulai langkah-langkahnya, mohon di simak :
- Login blogger sobat
- Tata Letak
- Tambahkan gadget
- HTML/Javascript
- Copy paste kan kode berikut di konten HTML/Javascript
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<center>
<script widget 1><br />
<script widget 2><br />
<script widget 3><br />
<script widget 4><br />
<script widget 5><br />
</center>
</div>
Catatan : Ganti tuisan warna
Biru atau
<script widget 1> kode script sobat, Kalau sudah sobat ganti klik save.
--> Ini contoh scroll box dari blog saya.
<div style="overflow:auto; width:30%px; height:100px; padding:10px; border:1px solid #999999;">
<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" height="215" width="240"> <center>
<br /><!-- Histats.com START (standard)-->
<script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15_gif.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com" target="_blank" title="" ><script type="text/javascript" >
try {Histats.startgif(1,2484425,4,8006,"");
Histats.track_hits();} catch(err){};
</script></a>
<noscript><a href="http://www.histats.com" alt="" target="_blank" ><div id="histatsC"><img border="0" src="http://s4is.histats.com/8006.gif?2484425&103" /></div></a>
</noscript>
<!-- Histats.com END --><br />
<a href="http://www.getrank.org" target="_blank"><img src="http://www.getrank.org/prbutton/pagerank-display.php?s=81" title="Pagerank" alt="PageRank Checker" border="0px" /></a><br /><a href="http://www.dmca.com/Protection/Status.aspx?ID=e6f05cd9-9a86-48b0-8acc-907e1aeb08ee" title="DMCA"> <img src ="http://images.dmca.com/Badges/dmca_protected_sml_120m.png?ID=e6f05cd9-9a86-48b0-8acc-907e1aeb08ee" alt="DMCA.com" /></a><br />
<script src="http://geo1.countergeo.com/private/countergeo.js?c=a974e86b0cd2426229a6f588569bd5a7"></script>
<noscript><!--Important: For optimal functionality of your counter, do not change this code-->
<a href="http://geo1.countergeo.com/?c=a974e86b0cd2426229a6f588569bd5a7"><img src="http://geo1.countergeo.com/private/countergeo.php?c=a974e86b0cd2426229a6f588569bd5a7" /></a>
</noscript><br />
<a href="http://www.countergeo.com">website counter</a>
<br />
<script widget 5><br />
</marquee></center>
</div></script></center></marquee></div>
Catatan : Contoh dari blog saya jangan di COPY PASTE karna nanti saya yang untung, soalnya itu gadget yang saya punya, hahahaha
Semoga bermanfaat bagi sobat yang ingin membuat kotak scroll box, jika sobat tidak mempunyai gadget bisa cek disini
Gadget Free.
Terima kasih.