BELAJAR BARENG YUK...!!!: MEMBUAT SCROLL WIDGET UNTUK ARTIKEL PADA BLOG (scroll untuk artikel)

Ingin memiliki Scrol Widget pada blog anda... Scroll terkadang penting untuk blogger, terkadang juga scroll tidak diperlukan. apa sih scoll widget? Scroll widget adalah menyembunyikan / menampilkan widget agar lebih "ringkas" agar blog menjadi tidak kelihatan "sumpek", gadget Scroll Widget ini sangat berguna agar pengunjung blog merasa nyaman karena blog menjadi kelihatan luas.

Tehnik Blog

<h2 class="title">Tehnik Blog</h2>
<div class="widget-content">
<div style="border: 0px solid #F5003D; overflow: auto; width: 300px; height: 200px; text-align: left;">

Masukan Kode Artikel Anda

</li>
Widget by <a href="http://www.vierzaanun.co.cc" target="_blank">www.vierzaanun.co.cc</a></div></div>

Keteranga :
- Untuk huruf yang berwarna biru itu adalah untuk mengatur tinggi dan lebarnya
- Sedangkan huruf yang berwarna merah itu untuk memasukan kode atau tulisan artikel anda.

Semoga Bermanfaat untuk anda.
Silakan berkomentar, setelah mendapatkan ilmu ini...

Bonus Script

Ingin membuat kotak seperti ini, untuk postingan kamu atau untuk apaun ???? "Copy saja kode di bawah ini" <p align="center"><textarea name="code" rows="6" cols="30"> ISI TULISAN KAMU !!!</textarea></p> atau cara meng hemat energi blog anda : copy kode dibawah, masuk ke gadget anda. <script language="javascript" type="text/javascript" src="http://ujiecaprone.com/js/energy.js?lang=id"> </script> UNTUK PASANG BUKU TAMU: <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:210px; width:30px; float:left; cursor:pointer; background:url('http://i275.photobucket.com/albums/jj300/H4L4LYI/cepotgift.gif') no-repeat; } .gbcontent{ float:left; border:2px solid #000000; background:#999999; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <iframe title="vierzaanun" src="http://www5.shoutmix.com/?vierzaanun" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?vierzaanun">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /> <font size="2"> <div style="text-align:right"> <a href="javascript:showHideGB()"> [Tutup] </a> </div> </font></div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> page rank  <script language="JavaScript" src="http://www.prsitecheck.com/google-pagerank.php"></script> <a href="http://www.prsitecheck.com/" target="_blank"><img src="http://www.prsitecheck.com/images/pr.gif" alt="Google PageRank Checking tool" border="0" /></a>

BELAJAR BARENG YUK...!!!

Jumat, 20 Mei 2011

MEMBUAT SCROLL WIDGET UNTUK ARTIKEL PADA BLOG (scroll untuk artikel)

Tehnik Blog

Popular Posts

Download Gratis

KOMENTAR KAMU

Followers

Link Teman

Blog Archive

Bonus Script