Cara membuat Gambar Auto Scroller Kedua Arah Vertikal

Untuk membuat Gambar Auto Scroller Kedua Arah Vertikal caranya sangat mudah yuk mari kita ikuti langkah langkah berikut ini
1.Ambil sebatang rokok ama segelas kopi
terus login ke akun blogger dashboard
2.Klik layout (tata letak)
3.Klik edit HTML centang expand widget templates
4.Cari kode yang seperti ini ]]></b:skin>
5.Copy paste kode dibawah ini dan simpan tepat dibawah kode tadi

<link href='http://bloggerplugnplay-files.bravehost.com/imageScroller.css' rel='stylesheet' type='text/css'/>

<script src='http://bloggerplugnplay-files.bravehost.com/scrollerjquery-1.3.2.min.js' type='text/javascript'/>

Lalu save template
6.Klik layout(tata letak)page element klik Add a GADGET pilih HTML/JAVASCRIFT
7.Copy paste kode dibawah ini lalu simpan

<div id="outerContainer">

<div id="imageScroller">
<div id="viewer" class="js-disabled">
<a class="wrapper" href="http://www.apple.com" title="Apple"><img id="apple" alt="Apple" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNpkxJ6yfmc7j9rKs2VVRQZ4cz60-NC_0fq0I9MoG9kZfkj7ogBsWtZR_Oo2PVKt8yDqI_wOQXR3QwFNtZvO_xQAOpo1PQ4iSILm254sqBsZTmO9-G2Dh6SEpqD6bsCFrM5cUDEG4TSReT/s200/apple.jpg" class="logo"/></a>
<a class="wrapper" href="http://mozilla-europe.org/en/firefox" title="Firefox"><img id="firefox" alt="Firefox" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7uif9MBSXs2nwiaatverplG47Fk0vLb-nfnt_qKttBO1y-ibI5q1irJuMuVmTVM4upQLc_aqhVmxjHiSELnAV3Vmcexg48s8KF8UVs8xdoegJ1lGdsAoc2mPVf6pkZlFiWxB4MCu4M1Is/s200/firefox.jpg" class="logo"/></a>
<a class="wrapper" href="http://jquery.com" title="jQuery"><img id="jquery" alt="jQuery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR6BGZ_3Er8YcjzyMehUD5pmbFI18CjMPccVFVQ9pwEuiMb_8qAA_4GB45-9P0yn1yrd7uRbokgpaE2HJ1oLUOGFq9hps_t86x1TmhPzJP-gURCM1Ax0vD11ypD5P78W6SZDPp2AKI-y6H/s200/jquery.jpg" class="logo"/></a>
<a class="wrapper" href="http://twitter.com" title="Twitter"><img id="twitter" alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHyqvrbpX4gyutuu98MCCxobfErgePUPvrzvaq1J1R4uv9RA74lV2WFGVendnJxRSNtKx8G1Acc5D8pFolPv-kpW_h9OxZ1w0qeejrRfuTcSZX4fOnRyX0ES2fONfbYoYpzZAHQ738jjqA/s200/twitter.jpg" class="logo"/></a>
<a class="wrapper" href="http://jqueryui.com" title="jQuery UI"><img id="jqueryui" alt="jQuery UI" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF6eJrMaZOR2I3jfAOXru1Bculs4298o-xZxK0X2BdR3iipFrJeCiHl3H4d77HotwegDSyFibCWj52-JB9oD0w9m18raGLPRwW_O2gMx93wGSmNFmyU4yIyKUnWlC7Nxkj-X1jAP6bW9a0/s200/jqueryui.jpg" class="logo"/></a>
</div>
</div>

</div>

Catatan:Warna biru url link(bisa di ganti dengan apa yang kita inginkan)
:Warna ijo muda title
:Warna ungu url image yang udah di upload ke image hosting(bisa juga diganti dengan image yang kita inginkan)

Trik ini udah saya praktekan untuk melihat demonya KLIK DISINI

Posted in: Bisnis Online,Google Adsense,Tip Blogging