Membuat Blogroll Bergerak Paling Keren

Tutorial Blogger, Kesehatan, Islami

  • HOME
  • DAFTAR ISI
  • BLOGGER
  • TEMPLATE
  • TIPS TRIK
  • SEO
  • DESAIN BLOG
  • WIDGET
  • KESEHATAN
Home Blogger SEO Tips And Trik Widget Membuat Blogroll Bergerak Paling Keren

Membuat Blogroll Bergerak Paling Keren

Alhamdulillah bisa posting lagi nih , setelah barusan di daerah sini listriknya mati sekitar 2 jam dan akhirnya nyala juga deh listriknya , alhamdulillah. Saya pada kesempatan sebelumnya pernah membahas sebuah artikel yang berjudul Membuat Widget Subscribe Paling Keren yang gunanya supaya pengunjung bisa mengikuti blog kita dan juga akan mendapat informasi bila kita membuat postingan. dan kesempatan sebelumnya saya juga pernah membahas masalah template yaitu Template Mirip Terselubung Paling Keren.

Teman 
 Balik ke topik sob , Fungsi Blogroll ini sendiri untuk blog yaitu untuk mencantumkan link-link teman atau kawan. Tapi keistimewaan tutorial ini yaitu Blogroll yang kita buat bisa bergerak sob , mau liat contohnya gak sob ??? ,berikut ini contoh blogrollnya sob :

Contoh Blogroll Contoh Blogroll

Sobat ingin membuat  Blogroll Bergerak Paling Keren seperti diatas ???
kalau sobat ingin , silahkan ikuti tutorialnya berikut ini , mudah kok sob santai aja.
  1. Login ke blogger sobat
  2. Klik Template > Edit HTML
  3. Masukan kode berikut diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'/><script type='text/javascript'>
var $ul = $('#blog-roll'),
    roll = function() {
        $ul.find('li').first().slideUp('slow', function() {
            $(this).appendTo($(this).parent()).fadeIn();
        });
    },
    anim = setInterval(roll, 3000);
// Pause on hover...
$ul.hover(function() {
    clearInterval(anim);
}, function() {
    setInterval(roll, 3000);
});
</script>
   4. Klik Simpan Template
   5. Letakan kode berikut di tata letak maupun postingan , ya pokoknya yang sobat sukai :

<ul id="blog-roll">         
<li><a href="#">Planet Ajaib 1</a></li>
<li><a href="#">Planet Ajaib 21</a></li>
<li><a href="#">Planet Ajaib 3</a></li>
<li><a href="#">Planet Ajaib 4</a></li>
<li><a href="#">Planet Ajaib 5</a></li>
<li><a href="#">Planet Ajaib 6</a></li>
<li><a href="#">Planet Ajaib 7</a></li>
<li><a href="#">Planet Ajaib 8</a></li>
<li><a href="#">Planet Ajaib 9</a></li>
<li><a href="#">Planet Ajaib 10</a></li>
<li><a href="#">Planet Ajaib 11</a></li>
<li><a href="#">Planet Ajaib 12</a></li>
<li><a href="#">Planet Ajaib 13</a></li>
<li><a href="#">Planet Ajaib 14</a></li>
<li><a href="#">Planet Ajaib 15</a></li>
</ul>

Gantilah tanda pagar (#) dengan link-link teman atau kawan , dan Planet Ajaib 1-15 dengan judul
Mudah kan sobat ????? pastinya dong .....

Demikianlah kali ini postingan saya tentang Membuat Blogroll Bergerak Paling Keren , Semoga dapat berguna dan bermanfaat bagi sobat semua . Dan seperti biasanya bila ada tutur kata atau ucapan saya yang kurang berkenan mohon dimaafkan , dan bila ada pertanyaan silahkan berkomentar dibawah , Wassalamualaikum.
Tweet

7 Responses to " Membuat Blogroll Bergerak Paling Keren "

  1. MHI27 Mei 2013 pukul 22.07

    wah, keren sob, kapan-kapan bisa nyoba nih..

    BalasHapus
    Balasan
    1. Anonim28 Mei 2013 pukul 06.41

      silahkan..hehe

      Hapus
      Balasan
        Balas
    2. Balas
  2. jalupangna28 Mei 2013 pukul 16.43

    blogwalking sore sekalian kunjungan balik mas, izin nyimak. Dikira saya ini blog mas kompi..hehe..

    BalasHapus
    Balasan
    1. Anonim28 Mei 2013 pukul 17.07

      silahkan menyimak mas..

      Hapus
      Balasan
        Balas
    2. Balas
  3. Unknown5 Juni 2013 pukul 15.02

    Mancappppppp ^_^

    kunjung balik gan .. http://bloggerjava.net

    BalasHapus
    Balasan
    1. Anonim5 Juni 2013 pukul 15.17

      oclep , sip

      Hapus
      Balasan
        Balas
    2. Balas
  4. SewaProyektorCirebon15 Juli 2013 pukul 06.36

    keren gan...
    mampirlah sini
    http://kangdiyon.blogspot.com

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar ( Atom )

Sering Dibaca

  • planet ajaib

    Cara Membedakan Tokek Jantan Dan Tokek Betina

  • planet ajaib

    5 Pembalap GP Paling Legendaris di Dunia

  • planet ajaib

    Cara Membedakan Raket Yonex Asli Dengan Yonex Palsu

  • planet ajaib

    5 Kucing Paling Mahal di Dunia

  • planet ajaib

    10 Cara Kreatif Mengungkapkan Rasa Cinta

Site Info

Blogroll

  • Harga Motor Yamaha Honda
  • Cek Resi JNE
  • Katalog Carrefour
  • Kata Kata Mutiara

Sahabat

Label

Aneh (13) Badminton (1) Bisnis (3) Blogger (67) Cerita (3) Cinta (3) Desain Blog (14) Directory (1) Fakta Menarik (2) Fenomena (2) gadget (1) Hewan (1) Hoby (2) Information (8) Internet (1) Iseng (12) Kata Kata Mutiara (1) Kecantika (1) Kecantikan (1) Kesehatan (45) Komputer (2) Manfaat (5) Olahraga (1) Pengetahuan (6) Resep (3) SEO (26) Software (1) Teknologi (3) Template (12) Tips And Trik (57) Tool Blog (3) Widget (18)
Privacy Police | Contact| About Me
Support : sertifikasi crane
isnpeksi dan sertifikasi
Copyright © 2013 Planet Ajaib - All Rights Reserved
Design by jasa sertifikasi crane
Powered by Blogger