Calipso Test Blog: Pautan Skrol Dalam Kotak iFrame (IFrame Scroller)

Panduan untuk menyediakan iFrame Scroll dalam pos atau dalam sidebar blog.

Sila copy dan simpan dalam komputer anda fail external.htm dari laman http://www.dynamicdrive.com/dynamicindex2/iframe-scroller.htm:

Gunakan perisian Notepad sunting dan gantikan pautan dan tajuk dalam fail external.htm seperti yang berwarna merah berikut:

<html>
<body>

<div id="datacontainer" style="position:absolute;left:1px;top:10px;width:100%" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">



What's Hot
<a href="http://www.dynamicdrive.com/dynamicindex9/encrypter.htm" target="_top">Source
code encrypter</a>  
Scramble the source of any chunk of code using
this unique script.
<a href="http://www.dynamicdrive.com/dynamicindex5/flashlink.htm" target="_top">Flashing
links</a>  
Bring attention to special links, by making them
flash!
<a href="http://www.dynamicdrive.com/dynamicindex13/roamcursor.htm" target="_top">Roaming
Cursor</a>  
Display a second, "roaming" cursor on your
page with this fun animation script.
<a href="http://www.dynamicdrive.com/dynamicindex11/animatedtitle.htm" target="_top">Animated
Document title</a> 
Animate into view your document's title!



</div>

<script type="text/javascript">

/***********************************************
* IFRAME Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=2

//Specify intial delay before scroller starts scrolling (in miliseconds):
var initialdelay=500

function initializeScroller(){
dataobj=document.all? document.all.datacontainer : document.getElementById("datacontainer")
dataobj.style.top="5px"
setTimeout("getdataheight()", initialdelay)
}

function getdataheight(){
thelength=dataobj.offsetHeight
if (thelength==0)
setTimeout("getdataheight()",10)
else
scrollDiv()
}

function scrollDiv(){
dataobj.style.top=parseInt(dataobj.style.top)-scrollspeed "px"
if (parseInt(dataobj.style.top)<thelength*(-1))
dataobj.style.top="5px"
setTimeout("scrollDiv()",40)
}

if (window.addEventListener)
window.addEventListener("load", initializeScroller, false)
else if (window.attachEvent)
window.attachEvent("onload", initializeScroller)
else
window.onload=initializeScroller

</script>

</body>
</html>

Gantikan dengan pautan yang hendak dicapai dengan tajuk berkenaan. Pautan yang digunakan dalam contoh pos ini adalah seperti berikut:

<html>
<body>

<div id="datacontainer" style="position:absolute;left:1px;top:10px;width:100%" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">



Panas
<a href="http://panduanpemblog.blogspot.com/2009/08/rating-bintang-lima-pada-pos-blog.html" target="_top">Rating Bintang Lima Pada Pos</a>  
Rating Bintang Lima Pada Pos Blog Anda
<a href="http://panduanpemblog.blogspot.com/2009/08/pasang-statcounter-kunter-pengunjung.html" target="_top">Pasang Kaunter Pengunjung Dalam Blog</a>  
Pasang kaunter jumlah pengunjung dalam blog anda
<a href="http://panduanpemblog.blogspot.com/2009/03/writeobjects.html" target="_top">Imej Selak (Page Peel) Untuk Blog</a> 
Imej Selak (Page Peel) Dalam Blog Anda
<a href="http://panduanpemblog.blogspot.com/2009/03/salji-turun-dalam-blog-versi-2.html" target="_top">Salji Turun Dalam Blog</a> 
Salji Turun Dalam Blog
<a href="http://pandunewblogger.blogspot.com/2009/09/daftar-dengan-sigmirror-untuk-hos-fail.html" target="_top">Daftar Dengan Sigmirror Untuk Hos Fail Javascript</a> 
Daftar Dengan Sigmirror Untuk Hos Fail Javascript


</div>

<script type="text/javascript">

/***********************************************
* IFRAME Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=2

//Specify intial delay before scroller starts scrolling (in miliseconds):
var initialdelay=500

function initializeScroller(){
dataobj=document.all? document.all.datacontainer : document.getElementById("datacontainer")
dataobj.style.top="5px"
setTimeout("getdataheight()", initialdelay)
}

function getdataheight(){
thelength=dataobj.offsetHeight
if (thelength==0)
setTimeout("getdataheight()",10)
else
scrollDiv()
}

function scrollDiv(){
dataobj.style.top=parseInt(dataobj.style.top)-scrollspeed "px"
if (parseInt(dataobj.style.top)<thelength*(-1))
dataobj.style.top="5px"
setTimeout("scrollDiv()",40)
}

if (window.addEventListener)
window.addEventListener("load", initializeScroller, false)
else if (window.attachEvent)
window.attachEvent("onload", initializeScroller)
else
window.onload=initializeScroller

</script>

</body>
</html>

Hoskan fail external.htm ini dalam hos fail javascript dan catatkan pautan hotlinknya. Ikut panduan bagaimana cara Daftar Dengan Sigmirror Untuk Hos Fail Javascript.

Copy script berikut dan masukkan pautan hotlink fail external.htm di tempat yang ditunjukkan dan masukkan script ini samada dalam pos blog anda (bawah mode Edit HTML) atau masukkan dalam sidebar blog anda melalui Add a Gadget.

Sekian, selamat mencuba dan selamat berjaya.

Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL http://panduanpemblog.blogspot.com/.

Salam hormat dari

Panduan Untuk Blogger