Hal yang paling mudah ditemukan dimanapun kapanpun dan bagaimanapun yaitu "ILMU"

Saturday, April 9, 2011

cara membuat blogroll di blogger

Blogroll. 

Apa itu Blogroll? 

Blogroll atau di sebut juga Link Exchange atau tukeran link antar blog atau website adalah menyimpan link address milik kita sendiri atau bahkan link milik orang lain pada blog/website milik kita. 
nih macam" blogroll sekaligus aku kasih tau cara bikinnya..





  • Blogroll dengan marquee



  • yang paling banyak di gunakan oleh para blogger untuk menghemat space pada blog adalah dengan menggunakan perintah marquee. 

    Contoh membuat blogroll dengan perintah marquee : 

    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" > 

    <a href="http://anzhorhmm.blogspot.com/2011/04/robot-laba-laba-dari-kondo-kagaku.html" target="_blank">Robot laba laba</a> 
    <br/><br/> 
    <a href="http://facebook.com/putramangunsaren" target="_blank">facebookku</a> 
    <br/><br/> 
    <a href="http://rohman-freeblogtemplate.blogspot.com" target="_blank">free Blog Template</a> 
    <br/><br/> 
    <a href="http://kolom-authorized.blogspot.com" target="_blank">Authorize service</a> 
    <br/><br/> 
    <a href="http://contoh-blog.blogspot.com/" target="_blank">Blog D'Tree</a> 
    <br/><br/> 

    </marquee> 




    Maka nanti yang akan tampil pada blog kita adalah seperti ini : 


    User Online 

    free Blog Template 

    Authorize service 

    Blog D'Tree 
     



    Sedikit clue biar agak jelas. Kode diatas tidak baku harus di tuliskan persis seperti di atas, tapi bisa di sesuaikan dengan kondisi dan keinginan sobat. Kode yang bisa di rubah adalah : 

    scrollamount="2" --> angka "2" adalah menunjukan kecepatan gerakan, jika ingin lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5" 

    direction="up" --> tulisan "up" menunjukan arah gerakan keatas, kalau ingin di rubah tinggal ganti kata "up" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" . 

    width="50%" --> tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" , width="100%" 

    height="200" --> tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" . 



    Ada variasi lain, yaitu dengan memakai tabel, contoh : 

    <table border="3" width="155" height="130" cellpadding="2"> 

    <tr> 

    <td align="left"> 

    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" > 
    <a href="http://anzhorhmm.blogspot.com/2011/04/robot-laba-laba-dari-kondo-kagaku.html" target="_blank">Robot laba laba</a> 
    <br/><br/> 
    <a href="http://facebook.com/putramangunsaren" target="_blank">facebookku</a> 
    <br/><br/> 
    <a href="http://rohman-freeblogtemplate.blogspot.com" target="_blank">free Blog Template</a> 
    <br/><br/> 
    <a href="http://kolom-authorized.blogspot.com" target="_blank">Authorize service</a> 
    <br/><br/> 
    <a href="http://contoh-blog.blogspot.com/" target="_blank">Blog D'Tree</a> 
    <br/><br/> 

    </marquee> 

    </td> 

    </tr> 

    </table> 



    Maka hasilnya akan seperti di bawah ini : 



    User Online 

    free Blog Template 

    Authorize service 

    Blog D'Tree 









  • Blogroll dengan menu dropdown




  • Untuk membuat blogroll pada menu dropdown, silahkan lihat contoh di bawah : 


    <form> 

    <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> 

    <option> - Blogroll - </option> 

    <option value="http://rubrik-elektronik.blogspot.com">Rubrik elektronik</option> 

    <option value="http://user-online.blogspot.com">User Online</option> 

    <option value="http://rohman-freeblogtemplate.blogspot.com">free blog template</option> 

    <option value="http://kolom-authorized.blogspot.com">Authorize service</option> 

    <option value="http://contoh-blog.blogspot.com/">Blog D'tree</option> 

    </select> 

    </form> 


    Hasilnya akan seperti ini, silahkan klik pada menu dropdownnya : 





    Contoh variasi lainnya : 


    <h3> Blogroll </h3> 

    <div align="left"> 

    <select style size=5="font-weight: normal; font-size: 13px; width="135"; font-family: Verdana,Tahoma,Arial; background-color: rgb(229, 229, 229);" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"> 

    <option style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="" selected="selected">--Teman-temanku--</option> 

    <option value="http://rubrik-elektronik.blogspot.com">rubrik Elektronik</option> 

    <option value="http://user-online.blogspot.com">User Online</option> 

    <option value="http://rohman-freeblogtemplate.blogspot.com">Free blog template</option>

    <option value="http://kolom-authorized.blogspot.com">Authorized Service</option> 

    <option value="http://contoh-blog.blogspot.com/" target="_blank">Blog D'Tree</option> 

    </select> 

    </form> </div> 




    Hasilnya akan seperti ini : 


    Blogroll





    Sedikit clue, kata left yang berada pada kode <div align="left"> menunjukan bahwa menu ini akan di simpan di sebelah kiri, jika mau di rubah tinggal ganti saja dengan kata "center" atau "right". 



    sumber : http://kolom-tutorial.blogspot.com/2007/05/blogroll-alternatif.html

    2 comments:

    1. Replies
      1. Sama sama bang :)
        jangan lupa kunjungi blog ane setiap waktu..
        hehe

        Delete

    Google+ Followers