Cara Membuat Scroll Box Pada Blog

Label: Diposting oleh Egi Gusniawan Pradana on Minggu, 19 Juni 2011 di 09.21

Setelah berhari-hari menelusuri pak google akhirnya saya menemukan cara membuat scroll box pada blog ,  scroll box sungguh sangat menghemat tempat dan simple .cara nya sii tidak begitu rumit hanya anda disini harus menyesuaikan ukuranya dengan template anda sendri.

kalau begitu berikut adalah langkah-langkah nya :

1. login ke blogger - rancangan - tambah gadget - java script

2. script yang kita gunakan pertama kali adalah dibawah ini :
    <div style="overflow: auto; padding: 5px; width: 163px; height: 210px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204);">

    2. sesudah script di atas lalu isikan script,link atau tuilsan dan di akhiri dengan script </div> 

    3. contoh nya seperti di bawah ini : (copykan script ini ke dalam  java script)
        <div style="overflow: auto; padding: 5px; width: 163px; height: 210px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204);">
        <br /><a href="http://www.ex-zone.co.cc/2011/04/download-auslogics-disk-defrag-free.html" target="_blank">Auslogic Defrag</a><blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/03/download-antivirus-avira-2011.html" target="_blank">Avira Free 2011 </a>

        <br /><a href="http://www.ex-zone.co.cc/2011/06/download-ccleaner-ver-307-new-update.html" target="_blank">Ccleaner 3.07</a><blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/04/download-deep-freeze-untuk-windows-7.html" target="_blank">Deep Freeze </a>

        <br /><a href="http://www.ex-zone.co.cc/2011/04/downlod-eset-nod-32-antivrus-4-dan.html" target="_blank">EsetNod 32+crack</a>

        <br /><a href="http://www.ex-zone.co.cc/2011/04/download-free-pdf-to-word-doc-converter.html" target="_blank">Pdf to Word Converter</a>

        <br /><a href="http://www.ex-zone.co.cc/2011/03/download-format-factory-260.html" target="_blank">Format Factory</a><blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/03/download-internet-download-manager-60.html" target="_blank">IDM 6.05+crack</a><blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/06/download-nero-6-ultra-edition-full.html" target="_blank">Nero 6 </a>

        <br /><a href="http://www.ex-zone.co.cc/2011/04/download-recuva-140525-terbaru-2011.html" target="_blank">Recuva 1.40</a><blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/06/download-smadav-2011-rev-85-pro.html" target="_blank">Smadav 8.5</a><blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/04/download-tuneup-utilities-2011.html" target="_blank">TuneUp Utilities 2011</a>

        <br /><a href="http://www.ex-zone.co.cc/2011/06/download-ultra-iso-full-crack.html" target="_blank">Ultra Iso + Crack</a>

        <br /><a href="http://www.ex-zone.co.cc/2011/06/download-unlocker-191-terbaru.html" target="_blank">Unlocker 1.9.1 </a><blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/06/download-usb-safely-remove-452-full.html" target="_blank">Usb Safely </a><blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/06/download-panda-usb-vaccine.html" target="_blank">Usb Vaccine </a> <blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/04/download-winamp-ver561-terbaru.html" target="_blank">Winamp 5.61 </a> <blink style="font-style: italic;"> <span style="color: red;">(new)</span> </blink>

        <br /><a href="http://www.ex-zone.co.cc/2011/06/download-winrar-full-crack.html" target="_blank">winRAR + Crack</a>
         </div>

        4. maka hasil nya akan seperti di sebelah kiri blog saya .

        keterangan :
        script yang berwarna hitam adalah script untuk membuat kotak scroll  , tidak dapat anda ubah
        script yang berwarna pink adalah ukuran kotak scroll , dapat anda ubah
        script yang berwarna biru adalah script kreasi anda sendiri , dapat anda ubah
        script yang berwarna merah adalah link dan tulisan dari blog saya , dapat anda ubah

         

        3 komentar:

        1. Yusuf said,

          Ok sih, dah aq coba. Tpi gmn cara masukin script/kode html di scroll box (kyk no 2 di atas). Mhon jwbnny, maklum baru belajar ngeblog. he..he..he..

          on 26 Juni 2011 pukul 16.26  


        2. Egi Gusniawan Pradana said,

          @yusuf : kan kalo di java script atau di tempat buat entri baru ada pilihan Rich text dan Edit HTML , nah pilih yang rich text agar script nampil di scroll box .

          terima kasih atas komentarnya !!

          on 26 Juni 2011 pukul 17.23  


        3. Black_Hat said,

          thanks. . banget ni, infonya sob. . dah saya praktekin and hasilnya mantap, hehehe, bisa tukeran link gak ni ??

          on 27 Oktober 2011 pukul 16.03  


        Posting Komentar

        Langganan: Posting Komentar (Atom)