Cara Membuat Entri Populer Dengan Efek Slide Pada Blog

Cara Membuat Entri Populer Dengan Efek Slide Pada BlogCara Membuat Entri Populer Dengan Efek Slide Pada Blog - Sobat blogger, pada kesempatan kali ini saya akan share artikel mengenai Cara Membuat Entri Populer dengan Efek Slide Pada Blog. Bila sobat blogger bertanya-tanya apa itu entri populer, berikut saya jelaskan tentang entri populer.

Entri Populer adalah Entri/artikel blog Anda yang paling sering di baca oleh pengunjung blog sobat. Dengan adanya entri populer, sobat blogger bisa mengetahui artikel mana yang sering dibaca dan dikunjungi oleh pengunjung blog.

Daripada panjang lebar menjelaskan apa itu entri populer, lebih baik sobat mencobanya agar lebih memahaminya. Berikut saya jelaskan cara pembuatannya.




Langkah yang pertama adalah dengan membuat / menambah gedget Entri Populer dari blogger.
  • Masuk ke akun blog sobat.
  • Pilih Tata Letak =>> Add Gedget.

  • Pilih Entri Populer.
  • Konfigurasikan Entri Populer seperti pada gambar.
Cara Membuat Entri Populer Dengan Efek Slide Pada Blog
  •  Kemudian Simpan.

Langkah yang kedua adalah dengan memasukan kode Javascript kedalam Blog.
  • Pilih Tata Letak, kemudian Pilih Add Gedget.
  • Pilih HTML/Javascript.
  • Kemudian Masukan kode dibawah ini ke dalam HTML/Javascript.

<style type="text/css" media="screen">
#PopularPosts1 {
overflow:hidden;
margin-top:2px;
padding:0px 0px;
height:400px;
}
#PopularPosts1 ul {
width:280px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
width:280px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:none;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:12px;
    margin-bottom:2px;
}
#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: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://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></scrip >

  • Klik Simpan.
  • Posisi Entri Populer dan Kode HTML/Javascript harus berdekatan seperti pada gambar.

Cara Membuat Entri Populer Dengan Efek Slide Pada Blog

  • Kemudian Simpan lagi dan liat hasilnya.
Sekian Artikel dari saya, semoga artikel ini dapat berguna dan bermanfaat buat sobat blogger. Tunggu info artikel lain dari saya. Jika ada yang kurang jelas silahkan bertanya pada kolom komentar. Happy Blogging.



Ditulis Oleh : Rosby Pranajaya M. Nandjan ~ Mari Berbagi

Mari Berbagi Sobat sedang membaca artikel tentang Cara Membuat Entri Populer Dengan Efek Slide Pada Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya


Silahkan masukan Email sobat untuk mendapatkan update artikel terbaru di blog ini :

Delivered by FeedBurner




