Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mudah Membuat Efek Postingan Populer Animasi Versi gulir Kebawah Otomatis [ KODE HTML ]

Metode perbedaan populer post bawaan dari Template Blogger, tampilan mungkin gampang Menjadi cepat  bosan, tampil Blog tidak memiliki keunikan tersendiri.
Blog memiliki keseriusan dan keunikan tersendiri bagi saya suatu kebanggan.

Yang saya akan bagikan di sini adalah tentang Coding menambahkan popular post atau postingan popular , hanya sepotong kode html / javascript anda dapat merubahnya Blog atau website akan terlihat lebih menarik  dari ribuan Blog lain.
Blog atau website Memiliki tampilan uniek tentu sangat menarik bagi pengunjung dan tidak membosankan untuk di lihat mata Pengunjung
Perbedaan Populer post bawaan Blogger versi Populer post Coding berikut akan saya bahas di bagian artikel ini sampai selesai.

Panduan [ pemula ] Cara menambahkan postingan populer versi bawaan Blogger atau Blogspot 

Menambahkan populer post atau postingan populer di Blog atau blogspot.
  1. Login Dashboard Blogger
  2. Cari Tata letak
  3. Tambahkan Widget atau Gadget
  4. Pilih Postingan populer
  5. Save /Simpan widget
  6. Selesai 
  7. Tinjau hasilnya
penambahannya lebih mudah dan cepat tidak perlu edit kode html atau penambahan kode, sebenarnya Blog sudah di lengkapi widget sesuai kebutuhan untuk Blog sendiri.

Apa saja kelengkapan nama widget atau gadget di Blogger

  • AdSense
  • Postingan unggulan
  • Penelusuran Blog
  • HTML / JavaScript
  • Profil
  • Arsip Blog
  • Header Halaman
  • Pengikut
  • Gambar
  • Label
  • Halaman
  • Daftar link
  • Teks
  • Postingan populer
  • Statistik blog
  • Daftar Blog
  • Feed
  • Logo
  • Link langganan
  • Terjemahan
  • Daftar
  • Formulir kontak
  • Wikipedia
  • Atribusi
  • Laporkan penyalahgunaan
Itulah kelengkapan dan nama Widget Blogger , setiap Widget memiliki bagian penting dalam membantu tampilan yang di butuhkan untuk mengoptimalkan Blog.

Cara mudah traffic pengunjung meningkat

Blog Tampil cantik memang selalu menjadi bagian utama dari setiap Blogging untuk meningkatkan traffic pengunjung dengan caranya sendiri seperti ;
  • Membuat desain blog dengan tampilan yang bagus dan tidak membosankan.
  • Membuat artikel dengan teks yang panjang hingga 1500 kata hingga 2000 kata.
Jadi Membuat artikel dengan Postingan populer juga bisa menghasilkan traffic pengunjung Begitulah pengertian soal blog.

Cara membuat postingan populer Animasi di Blog atau website

Membuat postingan populer dengan animasi bergerak atau bergulir unique akan memberikan blog tampil profesional.

Sebelum menambahkan kode html / JavaScript anda harus terlebih dulu ikuti langkah-langkah berikut.
  1. Login Dashboard Blogger
  2. Cari Tata letak
  3. Tambahkan Gadget /Widget
  4. Copy kode Html berikut

  5. <style type="text/css">

    #rp_plus_img{height:377px;}

    #rp_plus_img li {height:60px;padding:5px;list-style:none;

    background-color:#ffffff;

    border:solid 1px #000000;}

    #rp_plus_img a{color:#00000;}

    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;

    text-align:justify;

    -moz-border-radius: 5px;}

    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}



    </style>

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

    </script>

    <script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">

    </script>

    <script type="text/javascript">

    var speed = 1500;

    var pause = 3500;

    $(document).ready(function(){

    rpnewsticker();

    interval = setInterval(rpnewsticker, pause);

    });



    </script>

    <ul id="rp_plus_img"><script>

    var numposts = 5;

    var numchars = 0;



    </script> <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">

    </script> </ul>

    <small><a href="http://tekno.ayokerja.xyz/" target="_blank"></a></small>
  6. Pilih Widget HTML /JavaScript
  7. Pastekan kode 
  8. Save / Simpan widget
  9. Selesai dan tinjau hasilnya


Jangan lupa Edit kode Postingan populer Animasi 


1. Ganti Link URL

Setting dulu kodenya , ganti Link URL-nya dengan Link Blog masing-masing.
Gari URL berikut ini

ganti Link URL-nya = http://tekno.ayokerja.xyz/

2. Ketebalan kotak

Kalo ingin ubah ukuran kotak Postingan populer Perhatikan kode berikut ganti angka 1Px sesuai kebutuhan

 solid 1px  

3. Kode warna

Untuk ubah warna sesuai yang di inginkan di blog Anda , kode warna seperti berikut bisa di ganti sesuai selera

  #ffffff dan #000000

4. Jumlah postingan

tampilan Postingan populer yang di inginkan di tampilkan dengan animasi bergiliran , ubah angka 5 sesuai yang di inginkan

var numposts = 5;

5. Selesai.

Jika Anda penasaran Demo yang sudah jadi bagaimana cara postingan populer-nya di tampilkan , Anda bisa Cek berikut.

Penutup Akhir

Begitulah cara menambahkan Postingan populer dari bawaan Blogger dengan otomatis, maupun secara manual dengan menambahkan kode HTML / JavaScript.
Semoga Apa yang saya bagikan di artikel ini bisa bermanfaat.