HALO Friend, welcome | LOGIN | DAFTAR
Selasa, 03 Juli 2012 | 07:22 WIB

Cara membuat Terpopuler berjalan otomatis

Cara membuat Terpopuler berjalan otomatis

 Cara membuat populer Post bejalan.cara ini juga tidak terlalu ribet and tidak begitu memberatkan blog.cara ini juga pernah saya terapkan untuk melihat hasilnya KLIK DEMO.jika anda tertarik membuatnya ikuti langkah-langkah di bawah ini :


1.Pertama login blogger.Pilih edit Tata letak -  Tambah widget - cari java scrip lalu masukkan scrip di bawah ini :

<style type="text/css" media="screen">


#PopularPosts1 {

 overflow:hidden;

margin-top:5px;

padding:0px 0px;

height:400px;



}



#PopularPosts1 ul {

width:300px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}



#PopularPosts1 li {

 width:300px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:80px;

overflow: hidden;

background:#f3f3f3 repeat-x;

border:1px solid #ddd;

}



#PopularPosts1 li .item-title {

    color:#A5A9AB;

    font-size:1em;

    margin-bottom:0.5em;

}



#PopularPosts1 li .item-title a {

 text-decoration:none;

color:#fb0421;

font-size:13px;

height:18px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}



#PopularPosts1 li img {

 float:left;

margin-right:5px;

background:#EFEFEF;

border:0;

}



#PopularPosts1 li .item-snippet {

  overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:12px;

color:#262B2F;

padding:0px 0px;

margin:0px 0px;

}



#PopularPosts1 .item-snippet a,

#PopularPosts1 .item-snippet a:visited {

    color:#3E4548;

    text-decoration: none;

}



#PopularPosts1 .spyWrapper {

    height: 100%;

    overflow: hidden;

    position: relative;

}



#PopularPosts1 {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

}



.tags span,

.tags a {

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

}



a img {

    border: 0;

}



-->

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8">

$(function () {

    $('.popular-posts ul').simpleSpy();

});

</script>

<script src="http://facewoman.googlecode.com/files/post%20berjalan.js" type="text/javascript"></script>

2.pasang widged populer post.
3.Ketiga kita tinggal save dan lihat hasilnya.

Itulah Cara membuat Terpopuler berjalan otomatis ,bisa bermanfaat.
Bagikan ke :
thumbnail Title: Cara membuat Terpopuler berjalan otomatis
Posted by: ANDIK WIN
Rating: 4.5 ★★★★★ - 174.984 Reviews
Reviewer: 1 hour 30 min - 9.999 Kalori
Sponsored Link

3 Komentar di " Cara membuat Terpopuler berjalan otomatis"

  1. tipsnya bagus sob

    ditunggu kunjungan baliknya ya sob cara komplit disini jugu ane punya berbagai macam cara dan tips

    BalasHapus
    Balasan
    1. yupz gan. oke siap melunur ke tkp :)

      Hapus
  2. tips dan cara di blog ini bagus bagus

    ditunggu kunjungan baliknya ya sob cara komplit disini jugu ane punya berbagai macam cara dan tips

    BalasHapus

Poskan Saran, kritik Serta Opini Anda Pada Blog Facewoman :

TERPOPULER :
TERKOMENTARI :
Mari Gabung Di KBN ( KOMUNITAS BLOGGER NEWBIE INDONESIA ) » KLIK DISINITemui Kami di twitter@andikwinclose
(close)
Back Top