56 komentar:

  1. BAGUS SEKALI...SAYA COBA GAN

    BalasHapus
  2. tak coba dulu thanks gan ilmunya

    BalasHapus
  3. sip gaan..
    jangan lupa mampir ke blog ane :D

    BalasHapus
  4. mantap gan, saya sudah coba, terima kasih.

    BalasHapus
  5. izin coba gan..
    mampir yaa ... adansubuh9.blogspot.com
    makasii....

    BalasHapus
  6. Thanks banget tipsnya^^
    Sudah dicoba dan keren hehe

    BalasHapus
  7. Thanks,infonya sangat bermanfaat sekali

    BalasHapus
  8. Terimakasih sudah berbagi ilmunya...salam sukses

    BalasHapus
  9. Thanks gan, Akan ilmunya, saya harap itu berguna untuk website saya

    Kunjungi juga website saya : Irianm.blogspot.com

    BalasHapus
  10. Thanks gan,
    Tips nya lumayan :)

    BalasHapus
  11. Mantap Bro (y)
    Kunjungi web ane juga ya : seventeencyber.blogspot.com

    BalasHapus
  12. Keren Min Izin Praktek :D
    Klo Bisa Mampir Ke Blog Ane ya Min http://yuiyoshiokatokyo.blogspot.com/ :)

    BalasHapus
  13. sangat manjur ini blog..maksih sobat

    BalasHapus
  14. sip gan, postingannya mantap...
    d tunggu kunjungan baliknya http://dhifaoutlet.blogspot.com/

    BalasHapus
  15. Saya Blogger baru. dan Infonya sangat berguna bagi saya...
    Terimakasih Atas infonya....
    di tunggu Kunjungannya di Blog saya http://kampusherya.blogspot.com/

    :)

    BalasHapus
    Balasan
    1. singgah di http://prediksikeluarannomertogelmasterhk.blogspot.com/2014/10/bocoran-mastersgp-yang-akan-tembus-hari.html

      Hapus
  16. sangat bermanfaat sekali gan, mampir gan ke blog ane ya http://e-aksesorisoriginal.blogspot.com/

    BalasHapus
  17. mantap bro,salam 1 kepulauan riau

    BalasHapus
  18. boleh juga ni untuk diterapkan tapi sayangnya blog saya memakai wordpress
    nice share

    BalasHapus
  19. mantap tipsnya gan. salam sukses selalu.

    BalasHapus
  20. wow gooooooooood top makasih ya mas triknya. pokonya maknyus lah.

    BalasHapus
  21. wow makasih ya gan saya bisa :D
    kunjungi juga ya blog saya minions13.blogspot.com

    BalasHapus
  22. wow sangat bermanfaat sekali, kunjungi www.limaxsoftware.com juga ya. thanks :)

    BalasHapus
  23. Bermanfaaat mas artikelnya salam kenal semoga sukses selalau

    BalasHapus
  24. makasih sob..keren dah tak coba...

    BalasHapus
  25. makasih ya, bermanfaat sekali..

    BalasHapus
  26. thnks min... kunjungi juga ye animeloverzs.blogspot.com

    BalasHapus
  27. aku bermasalh dalam mencobanya. ada yg bisa bantu agan2. please visit my blog nolanofrialiskaarnas.blogsopt.com

    BalasHapus
  28. makasih ilmunya saling berbagi

    BalasHapus
  29. Terimakasih informasinya sangat bermanfaat :)

    BalasHapus
  30. Thanks mas, sudah saya coba diblog saya yang lain dan berhasil.

    BalasHapus
  31. terimakasih banyak gan, sangat bermanfaat sekali artikelnya..

    BalasHapus
  32. MAntap lah pokok e.. :D
    Kunjungan Balik : http://kupastrik.blogspot.com

    BalasHapus
  33. Baik sekali sob,bisa dicoba dan ditunggu mainnya di http://zaki-mtv.blogspot.com/

    BalasHapus
  34. om om new bie nih, mau tanya ntu scrip ubah waktu n arah slide nya yang mana yak

    BalasHapus
  35. Punyaku kok lemot ya pas waktu slidenya.?

    Denmas Ulin

    BalasHapus
  36. thanks gan membantu ane dgn infonya.. mampir ke blog ane ya gan.
    www.bedesgunung.blogspot.com

    BalasHapus
  37. makasih yah atas informasinya, jangan lupa kunjungi blog aku juga.
    QUEENXXX92

    BalasHapus
  38. Info Seputar PTC
    http://ptcinfo12.blogspot.co.id/

    BalasHapus
  39. wah seukses thx gan. kunjugi blog saya juga yah di vanoverhelsing.blogspot.co.id

    BalasHapus
  40. wih Keren makasih mas ilmunya
    jangan lupa kunjungi blog saya mas..
    asharbenyblogspot.co.id

    BalasHapus
  41. thanks infonya, visit blog puitis saya ya. paradiseseidae.blogspot.com

    BalasHapus
  42. saran nya gan http://ipincrazylion.blogspot.co.id/

    BalasHapus
  43. sipp

    https://pemudamenulis.blogspot.co.id/

    BalasHapus
  44. tq gan infonya mampir ya ke blog saya http://wonderfulartikel.blogspot.co.id/ hehe

    BalasHapus

Silahkan Sobat tinggalkan komentar dengan kata - kata yang Baik, Bijak dan Sopan.

Yang tidak diperbolehkan dalam berkomentar :
1. Komentar yang mengandung unsur SARA.
2. Komentar yang berbau PORNO.
3. Komentar Saling CACI MAKI.
4. Komentar yang Memasukan LINK IKLAN dan LINK AKTIF.

Saya harap Sobat dapat mematuhi aturan berkomentar yang saya buat. Jika ada komentar yang melanggar ketentuan tersebut diatas dan dianggap spam akan Saya Hapus. Atas kerjasama sobat sekalian saya ucapkan banyak Terima Kasih. Salam Sukses selalu untuk Sobat dan Salam Blogger.