Home » Blogger Widget » Edit Artikel/postingan Populer dengan Slider Carousel

Edit Artikel/postingan Populer dengan Slider Carousel

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Edit Artikel/postingan Populer dengan Slider Carousel. Dengan artikel Edit Artikel/postingan Populer dengan Slider Carousel ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Edit Artikel/postingan Populer dengan Slider Carousel kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Edit Artikel/postingan Populer dengan Slider Carousel selengkapnya:



Script ini sangat mudah untuk menginstal, Anda hanya harus meletakkan script untuk Gadget baru
  1. Login ke Dashboard Blogger dan arahkan ke 
  2. Desain - Elemen Halaman
  3. Klik "Tambah Gadget" dan Pilih "Popular Posts" ( Jika Anda sudah memiliki gadget ini melewatkan langkah ini )
  4. Setelah Anda memiliki gadget Popular Post "Tambah Gadget" lagi dan pilih "HTML / Javascript"
  5. Masukkan semua di bawah script untuk "Konten" HTML / Javascript Gadget
  6. Jika Anda telah jQuery di Template Anda hapus dari naskah saya
  7. Selesai-posting Anda populer sekarang dengan animasi


    <style>

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

    .popular-posts img {
    margin: 0 !important;
    padding:0 !important;
    width:150px;
    height:120px;
    }

    ol, ul {
    list-style: none;
    }

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

    .clear {
    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) no-repeat center center;
    top: 150px;
    left: -51px;
    }

    #slider .next {
    position: absolute;
    width: 21px;
    height: 21px;
    display: block;
    background: url(http://i575.photobucket.com/albums/ss197/akhmadaminullah/arright.png) no-repeat center center;
    top: 150px;
    right: -51px;
    }

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

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

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

    #slider .article 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 .article h2 {
    margin-bottom: 15px;
    line-height: 18px;
    }

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

    #slider .article .meta-comments a {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    }

    #slider .article .item-snippet {
    margin-left: 15px;
    }

    #slider .widget-item-control { display: none}

    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/gridslidepopularpost.js"></script>

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Edit Artikel/postingan Populer dengan Slider Carousel dengan keword yang masuk Blogger Widget . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Poskan Komentar