My Contact Facebook :A-Jie Neversaydie
Home » » Membuat Popular Post Bergerak Turun Random

Membuat Popular Post Bergerak Turun Random

 posted by Vgm Ajie NeverSaydie , under


Menampilkan artikel yang sering dibaca atau popolar post dengan gambar dan bisa bergerak turun dan menempatkanya disidebar atau disebelah kolom  postingan, bisa dikiri atau dikanan tergantung selera masing-masing, setelah posting seputar facebook dengan judul membuat cover facebook timeline,  mencoba menulis ulang artikel cara membuat popular post atau menampilkan artikel yang sering dibaca dengan sedikit animasi random, untuk pemasangan popular post itu sendiri yang pada dasarnya artikel popular post sudah banyak yang mengulas dan membahasnya.

Apa guna menampilkan artikel yang sering dibaca / Popular Post ?
Secara detail saya pribadi juga gak begitu paham, berdasarkan pengalaman saya saja saat berselancar dan melihat blog teman-teman, dengan adanya popular post tersebut dapat membantu para pengunjung untuk mengarahkannya ke halaman yang lain mungkin saja ada artikel lain yang tidak tampil dihalaman utama ada dihalaman lain dan menjadi top artikel.

Manfaatlain bisa membantu blog / web agar terkenal di google karena sering dan lamanya waktu pengunjung untuk melihat-lihat isi web tersebut. sebagai contoh popular post  pada situs ini ditempatkan disidebar kanan dengan judul top entri.

popular-post


bagi sobat yang ingin membuat dan memasangnya berikut caranya :

1. Logi ke dasbor sahabat
2. Pilih Rancangan
3.Tambahkan Gedget "Entri Populer"

entri-popular

4. Tambahkan Gedget "HTML Java Scrip"

postingan yang sering dibaca


5. Copas code dibawah ini dan paste di Gedget HTML Javascrip tadi.

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

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:280px;
   
}

#PopularPosts1 ul {
width:342px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}

#PopularPosts1 li {
 width:334px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url() 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:#4B545B;
font-size:11px;
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:10px;
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://bangjefri-code.googlecode.com/files/popularpost.js" type="text/javascript"></script>
Simpan Tamplate Sahabat dan lihat hasilnya.

semoga artikel cara Membuat Popular Post Bergerak Turun Random, bisa mempercantik dan melengkapi isi dari blog agar lebih lengkap dan membantu pengunjung untuk berkunjung pada postingan lainnya.
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

Total Pageviews

Jam

Translate dan Ikuti

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
(+)add friend Facebook : Vgm A-Jie Neversaydie
 
Support : Creating Website | A-jie Template | A-Jie Neversaydie
Copyright © 2011. Vgm A-Jie Neversaydie - All Rights Reserved
Template Created by Creating Website Published by Mas A-jie
Proudly powered by Blogger