Membuat Recent Artikel Bergerak | Griya Ilmu & Bisnis
 
Griya Ilmu & Bisnis
 
Minggu, 27 Maret 2011

Membuat Recent Artikel Bergerak

it's an information blog
Hmm.... sedang malas basa basinya nih...
Tu De Poin aja deh ya
Pengen bikin Recent Artikel bergerak seperti di Blog ini??

Caranya:
Login ke blogger kamu, lalu pilih tata letak, lalu klik tambah gadget html, nah copas deh kode dibawah ini :

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <style media="screen" type="text/css">
    <!--

    #spylist {
    overflow:hidden;
    margin-top:5px;
    margin-bottom:-20px;
    padding:0px 0px -20px 0px;
    height:350px;
    }
    #spylist ul{
    width:280px;
    overflow:hidden;
    float:center;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:262px;
    padding: 2px 2px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#FFFFFF;
    border:1px solid #ddd;
    }

    #spylist li a {
    text-decoration:none;
    color:#A32929;
    font-size:12px;
    height:0px;
    overflow:hidden;
    margin: 0px 0px;
    padding:0px 0px 0px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:0px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:0px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }

    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:0px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }

    -->
    </style>

    <script language="JavaScript">

    imgr = new Array();

    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;

    boxwidth = 255;

    cellspacing = 6;

    borderColor = "#232c35";

    bgTD = "#000000";

    thumbwidth = 70;

    thumbheight = 70;

    fntsize = 12;

    acolor = "#666";

    aBold = true;

    icon = " ";

    text = " ";

    showPostDate = false;

    showcomments = false;

    summaryPost = 40;

    summaryFontsize = 10;

    summaryColor = "#666";

    icon2 = " ";

    numposts = 20;

    home_page = "http://Masukkan URL blog anda disini.blogspot.com/";

    limitspy=4
    intervalspy=4000

    </script>

    <div id="spylist">
    <script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
    </div>



Lalu ganti url http://URL BLOG ANDA/ (tulisan warna merah) dengan URL blog anda.
Untuk merubah ukuran widget sesuai dengan sidebar blog anda, silahkan ubah nilai berikut:
width:220px;
width:200px;
boxwidth = 255;

0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Posting Komentar

Tinggalkan pesan anda disini :

Updates Via E-Mail