4 Membuat BlogRool

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Blogroll adalah tempat menyimpan link address milik orang lain pada blog atau website kita.

BlogRool ini gunanya untuk menghemat tempat pada blog pada saat daftar link kita sudah banyak dan menyesakkan body template blog. Ada beberapa cara yang saya tahu untuk membuat blogrool.

Yang pertama seperti ini: Blogroll dengan menu dropdown:

Contoh code HTML/JavaScriptnya sebagai berikut:

<form>

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

<option> - Blogroll - </option>

<option value="http://amatullah83.blogspot.com/">Amatullah's Page</option>

<option value="http://amatullah83.blogspot.com/search/label/Islamic%20Animation">Islamic Animation</option>

<option value="http://amatullah83.blogspot.com/search/label/Blogger%20Template">Free Blogger Templates</option>

<option value="http://amatullah83.blogspot.com/search/label/Tutorial%20Blogger">Tutorial Blogger</option>

</select>

</form>

Alamat URL dan titelnya tinggal anda sesuaikan sendiri!

Yang kedua: Membuat blogroll dengan perintah marquee :

Contohnya seperti ini:

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

<a href="http://amatullah83.blogspot.com/" target="_blank">Amatullah's Page</a>
<br/><br/>
<a href="
http://amatullah83.blogspot.com/search/label/Islamic%20Animation" target="_blank">Islamic Animation</a>
<br/><br/>
<a href="
http://amatullah83.blogspot.com/search/label/Blogger%20Template" target="_blank">Free Blog Template</a>
<br/><br/>
<a href="
http://amatullah83.blogspot.com/search/label/Tutorial%20Blogger" target="_blank">Tutorial Blogger</a>
<br/><br/>

</marquee>

Maka hasilnya seperti dibawah ini

Amatullah's Page

Islamic Animation

Free Blog Template

Tutorial Blogger

Sedikit penjelasan tambahan:

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" dst

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%" dst.

Tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" dst.

Semoga bermanfaat!


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blogging

4 komentar :

  1. sangat membantu terimakasih, kapan2 mampir keblog saya untuk melihat hasil prektek pelajaran dari anda !

    BalasHapus
  2. @ rencana pembelajaran: Iya sama2, insyaAllah

    BalasHapus
  3. Assalamu'allaikum..ini sangat bermanfaat...langsung di praktekan kang mampir ke tempat saya ya..dan jangan lupa saranya ya!..

    BalasHapus
  4. tx infonya gan, membantu banget buat newbie kayak saya...

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di Sini!