Membuat Kotak Blogroll

Diposkan oleh dya21 on 30 October 2011 at 1:05 PM

Membuat Kotak Blogroll | Tutorial Blog

Membuat Kotak Blogroll di Blog | Tutorial Blog

Kotak Blogrool sangat berguna untuk menghemat tempat di blog, misalnya daftar artikel, Link dari hasil tukar link, dll. Jika link sahabat Anda sudah banyak pasti akan sangat panjang untuk di pajang di sidebar, maka akan lebih baik jika Sobat menggunakan Kotak Blogroll, sehingga bisa lebih rapi dan tetap nyaman untuk dilihat.
Dibawah ini terdapat beberapa kode untuk membuat kotak blogroll
  • Untuk membuat Kotak Blogroll seperti textarea. berikut kodenya :
    <div style="background: #ffffff; border: 1px solid rgb(153, 153, 153); overflow: auto; width: 300px; height: 100px; text-align: left; ">
    <ul>
    <li><a href="URL">TEXT</a></li>
    <li><a href="URL">TEXT</a><li>
    </ul>
    </div>
    Sebagai Contoh saya menggunakan kode berikut untuk blogroll postingsn :
    <div
    style="background: #ffffff; border: 1px solid rgb(153, 153, 153);
    overflow: auto; width: 400px; height: 100px; text-align: left; ">
    <ul>
    <li><a href="http://wadahtutorial.blogspot.com/2011/09/google-translate.html" target="_blank">Memasang Google Translate di Blog</a></li>
    <li><a href="http://wadahtutorial.blogspot.com/2011/09/page-blogspot.html" target="_blank">Cara Membuat Page di Blogspot</a></li>
    <li><a href="http://wadahtutorial.blogspot.com/2011/09/mengganti-favicon.html" target="_blank">Cara Mengganti Favicon Blogspot</a></li>
    <li><a href="http://wadahtutorial.blogspot.com/2011/09/daftar-isi.html" target="_blank">Membuat Daftar Isi Blog</a> </li>
    </ul></div>
    Maka hasilnya akan seperti berikut :
    Keterangan :
    • Height : tinggi blogroll, Anda bisa menggantinya seperti keinginan Anda. 
    • Width : lebar blogroll, juga bisa di ganti. 
    • Background : latar blogroll, ubah kode #ffffff jika Anda ingin menggantinya.
  • Untuk membuat Kotak Blogroll dengan efek marquee. berikut kodenya :
    <marquee direction="up" height="80" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="40%">
    <li><a href="URL">TEXT</a></li>
    <li><a href="URL">TEXT</a><li>
    </ul>
    </marquee>
    Untuk contoh saya gunakan kode dibawah ini :
    <marquee direction="up" height="80" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="40%">
    <ul>
    <li><a href="http://www.google.com/">Google</a></li>
    <li><a href="http://www.yahoo.com/">Yahoo</a></li>
    <li><a href="http://www.alexa.com/">Alexa</a></li>
    </ul>
    </marquee>
    Maka hasilnya akan seperti ini :


    Keterangan :
    • Direction : Arah gerakan text, "left" : text akan bergerak ke kiri, klo Sobat pengen gerak ke kanan, ganti dengan "right", "up"(Atas) atau "down" (Gerak ke bawah).
    • Scrollamount : Kecepatan geraknya, silakan diganti jika Anda mau.
    • Width : Lebar area marquee.
    • Height : Tinggi area marquee.
Sekian artikel kali ini, Semoga artikel ini bisa membantu Sobat yang ingin Membuat Kotak Blogroll.

.:. 13 komentar .:.Post a Comment

  1. sip gan thx ya infonya

    ReplyDelete
  2. izin pasang gan

    ReplyDelete
  3. . terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  4. Gan, link blog agan sudah saya pasang di blog saya, check http://ramadhanlmzero.blogspot.com/
    Jangan lupa pasang balik ya ^_^

    ReplyDelete
  5. salam kenal gan dan jangan lupa kunjungi juga web kami http://obatambevenatauwasir.blogspot.com/

    ReplyDelete
  6. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete
  7. izin pake link yaaa, thankyou!!

    ReplyDelete
  8. izin pake link yaaa, thankyou!!

    ReplyDelete
  9. ditunggu gan untuk artikel menarik lainnya

    ReplyDelete
  10. Artikel Ini Sangat Bermanfaat ..

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom