Slider Popular Post Keren V1

Setelah lama saya tidak posting untuk script baru. Sekarang saya posting tentang populer di Post Widget untuk blogger , karena widget ini adalah yang terbaik dari Blogger (menurut saya). Beberapa Fitur populer di Post untuk blogger adalah:

• SEO friendly (tidak javascript)
• Mudah custumized
• Bisa membuat Fitur Pos
• Hasil dinamis berdasarkan statistik nyata

Karena fitur tersebut saya membuat banyak widget untuk menampilkan posting populer di banyak cara. Sekarang saya membuat widget baru menggunakan Carousel slider dapat menampilkan gambar dan dipotong secara horizontal.

Anda dapat melihat demo dari link di bawah ini

Script ini sangat mudah untuk menginstal, Anda hanya harus meletakkan script untuk Gadget baru

• Login ke Dashboard Blogger dan arahkan ke Desain - Elemen Halaman
• Klik "Tambah Gadget" dan Pilih "Popular Posts" (Jika Anda sudah memiliki gadget ini melewatkan langkah ini)
• Setelah Anda memiliki populer di Post Gadget "Tambah Gadget" lagi dan pilih "HTML / Javascript"
• Masukkan semua bawah script untuk "Content" dari HTML / Javascript Gadget
• Jika Anda sudah jQuery dalam Template Anda silahkan hapus dari script saya
• Selesai-Anda posting populer sekarang dengan animasi

  <style>

 # Slider ol, # slider ul, # slider li
  {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
 }

 Populer-posting img {.
   margin:! 0 penting;
   padding:! 0 penting;
   width: 150px;
   height: 120px;
 }

 ol, ul {
  list-style: none;
  }

 . Wrapper {
  width: 720px;
  margin: 0 auto;
  position: relative;
 }

 . Jelas {
  clear: both;
  }

 . Display-none {
  display: none;
  }

 # Slider {
  position: relative;
  top:-2px;
  z-index: 1;
  }

 # Slider. Prev {
  position: absolute;
  width: 21px;
  height: 21px;
  display: block;
  background: url (http://i575.photobucket.com/albums/ss197/akhmadaminullah/arleft.png) tidak mengulang-pusat pusat;
  top: 150px;
  kiri: 51px-;
  }

 # Slider. Berikutnya {
  position: absolute;
  width: 21px;
  height: 21px;
  display: block;
  background: url (http://i575.photobucket.com/albums/ss197/akhmadaminullah/arright.png) tidak mengulang-pusat pusat;
  top: 150px;
  kanan:-51px;
  }

 # # Slider slider-wrapper {
  width: 720px;
  height: 300px;
  padding-top: 40px;
  overflow: hidden;
  z-index: 999;
  position: relative;
  }

 # # Slider slider-batin {
  width: 9780px;
  height: 300px;
  position: absolute;
  }

 # Slider. Artikel {
  width: 150px;
  height: 300px;
  float: left;
  margin-right: 30px;
  }

 # Slider. Artikel img {
  margin-bottom: 25px;
  box-shadow: 1px 1px 1px RGBA (0, 0, 0, .15);
  -Moz-box-shadow: 1px 1px 1px RGBA (0, 0, 0, .15);
  -Webkit-box-shadow: 1px 1px 1px RGBA (0, 0, 0, .15);
  }

 # Slider. Artikel h2 {
  margin-bottom: 15px;
  line-height: 18px;
  }

 # Slider. Artikel h2 a {
  font-size: 18px;
  color: # 404040;
  font-weight: bold;
  text-shadow: 0 1px 0 # fff;
  line-height: 23px;
  }

 # Slider artikel.. Meta-komentar yang {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 0 # fff;
  }

 # Slider. Artikel. Item-potongan {
  margin-left: 15px;
  }

 . # Slider widget-item kontrol {display: none}

 </ Style>
 Tambahkan Bisnis src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </ script>
 Tambahkan Bisnis src="http://accordion-for-blogger.googlecode.com/svn/trunk/gridslidepopularpost.js"> </ script>